Align Select public types and Soma inventory

active-uix
dev 5 months ago
parent 701f83d648
commit 3050d273dd

@ -1047,16 +1047,24 @@ Referencia completa con todos los pasos en `COMPONENT_GUIDE.md`. Resumen:
### Implemented ### Implemented
Accordion, Checkbox (Group), Collapsible, Combobox, ContextMenu, Dialog (AlertDialog variant), Drawer, DropdownMenu, Editable, LinkPreview, NumberField, Pagination, Popover, RadioGroup, ScrollArea, Select, Slider, Splitter, Stepper, Switch, Tabs, Table, TagsInput, Toast, Toggle (Group), Toolbar, Tooltip, TreeView. Accordion, AlertDialog, Announce, Breadcrumb, Calendar, Carousel, Checkbox
(Group), Clipboard, Collapsible, ColorField, ColorPicker, Combobox, Command,
ContextMenu, DateField, DatePicker, DateRangeField, DateRangePicker, Dialog,
DragDrop, Drawer, DropdownMenu, Editable, Feed, Field, FileUpload, Form,
GridList, LinkPreview, Listbox, Menubar, Meter, NavigationMenu, NumberField,
Pagination, PinInput, Popover, Progress, RadioGroup, RangeCalendar,
RatingGroup, ScrollArea, SearchField, Select, Slider, Splitter, Stepper,
Switch, Tabs, Table, TagGroup, TagsInput, TimeField, TimePicker,
TimeRangeField, TimeRangePicker, Toast, Toggle (Group), Toolbar, Tooltip,
TreeGrid, TreeView, VirtualGrid and VirtualList.
### Planned ### Planned
**Tier 2 (menu + form):** Menubar, Command, Field/Form, FileUpload No hay tiers planned vigentes en este documento. Nuevas piezas se aceptan solo
**Tier 3 (dates):** Calendar, RangeCalendar, DateField, DatePicker, DateRangeField, DateRangePicker si cumplen el criterio de pertenencia de §2 y declaran primero su morfo.
**Tier 4 (time):** TimeField, TimePicker, TimeRangeField
**Tier 5 (color):** ColorPicker, ColorField, ColorRangePicker, ColorRangeField
**Tier 6 (sound):** SoundPicker, SoundRangePicker
### Visual-native (no soma) ### Visual-native (no soma)
Avatar (eidos-native), Badge, Button, Label, Meter, Progress, Separator, Spinner, PinInput, RatingGroup, ColorPicker, AspectRatio, Typography, Layout, Icon. Avatar, Icon y SVG son eidos-native hoy. Primitivas de una sola parte como
Badge, Button, Label, Separator, Spinner, AspectRatio, Typography o Layout
deben seguir eidos-native salvo que aparezca behavior compuesto real.

@ -9,9 +9,9 @@ export { default as GroupHeading } from './components/select-group-heading.svelt
export { default as Separator } from './components/select-separator.svelte'; export { default as Separator } from './components/select-separator.svelte';
export { default as Arrow } from './components/select-arrow.svelte'; export { default as Arrow } from './components/select-arrow.svelte';
export type { SelectType, ScrollAlignment } from './select-provider.svelte';
export type { export type {
SelectType,
ScrollAlignment,
SelectProps as ProviderProps, SelectProps as ProviderProps,
SelectTriggerProps as TriggerProps, SelectTriggerProps as TriggerProps,
SelectValueProps as ValueProps, SelectValueProps as ValueProps,

@ -11,7 +11,7 @@ import { createSomaRuntime, type SomaRuntimeSources } from '$soma/runtime.svelte
import { FloatingProvider } from '$soma/layers/floating'; import { FloatingProvider } from '$soma/layers/floating';
import { SelectProvider } from './select-provider.svelte'; import { SelectProvider } from './select-provider.svelte';
import type { ScrollAlignment, SelectType } from './select-provider.svelte'; import type { ScrollAlignment, SelectType } from './types';
function withEffectRoot<T>(fn: () => T): { result: T; cleanup: () => void } { function withEffectRoot<T>(fn: () => T): { result: T; cleanup: () => void } {
let result!: T; let result!: T;

@ -35,12 +35,10 @@ import {
import { selectMorfo } from '../../../morfo/components/select'; import { selectMorfo } from '../../../morfo/components/select';
import type { SomaRuntime, SomaRuntimePart } from '../../runtime.svelte'; import type { SomaRuntime, SomaRuntimePart } from '../../runtime.svelte';
import type { ScrollAlignment, SelectType } from './types';
const attrs = createAttrs(selectMorfo); const attrs = createAttrs(selectMorfo);
export type SelectType = 'single' | 'multiple';
export type ScrollAlignment = 'nearest' | 'center' | 'start' | 'end';
// ── Root ───────────────────────────────────────────────────────────────────── // ── Root ─────────────────────────────────────────────────────────────────────
interface SelectOpts interface SelectOpts

@ -13,7 +13,9 @@ import type {
} from '../../types'; } from '../../types';
import type { DismissalBehavior } from '../../layers/dismissal.svelte'; import type { DismissalBehavior } from '../../layers/dismissal.svelte';
import type { Side, Align, Boundary } from '../../types'; import type { Side, Align, Boundary } from '../../types';
import type { SelectType, ScrollAlignment } from './select-provider.svelte';
export type SelectType = 'single' | 'multiple';
export type ScrollAlignment = 'nearest' | 'center' | 'start' | 'end';
export type SelectProps = { export type SelectProps = {
/** Unique identifier. Auto-generated if omitted. */ /** Unique identifier. Auto-generated if omitted. */

Loading…
Cancel
Save

Powered by TurnKey Linux.