@sewadah/selaras 0.1.1 → 0.3.0

package/dist/runtime/theme-config.d.ts

@@ -0,0 +1,470 @@
+import type { VariantProps } from 'tailwind-variants';
+import type { accordionTheme, AccordionThemeSlots } from './theme/accordion.js';
+import type { alertTheme, AlertThemeSlots } from './theme/alert.js';
+import type { alertDialogTheme, AlertDialogThemeSlots } from './theme/alert-dialog.js';
+import type { avatarTheme, AvatarThemeSlots } from './theme/avatar.js';
+import type { avatarGroupTheme, AvatarGroupThemeSlots } from './theme/avatar-group.js';
+import type { badgeTheme, BadgeThemeSlots } from './theme/badge.js';
+import type { breadcrumbTheme, BreadcrumbThemeSlots } from './theme/breadcrumb.js';
+import type { buttonTheme, ButtonThemeSlots } from './theme/button.js';
+import type { buttonGroupTheme, ButtonGroupThemeSlots } from './theme/button-group.js';
+import type { calloutTheme, CalloutThemeSlots } from './theme/callout.js';
+import type { cardTheme, CardThemeSlots } from './theme/card.js';
+import type { cardGroupTheme, CardGroupThemeSlots } from './theme/card-group.js';
+import type { checkboxTheme, CheckboxThemeSlots } from './theme/checkbox.js';
+import type { chipTheme, ChipThemeSlots } from './theme/chip.js';
+import type { codeButtonTheme, CodeButtonThemeSlots } from './theme/code-button.js';
+import type { codeTreeTheme, CodeTreeThemeSlots } from './theme/code-tree.js';
+import type { collapsibleTheme, CollapsibleThemeSlots } from './theme/collapsible.js';
+import type { colorPickerTheme, ColorPickerThemeSlots } from './theme/color-picker.js';
+import type { commandPaletteTheme, CommandPaletteThemeSlots } from './theme/command-palette.js';
+import type { containerTheme, ContainerThemeSlots } from './theme/container.js';
+import type { contentNavigationTheme, ContentNavigationThemeSlots } from './theme/content-navigation.js';
+import type { contentSurroundTheme, ContentSurroundThemeSlots } from './theme/content-surround.js';
+import type { contentTocTheme, ContentTocThemeSlots } from './theme/content-toc.js';
+import type { contextMenuTheme, ContextMenuThemeSlots } from './theme/context-menu.js';
+import type { dashboardGroupTheme, DashboardGroupThemeSlots } from './theme/dashboard-group.js';
+import type { dashboardNavbarTheme, DashboardNavbarThemeSlots } from './theme/dashboard-navbar.js';
+import type { dashboardPanelTheme, DashboardPanelThemeSlots } from './theme/dashboard-panel.js';
+import type { dashboardResizeHandleTheme, DashboardResizeHandleThemeSlots } from './theme/dashboard-resize-handle.js';
+import type { dashboardSidebarTheme, DashboardSidebarThemeSlots } from './theme/dashboard-sidebar.js';
+import type { datePickerTheme, DatePickerThemeSlots } from './theme/date-picker.js';
+import type { drawerTheme, DrawerThemeSlots } from './theme/drawer.js';
+import type { dropdownTheme, DropdownThemeSlots } from './theme/dropdown.js';
+import type { fileTreeTheme, FileTreeThemeSlots } from './theme/file-tree.js';
+import type { fileUploadTheme, FileUploadThemeSlots } from './theme/file-upload.js';
+import type { formFieldTheme, FormFieldThemeSlots } from './theme/form-field.js';
+import type { headerTheme, HeaderThemeSlots } from './theme/header.js';
+import type { iconTheme, IconThemeSlots } from './theme/icon.js';
+import type { inputTheme, InputThemeSlots } from './theme/input.js';
+import type { inputGroupTheme, InputGroupThemeSlots } from './theme/input-group.js';
+import type { inputNumberTheme, InputNumberThemeSlots } from './theme/input-number.js';
+import type { kbdTheme, KbdThemeSlots } from './theme/kbd.js';
+import type { modalTheme, ModalThemeSlots } from './theme/modal.js';
+import type { navigationMenuTheme, NavigationMenuThemeSlots } from './theme/navigation-menu.js';
+import type { pageAsideTheme, PageAsideThemeSlots } from './theme/page-aside.js';
+import type { pageHeaderTheme, PageHeaderThemeSlots } from './theme/page-header.js';
+import type { paginationTheme, PaginationThemeSlots } from './theme/pagination.js';
+import type { pinInputTheme, PinInputThemeSlots } from './theme/pin-input.js';
+import type { popoverTheme, PopoverThemeSlots } from './theme/popover.js';
+import type { progressTheme, ProgressThemeSlots } from './theme/progress.js';
+import type { proseTheme, ProseThemeSlots } from './theme/prose.js';
+import type { radioGroupTheme, RadioGroupThemeSlots } from './theme/radio-group.js';
+import type { ratingTheme, RatingThemeSlots } from './theme/rating.js';
+import type { readMoreTheme, ReadMoreThemeSlots } from './theme/read-more.js';
+import type { scrollAreaTheme, ScrollAreaThemeSlots } from './theme/scroll-area.js';
+import type { selectTheme, SelectThemeSlots } from './theme/select.js';
+import type { separatorTheme, SeparatorThemeSlots } from './theme/separator.js';
+import type { skeletonTheme, SkeletonThemeSlots } from './theme/skeleton.js';
+import type { slideoverTheme, SlideoverThemeSlots } from './theme/slideover.js';
+import type { sliderTheme, SliderThemeSlots } from './theme/slider.js';
+import type { splitterTheme, SplitterThemeSlots } from './theme/splitter.js';
+import type { splitterPanelTheme, SplitterPanelThemeSlots } from './theme/splitter-panel.js';
+import type { splitterResizeHandleTheme, SplitterResizeHandleThemeSlots } from './theme/splitter-resize-handle.js';
+import type { stepperTheme, StepperThemeSlots } from './theme/stepper.js';
+import type { switchTheme, SwitchThemeSlots } from './theme/switch.js';
+import type { tableTheme, TableThemeSlots } from './theme/table.js';
+import type { tabsTheme, TabsThemeSlots } from './theme/tabs.js';
+import type { textareaTheme, TextareaThemeSlots } from './theme/textarea.js';
+import type { toastTheme, ToastThemeSlots } from './theme/toast.js';
+import type { toggleTheme, ToggleThemeSlots } from './theme/toggle.js';
+import type { toggleGroupTheme, ToggleGroupThemeSlots } from './theme/toggle-group.js';
+import type { tooltipTheme, TooltipThemeSlots } from './theme/tooltip.js';
+import type { treeTheme, TreeThemeSlots } from './theme/tree.js';
+import type { ColorRole, RuntimeTokenOverrides } from './utils/color-registry.js';
+type AccordionVariants = VariantProps<typeof accordionTheme>;
+type AlertVariants = VariantProps<typeof alertTheme>;
+type AvatarVariants = VariantProps<typeof avatarTheme>;
+type AvatarGroupVariants = VariantProps<typeof avatarGroupTheme>;
+type BadgeVariants = VariantProps<typeof badgeTheme>;
+type BreadcrumbVariants = VariantProps<typeof breadcrumbTheme>;
+type ButtonVariants = VariantProps<typeof buttonTheme>;
+type ButtonGroupVariants = VariantProps<typeof buttonGroupTheme>;
+type CalloutVariants = VariantProps<typeof calloutTheme>;
+type CardVariants = VariantProps<typeof cardTheme>;
+type CardGroupVariants = VariantProps<typeof cardGroupTheme>;
+type CheckboxVariants = VariantProps<typeof checkboxTheme>;
+type ChipVariants = VariantProps<typeof chipTheme>;
+type CollapsibleVariants = VariantProps<typeof collapsibleTheme>;
+type ColorPickerVariants = VariantProps<typeof colorPickerTheme>;
+type DashboardGroupVariants = VariantProps<typeof dashboardGroupTheme>;
+type DashboardNavbarVariants = VariantProps<typeof dashboardNavbarTheme>;
+type DashboardPanelVariants = VariantProps<typeof dashboardPanelTheme>;
+type DashboardResizeHandleVariants = VariantProps<typeof dashboardResizeHandleTheme>;
+type DashboardSidebarVariants = VariantProps<typeof dashboardSidebarTheme>;
+type ContainerVariants = VariantProps<typeof containerTheme>;
+type ContentNavigationVariants = VariantProps<typeof contentNavigationTheme>;
+type ContentSurroundVariants = VariantProps<typeof contentSurroundTheme>;
+type ContentTocVariants = VariantProps<typeof contentTocTheme>;
+type InputVariants = VariantProps<typeof inputTheme>;
+type InputGroupVariants = VariantProps<typeof inputGroupTheme>;
+type InputNumberVariants = VariantProps<typeof inputNumberTheme>;
+type KbdVariants = VariantProps<typeof kbdTheme>;
+type FileUploadVariants = VariantProps<typeof fileUploadTheme>;
+type FormFieldVariants = VariantProps<typeof formFieldTheme>;
+type IconVariants = VariantProps<typeof iconTheme>;
+type NavigationMenuVariants = VariantProps<typeof navigationMenuTheme>;
+type PaginationVariants = VariantProps<typeof paginationTheme>;
+type PinInputVariants = VariantProps<typeof pinInputTheme>;
+type ProgressVariants = VariantProps<typeof progressTheme>;
+type RadioGroupVariants = VariantProps<typeof radioGroupTheme>;
+type RatingVariants = VariantProps<typeof ratingTheme>;
+type ReadMoreVariants = VariantProps<typeof readMoreTheme>;
+type SelectVariants = VariantProps<typeof selectTheme>;
+type SeparatorVariants = VariantProps<typeof separatorTheme>;
+type SkeletonVariants = VariantProps<typeof skeletonTheme>;
+type SliderVariants = VariantProps<typeof sliderTheme>;
+type SwitchVariants = VariantProps<typeof switchTheme>;
+type StepperVariants = VariantProps<typeof stepperTheme>;
+type TabsVariants = VariantProps<typeof tabsTheme>;
+type TextareaVariants = VariantProps<typeof textareaTheme>;
+type ToastVariants = VariantProps<typeof toastTheme>;
+type ToggleVariants = VariantProps<typeof toggleTheme>;
+type ToggleGroupVariants = VariantProps<typeof toggleGroupTheme>;
+type ContextMenuVariants = VariantProps<typeof contextMenuTheme>;
+type DrawerVariants = VariantProps<typeof drawerTheme>;
+type DropdownVariants = VariantProps<typeof dropdownTheme>;
+type ModalVariants = VariantProps<typeof modalTheme>;
+type PopoverVariants = VariantProps<typeof popoverTheme>;
+type SlideoverVariants = VariantProps<typeof slideoverTheme>;
+type TooltipVariants = VariantProps<typeof tooltipTheme>;
+type WithRegisteredColor<T> = Omit<T, 'color'> & {
+    color?: ColorRole;
+};
+/**
+ * The finite component configuration contract. A `ui` entry exists when the
+ * component consumes a scoped Tailwind Variants recipe. Only entries that
+ * explicitly declare `defaults` consume scoped presentation defaults;
+ * behavioral props never belong there. Add entries alongside runtime and
+ * contract tests.
+ */
+export interface ThemeComponentRegistry {
+    alertDialog: {
+        slots: AlertDialogThemeSlots;
+        conditions: Pick<VariantProps<typeof alertDialogTheme>, 'transition'>;
+    };
+    codeButton: {
+        slots: CodeButtonThemeSlots;
+        conditions: Pick<VariantProps<typeof codeButtonTheme>, never>;
+    };
+    codeTree: {
+        slots: CodeTreeThemeSlots;
+        conditions: Pick<VariantProps<typeof codeTreeTheme>, never>;
+    };
+    commandPalette: {
+        slots: CommandPaletteThemeSlots;
+        conditions: Pick<VariantProps<typeof commandPaletteTheme>, never>;
+    };
+    datePicker: {
+        slots: DatePickerThemeSlots;
+        conditions: Pick<VariantProps<typeof datePickerTheme>, 'size' | 'invalid' | 'range'>;
+    };
+    /** Dashboard layout primitives are slot-only compositions; behavior stays on their props. */
+    dashboardGroup: {
+        slots: DashboardGroupThemeSlots;
+        conditions: Pick<DashboardGroupVariants, never>;
+    };
+    dashboardNavbar: {
+        slots: DashboardNavbarThemeSlots;
+        conditions: Pick<DashboardNavbarVariants, never>;
+    };
+    dashboardPanel: {
+        slots: DashboardPanelThemeSlots;
+        conditions: Pick<DashboardPanelVariants, never>;
+    };
+    /** This recipe owns the wrapper background; SplitterResizeHandle retains its own line recipe. */
+    dashboardResizeHandle: {
+        slots: DashboardResizeHandleThemeSlots;
+        conditions: Pick<DashboardResizeHandleVariants, never>;
+    };
+    dashboardSidebar: {
+        slots: DashboardSidebarThemeSlots;
+        conditions: Pick<DashboardSidebarVariants, never>;
+    };
+    fileTree: {
+        slots: FileTreeThemeSlots;
+        conditions: WithRegisteredColor<Pick<VariantProps<typeof fileTreeTheme>, 'color' | 'selected' | 'isNested'>>;
+    };
+    prose: {
+        slots: ProseThemeSlots;
+        conditions: WithRegisteredColor<Pick<VariantProps<typeof proseTheme>, 'color'>>;
+    };
+    splitter: {
+        slots: SplitterThemeSlots;
+        conditions: Pick<VariantProps<typeof splitterTheme>, 'direction'>;
+    };
+    splitterPanel: {
+        slots: SplitterPanelThemeSlots;
+        conditions: Pick<VariantProps<typeof splitterPanelTheme>, never>;
+    };
+    splitterResizeHandle: {
+        slots: SplitterResizeHandleThemeSlots;
+        conditions: WithRegisteredColor<Pick<VariantProps<typeof splitterResizeHandleTheme>, 'color' | 'direction'>>;
+    };
+    table: {
+        slots: TableThemeSlots;
+        conditions: WithRegisteredColor<Pick<VariantProps<typeof tableTheme>, 'color' | 'size' | 'gridlines' | 'striped' | 'scrollable'>>;
+    };
+    tree: {
+        slots: TreeThemeSlots;
+        conditions: WithRegisteredColor<Pick<VariantProps<typeof treeTheme>, 'color' | 'size'>>;
+    };
+    accordion: {
+        slots: AccordionThemeSlots;
+        conditions: WithRegisteredColor<Pick<AccordionVariants, 'color' | 'size' | 'variant' | 'chevronPosition'>>;
+    };
+    alert: {
+        slots: AlertThemeSlots;
+        conditions: WithRegisteredColor<Pick<AlertVariants, 'color' | 'variant'>>;
+    };
+    avatar: {
+        slots: AvatarThemeSlots;
+        conditions: WithRegisteredColor<Pick<AvatarVariants, 'color' | 'statusColor' | 'size' | 'shape'>>;
+        defaults: WithRegisteredColor<Pick<AvatarVariants, 'color' | 'size'>>;
+    };
+    avatarGroup: {
+        slots: AvatarGroupThemeSlots;
+        conditions: Pick<AvatarGroupVariants, 'size'>;
+    };
+    badge: {
+        slots: BadgeThemeSlots;
+        conditions: WithRegisteredColor<Pick<BadgeVariants, 'color' | 'variant' | 'size' | 'dotOnly' | 'iconOnly'>>;
+        defaults: WithRegisteredColor<Pick<BadgeVariants, 'color' | 'size'>>;
+    };
+    breadcrumb: {
+        slots: BreadcrumbThemeSlots;
+        conditions: WithRegisteredColor<Pick<BreadcrumbVariants, 'color'>>;
+    };
+    button: {
+        slots: ButtonThemeSlots;
+        conditions: WithRegisteredColor<Pick<ButtonVariants, 'color' | 'variant' | 'size' | 'block' | 'raised' | 'square'>>;
+        defaults: WithRegisteredColor<Pick<ButtonVariants, 'color' | 'size'>>;
+    };
+    buttonGroup: {
+        slots: ButtonGroupThemeSlots;
+        conditions: Pick<ButtonGroupVariants, 'orientation'>;
+    };
+    callout: {
+        slots: CalloutThemeSlots;
+        conditions: Pick<CalloutVariants, 'type'>;
+    };
+    card: {
+        slots: CardThemeSlots;
+        conditions: Pick<CardVariants, 'variant'>;
+    };
+    cardGroup: {
+        slots: CardGroupThemeSlots;
+        conditions: Pick<CardGroupVariants, 'cols'>;
+    };
+    chip: {
+        slots: ChipThemeSlots;
+        conditions: WithRegisteredColor<Pick<ChipVariants, 'color' | 'size'>>;
+        defaults: WithRegisteredColor<Pick<ChipVariants, 'color' | 'size'>>;
+    };
+    collapsible: {
+        slots: CollapsibleThemeSlots;
+        conditions: WithRegisteredColor<Pick<CollapsibleVariants, 'color' | 'size' | 'direction'>>;
+    };
+    input: {
+        slots: InputThemeSlots;
+        conditions: WithRegisteredColor<Pick<InputVariants, 'color' | 'size' | 'hasLeadingIcon' | 'hasTrailingIcon' | 'invalid'>>;
+        defaults: WithRegisteredColor<Pick<InputVariants, 'color' | 'size'>>;
+    };
+    inputGroup: {
+        slots: InputGroupThemeSlots;
+        conditions: Pick<InputGroupVariants, 'orientation'>;
+    };
+    checkbox: {
+        slots: CheckboxThemeSlots;
+        conditions: WithRegisteredColor<Pick<CheckboxVariants, 'color' | 'size' | 'variant' | 'invalid'>>;
+    };
+    colorPicker: {
+        slots: ColorPickerThemeSlots;
+        conditions: WithRegisteredColor<Pick<ColorPickerVariants, 'color' | 'size'>>;
+    };
+    container: {
+        slots: ContainerThemeSlots;
+        conditions: Pick<ContainerVariants, 'size'>;
+    };
+    /** Nested groups use Accordion internally; this key owns the navigation-tree adaptation. */
+    contentNavigation: {
+        slots: ContentNavigationThemeSlots;
+        conditions: WithRegisteredColor<Pick<ContentNavigationVariants, 'color' | 'isNested'>>;
+    };
+    contentSurround: {
+        slots: ContentSurroundThemeSlots;
+        conditions: WithRegisteredColor<Pick<ContentSurroundVariants, 'color' | 'align'>>;
+    };
+    contentToc: {
+        slots: ContentTocThemeSlots;
+        conditions: WithRegisteredColor<Pick<ContentTocVariants, 'color' | 'active'>>;
+    };
+    fileUpload: {
+        slots: FileUploadThemeSlots;
+        conditions: WithRegisteredColor<Pick<FileUploadVariants, 'color' | 'size' | 'invalid'>>;
+    };
+    formField: {
+        slots: FormFieldThemeSlots;
+        conditions: Pick<FormFieldVariants, 'size' | 'orientation'>;
+    };
+    header: {
+        slots: HeaderThemeSlots;
+        conditions: Pick<VariantProps<typeof headerTheme>, never>;
+    };
+    /** Shared primitive recipe used by direct SIcon and icons inside components. */
+    icon: {
+        slots: IconThemeSlots;
+        conditions: WithRegisteredColor<Pick<IconVariants, 'color'>>;
+    };
+    inputNumber: {
+        slots: InputNumberThemeSlots;
+        conditions: WithRegisteredColor<Pick<InputNumberVariants, 'color' | 'size' | 'orientation' | 'invalid'>>;
+    };
+    kbd: {
+        slots: KbdThemeSlots;
+        conditions: Pick<KbdVariants, 'size'>;
+    };
+    /** Shared by the public component and its recursive accordion/flyout renderers. */
+    navigationMenu: {
+        slots: NavigationMenuThemeSlots;
+        conditions: WithRegisteredColor<Pick<NavigationMenuVariants, 'orientation' | 'color' | 'variant' | 'active' | 'disabled' | 'highlight' | 'collapsed' | 'flyoutRoot'>>;
+    };
+    /** Page controls are Button recipes; this key owns wrapper and ellipsis layout. */
+    pagination: {
+        slots: PaginationThemeSlots;
+        conditions: Pick<PaginationVariants, 'size'>;
+    };
+    pageHeader: {
+        slots: PageHeaderThemeSlots;
+        conditions: Pick<VariantProps<typeof pageHeaderTheme>, never>;
+    };
+    /** Owns PageAside layout; its nested ScrollArea remains independently configurable. */
+    pageAside: {
+        slots: PageAsideThemeSlots;
+        conditions: Pick<VariantProps<typeof pageAsideTheme>, never>;
+    };
+    pinInput: {
+        slots: PinInputThemeSlots;
+        conditions: WithRegisteredColor<Pick<PinInputVariants, 'color' | 'size' | 'invalid'>>;
+    };
+    progress: {
+        slots: ProgressThemeSlots;
+        conditions: WithRegisteredColor<Pick<ProgressVariants, 'color' | 'size' | 'indeterminate'>>;
+    };
+    radioGroup: {
+        slots: RadioGroupThemeSlots;
+        conditions: WithRegisteredColor<Pick<RadioGroupVariants, 'color' | 'size' | 'orientation' | 'variant' | 'invalid'>>;
+    };
+    rating: {
+        slots: RatingThemeSlots;
+        conditions: WithRegisteredColor<Pick<RatingVariants, 'color' | 'size' | 'orientation'>>;
+    };
+    readMore: {
+        slots: ReadMoreThemeSlots;
+        conditions: WithRegisteredColor<Pick<ReadMoreVariants, 'color' | 'open'>>;
+    };
+    /** Shared by Select and Autocomplete, which intentionally use one recipe. */
+    select: {
+        slots: SelectThemeSlots;
+        conditions: WithRegisteredColor<Pick<SelectVariants, 'color' | 'size' | 'invalid'>>;
+    };
+    scrollArea: {
+        slots: ScrollAreaThemeSlots;
+        conditions: Pick<VariantProps<typeof scrollAreaTheme>, never>;
+    };
+    separator: {
+        slots: SeparatorThemeSlots;
+        conditions: WithRegisteredColor<Pick<SeparatorVariants, 'orientation' | 'variant' | 'color'>>;
+    };
+    skeleton: {
+        slots: SkeletonThemeSlots;
+        conditions: Pick<SkeletonVariants, 'animation'>;
+    };
+    slider: {
+        slots: SliderThemeSlots;
+        conditions: WithRegisteredColor<Pick<SliderVariants, 'color' | 'size' | 'orientation' | 'thumbVariant'>>;
+    };
+    switch: {
+        slots: SwitchThemeSlots;
+        conditions: WithRegisteredColor<Pick<SwitchVariants, 'color' | 'size' | 'invalid'>>;
+    };
+    stepper: {
+        slots: StepperThemeSlots;
+        conditions: WithRegisteredColor<Pick<StepperVariants, 'color' | 'size' | 'orientation'>>;
+    };
+    tabs: {
+        slots: TabsThemeSlots;
+        conditions: WithRegisteredColor<Pick<TabsVariants, 'color' | 'variant'>>;
+    };
+    textarea: {
+        slots: TextareaThemeSlots;
+        conditions: WithRegisteredColor<Pick<TextareaVariants, 'color' | 'size' | 'hasLeadingIcon' | 'hasTrailingIcon' | 'autoresize' | 'invalid'>>;
+    };
+    toast: {
+        slots: ToastThemeSlots;
+        conditions: WithRegisteredColor<Pick<ToastVariants, 'color'>>;
+    };
+    toggle: {
+        slots: ToggleThemeSlots;
+        conditions: WithRegisteredColor<Pick<ToggleVariants, 'color' | 'size' | 'square'>>;
+    };
+    toggleGroup: {
+        slots: ToggleGroupThemeSlots;
+        conditions: WithRegisteredColor<Pick<ToggleGroupVariants, 'color' | 'size' | 'orientation'>>;
+    };
+    /** Overlay recipes accept typed UI extension but no scoped prop defaults. */
+    contextMenu: {
+        slots: ContextMenuThemeSlots;
+        conditions: Pick<ContextMenuVariants, 'destructive'>;
+    };
+    drawer: {
+        slots: DrawerThemeSlots;
+        conditions: Pick<DrawerVariants, 'side' | 'transition'>;
+    };
+    dropdown: {
+        slots: DropdownThemeSlots;
+        conditions: Pick<DropdownVariants, 'destructive'>;
+    };
+    modal: {
+        slots: ModalThemeSlots;
+        conditions: Pick<ModalVariants, 'fullscreen' | 'transition'>;
+    };
+    popover: {
+        slots: PopoverThemeSlots;
+        conditions: Pick<PopoverVariants, never>;
+    };
+    slideover: {
+        slots: SlideoverThemeSlots;
+        conditions: Pick<SlideoverVariants, 'side' | 'inset' | 'transition'>;
+    };
+    tooltip: {
+        slots: TooltipThemeSlots;
+        conditions: Pick<TooltipVariants, never>;
+    };
+}
+type ThemeConditions<K extends keyof ThemeComponentRegistry> = {
+    [P in keyof ThemeComponentRegistry[K]['conditions']]?: ThemeComponentRegistry[K]['conditions'][P] | readonly NonNullable<ThemeComponentRegistry[K]['conditions'][P]>[];
+};
+type ThemeSlots<K extends keyof ThemeComponentRegistry> = Partial<Record<ThemeComponentRegistry[K]['slots'], string>>;
+/** Typed Tailwind Variants extensions accepted by `selaras.ui` and `STheme`. */
+export type ThemeUiOverrides = {
+    [K in keyof ThemeComponentRegistry]?: {
+        slots?: ThemeSlots<K>;
+        compoundVariants?: readonly (ThemeConditions<K> & {
+            class: ThemeSlots<K>;
+        })[];
+    };
+};
+/** Presentation defaults have a deliberately separate, finite home from UI recipes. */
+export type ThemeDefaults = {
+    [K in keyof ThemeComponentRegistry as 'defaults' extends keyof ThemeComponentRegistry[K] ? K : never]?: ThemeComponentRegistry[K] extends {
+        defaults: infer Defaults;
+    } ? Partial<Defaults> : never;
+};
+/** Public configuration shared by `app.config` and scoped `STheme` providers. */
+export interface ThemeConfiguration {
+    ui?: ThemeUiOverrides;
+    defaults?: ThemeDefaults;
+    tokens?: RuntimeTokenOverrides;
+}
+export {};

package/dist/runtime/theme.css

@@ -1 +1 @@
-@import "tw-animate-css";@source "./components";@source "./internal";@source "./theme";@source "./utils";@custom-variant dark (&:where(.dark, .dark *));@layer base{a:focus-visible{outline-offset:0}}@keyframes selaras-ripple{to{opacity:0;transform:scale(1)}}@keyframes selaras-accordion-down{0%{height:0}to{height:var(--reka-accordion-content-height)}}@keyframes selaras-accordion-up{0%{height:var(--reka-accordion-content-height)}to{height:0}}@keyframes selaras-collapsible-down{0%{height:0}to{height:var(--reka-collapsible-content-height)}}@keyframes selaras-collapsible-up{0%{height:var(--reka-collapsible-content-height)}to{height:0}}@keyframes selaras-skeleton-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}@keyframes selaras-progress-indeterminate{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.selaras-nav-elbow{position:relative}.selaras-nav-elbow:before{inset-inline-start:-16px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:16px}.selaras-nav-elbow:after,.selaras-nav-elbow:before{background-color:var(--ui-border);content:"";position:absolute;top:0}.selaras-nav-elbow:after{inset-inline-start:-15px;width:1.5px}.selaras-nav-elbow--content-navigation:before{height:40px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 40'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1.5' d='M1 14a6 6 0 0 0 6 6h7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 40'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1.5' d='M1 14a6 6 0 0 0 6 6h7'/%3E%3C/svg%3E")}.selaras-nav-elbow--content-navigation:after{bottom:-2px}.selaras-nav-elbow--content-navigation:last-child:after{bottom:auto;height:14px}.selaras-nav-elbow--navigation-menu:before{height:32px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 32'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1.5' d='M1 10a6 6 0 0 0 6 6h7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 32'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1.5' d='M1 10a6 6 0 0 0 6 6h7'/%3E%3C/svg%3E")}.selaras-nav-elbow--navigation-menu:after{bottom:-4px}.selaras-nav-elbow--navigation-menu:last-child:after{bottom:auto;height:10px}.selaras-nav-elbow--file-tree:before{height:28px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 28'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1.5' d='M1 8a6 6 0 0 0 6 6h7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 28'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1.5' d='M1 8a6 6 0 0 0 6 6h7'/%3E%3C/svg%3E")}.selaras-nav-elbow--file-tree:after{bottom:-2px}.selaras-nav-elbow--file-tree:last-child:after{bottom:auto;height:8px}@theme{--color-primary-50:oklch(0.9700 0.0120 279.99);--color-primary-100:oklch(0.9300 0.0280 279.99);--color-primary-200:oklch(0.8600 0.0550 279.99);--color-primary-300:oklch(0.7800 0.1000 279.99);--color-primary-400:oklch(0.6400 0.1650 279.99);--color-primary-500:oklch(0.4755 0.2026 279.99);--color-primary-600:oklch(0.4150 0.1850 279.99);--color-primary-700:oklch(0.3550 0.1580 279.99);--color-primary-800:oklch(0.2950 0.1280 279.99);--color-primary-900:oklch(0.2350 0.0950 279.99);--color-primary-950:oklch(0.1700 0.0600 279.99);--color-secondary-50:oklch(0.975 0.012 325);--color-secondary-100:oklch(0.945 0.030 325);--color-secondary-200:oklch(0.890 0.060 325);--color-secondary-300:oklch(0.810 0.100 325);--color-secondary-400:oklch(0.690 0.145 325);--color-secondary-500:oklch(0.565 0.175 325);--color-secondary-600:oklch(0.495 0.165 325);--color-secondary-700:oklch(0.420 0.145 325);--color-secondary-800:oklch(0.345 0.115 325);--color-secondary-900:oklch(0.275 0.085 325);--color-secondary-950:oklch(0.190 0.055 325);--color-neutral-25:oklch(0.995 0.0015 280);--color-neutral-50:oklch(0.980 0.0030 280);--color-neutral-100:oklch(0.945 0.0065 280);--color-neutral-200:oklch(0.900 0.0100 280);--color-neutral-300:oklch(0.840 0.0140 280);--color-neutral-400:oklch(0.700 0.0180 280);--color-neutral-500:oklch(0.555 0.0200 280);--color-neutral-600:oklch(0.445 0.0190 280);--color-neutral-700:oklch(0.365 0.0170 280);--color-neutral-800:oklch(0.275 0.0140 280);--color-neutral-900:oklch(0.205 0.0110 280);--color-neutral-950:oklch(0.145 0.0080 280);--color-success-50:oklch(0.980 0.020 148);--color-success-100:oklch(0.950 0.045 148);--color-success-200:oklch(0.895 0.080 148);--color-success-300:oklch(0.820 0.120 148);--color-success-400:oklch(0.735 0.155 148);--color-success-500:oklch(0.640 0.175 148);--color-success-600:oklch(0.555 0.160 148);--color-success-700:oklch(0.470 0.140 148);--color-success-800:oklch(0.390 0.115 148);--color-success-900:oklch(0.315 0.085 148);--color-success-950:oklch(0.225 0.055 148);--color-info-50:oklch(0.975 0.018 245);--color-info-100:oklch(0.945 0.040 245);--color-info-200:oklch(0.895 0.075 245);--color-info-300:oklch(0.820 0.115 245);--color-info-400:oklch(0.715 0.155 245);--color-info-500:oklch(0.620 0.175 245);--color-info-600:oklch(0.535 0.165 245);--color-info-700:oklch(0.455 0.145 245);--color-info-800:oklch(0.375 0.115 245);--color-info-900:oklch(0.300 0.085 245);--color-info-950:oklch(0.215 0.055 245);--color-warning-50:oklch(0.985 0.022 88);--color-warning-100:oklch(0.960 0.055 88);--color-warning-200:oklch(0.915 0.105 88);--color-warning-300:oklch(0.860 0.145 88);--color-warning-400:oklch(0.810 0.165 88);--color-warning-500:oklch(0.755 0.165 88);--color-warning-600:oklch(0.665 0.155 88);--color-warning-700:oklch(0.565 0.135 88);--color-warning-800:oklch(0.465 0.110 88);--color-warning-900:oklch(0.375 0.085 88);--color-warning-950:oklch(0.255 0.055 88);--color-danger-50:oklch(0.975 0.015 28);--color-danger-100:oklch(0.945 0.035 28);--color-danger-200:oklch(0.890 0.070 28);--color-danger-300:oklch(0.805 0.120 28);--color-danger-400:oklch(0.700 0.175 28);--color-danger-500:oklch(0.600 0.205 28);--color-danger-600:oklch(0.525 0.195 28);--color-danger-700:oklch(0.445 0.170 28);--color-danger-800:oklch(0.365 0.135 28);--color-danger-900:oklch(0.295 0.100 28);--color-danger-950:oklch(0.205 0.065 28)}:root{--ui-radius:8px;--ui-radius-sm:calc(var(--ui-radius)*0.75);--ui-radius-md:var(--ui-radius);--ui-radius-lg:calc(var(--ui-radius)*2);--ui-radius-full:9999px;--ui-shadow-sm:0 1px 2px 0 rgba(0,0,0,.06);--ui-shadow-md:0 4px 16px -2px rgba(0,0,0,.12);--ui-shadow-lg:0 12px 32px -4px rgba(0,0,0,.16);--ui-z-modal-overlay:40;--ui-z-modal:50;--ui-z-dropdown:60;--ui-z-tooltip:70;--ui-z-toast:80;--ui-bg:--theme(--color-neutral-25);--ui-bg-elevated:--theme(--color-neutral-50);--ui-bg-inverted:--theme(--color-neutral-950);--ui-border:--theme(--color-neutral-200);--ui-border-hover:--theme(--color-neutral-300);--ui-border-muted:--theme(--color-neutral-100);--ui-text:--theme(--color-neutral-950);--ui-text-muted:--theme(--color-neutral-600);--ui-text-inverted:--theme(--color-neutral-50);--ui-primary:--theme(--color-primary-500);--ui-primary-hover:--theme(--color-primary-600);--ui-primary-active:--theme(--color-primary-700);--ui-primary-foreground:--theme(--color-neutral-25);--ui-primary-soft:--theme(--color-primary-100);--ui-secondary:--theme(--color-secondary-500);--ui-secondary-hover:--theme(--color-secondary-600);--ui-secondary-active:--theme(--color-secondary-700);--ui-secondary-foreground:--theme(--color-neutral-25);--ui-secondary-soft:--theme(--color-secondary-100);--ui-success:--theme(--color-success-500);--ui-success-hover:--theme(--color-success-600);--ui-success-active:--theme(--color-success-700);--ui-success-foreground:--theme(--color-neutral-25);--ui-success-soft:--theme(--color-success-100);--ui-info:--theme(--color-info-500);--ui-info-hover:--theme(--color-info-600);--ui-info-active:--theme(--color-info-700);--ui-info-foreground:--theme(--color-neutral-25);--ui-info-soft:--theme(--color-info-100);--ui-danger:--theme(--color-danger-500);--ui-danger-hover:--theme(--color-danger-600);--ui-danger-active:--theme(--color-danger-700);--ui-danger-foreground:--theme(--color-neutral-25);--ui-danger-soft:--theme(--color-danger-100);--ui-warning:--theme(--color-warning-500);--ui-warning-hover:--theme(--color-warning-600);--ui-warning-active:--theme(--color-warning-700);--ui-warning-foreground:--theme(--color-neutral-950);--ui-warning-soft:--theme(--color-warning-100);--ui-neutral:--theme(--color-neutral-950);--ui-neutral-hover:--theme(--color-neutral-900);--ui-neutral-active:--theme(--color-neutral-800);--ui-neutral-foreground:--theme(--color-neutral-25);--ui-neutral-soft:--theme(--color-neutral-100)}.dark{--ui-bg:--theme(--color-neutral-950);--ui-bg-elevated:--theme(--color-neutral-900);--ui-bg-inverted:--theme(--color-neutral-50);--ui-border:--theme(--color-neutral-800);--ui-border-hover:--theme(--color-neutral-700);--ui-border-muted:--theme(--color-neutral-900);--ui-text:--theme(--color-neutral-50);--ui-text-muted:--theme(--color-neutral-400);--ui-text-inverted:--theme(--color-neutral-950);--ui-primary-soft:color-mix(in oklab,--theme(--color-primary-500) 24%,var(--ui-bg));--ui-secondary-soft:color-mix(in oklab,--theme(--color-secondary-500) 24%,var(--ui-bg));--ui-success-soft:color-mix(in oklab,--theme(--color-success-500) 24%,var(--ui-bg));--ui-info-soft:color-mix(in oklab,--theme(--color-info-500) 24%,var(--ui-bg));--ui-warning-soft:color-mix(in oklab,--theme(--color-warning-500) 24%,var(--ui-bg));--ui-danger-soft:color-mix(in oklab,--theme(--color-danger-500) 24%,var(--ui-bg));--ui-neutral:--theme(--color-neutral-50);--ui-neutral-hover:--theme(--color-neutral-100);--ui-neutral-active:--theme(--color-neutral-200);--ui-neutral-foreground:--theme(--color-neutral-950);--ui-neutral-soft:--theme(--color-neutral-900)}
+@import "./default-colors.css";@import "./structural.css";

package/dist/runtime/types/app-config.d.ts

@@ -1,15 +1,18 @@
+import type { ThemeConfiguration } from '../theme-config'
 import type { IconRegistry } from '../utils/icons'
 import type { MessageRegistry } from '../utils/messages'
 
-// Types app.config.ts's own override surface for the three global
-// mechanisms that read from it (useIcons/useMessages/useLocale) - without
-// this, `messages`/`icons`/`locale` are untyped `any` in a consumer's own
-// app.config.ts, with no autocomplete and no typo detection. Referenced
-// into the generated nuxt.d.ts via module.ts's own `prepare:types` hook.
+export interface SelarasRuntimeConfig extends ThemeConfiguration {
+  icons?: Partial<IconRegistry>
+  locale?: string
+  messages?: Partial<MessageRegistry>
+  ripple?: boolean
+}
+
+// Keep every Selaras-owned runtime setting under one collision-resistant
+// namespace. Referenced into generated nuxt.d.ts by module.ts.
 declare module '@nuxt/schema' {
   interface AppConfig {
-    messages?: Partial<MessageRegistry>
-    icons?: Partial<IconRegistry>
-    locale?: string
+    selaras?: SelarasRuntimeConfig
   }
 }

package/dist/runtime/types/index.d.ts

@@ -1,5 +1,6 @@
 export type * from '../components/Accordion.vue';
 export type * from '../components/Alert.vue';
+export type * from '../components/AlertDialog.vue';
 export type * from '../components/App.vue';
 export type * from '../components/Autocomplete.vue';
 export type * from '../components/Avatar.vue';
@@ -18,6 +19,7 @@ export type * from '../components/CodeGroup.vue';
 export type * from '../components/CodeTree.vue';
 export type * from '../components/Collapsible.vue';
 export type * from '../components/ColorModeToggle.vue';
+export type * from '../components/ColorPicker.vue';
 export type * from '../components/CommandPalette.vue';
 export type * from '../components/Container.vue';
 export type * from '../components/ContentNavigation.vue';
@@ -31,6 +33,7 @@ export type * from '../components/DashboardResizeHandle.vue';
 export type * from '../components/DashboardSidebar.vue';
 export type * from '../components/DashboardSidebarToggle.vue';
 export type * from '../components/DatePicker.vue';
+export type * from '../components/Drawer.vue';
 export type * from '../components/Dropdown.vue';
 export type * from '../components/FileTree.vue';
 export type * from '../components/FileUpload.vue';
@@ -38,6 +41,7 @@ export type * from '../components/FormField.vue';
 export type * from '../components/Header.vue';
 export type * from '../components/Icon.vue';
 export type * from '../components/Input.vue';
+export type * from '../components/InputGroup.vue';
 export type * from '../components/InputNumber.vue';
 export type * from '../components/Kbd.vue';
 export type * from '../components/Modal.vue';
@@ -63,12 +67,12 @@ export type * from '../components/Select.vue';
 export type * from '../components/Separator.vue';
 export type * from '../components/Skeleton.vue';
 export type * from '../components/Slideover.vue';
+export type * from '../components/Slider.vue';
 export type * from '../components/Splitter.vue';
 export type * from '../components/SplitterPanel.vue';
 export type * from '../components/SplitterResizeHandle.vue';
 export type * from '../components/Stepper.vue';
 export type * from '../components/Switch.vue';
-export type * from '../components/Table.vue';
 export type * from '../components/Tabs.vue';
 export type * from '../components/Textarea.vue';
 export type * from '../components/Theme.vue';
@@ -76,7 +80,21 @@ export type * from '../components/Toast.vue';
 export type * from '../components/Toggle.vue';
 export type * from '../components/ToggleGroup.vue';
 export type * from '../components/Tooltip.vue';
+export type * from '../components/Tree.vue';
+export type { UseCommandPaletteReturn } from '../composables/use-command-palette.js';
+export type { UseDrawerOpenOptions, UseDrawerReturn } from '../composables/use-drawer.js';
+export type { UseModalOpenOptions, UseModalReturn } from '../composables/use-modal.js';
+export type { UseSlideoverOpenOptions, UseSlideoverReturn } from '../composables/use-slideover.js';
+export type { TableColumnDef, TableColumnVisibilityState, TableExpandedState, TableGetRowId, TableRowSelectionState, TableSortingState } from '../composables/use-table.js';
+export type { ToastOptions, UseToastReturn } from '../composables/use-toast.js';
+export type { ThemeComponentRegistry, ThemeConfiguration, ThemeDefaults, ThemeUiOverrides } from '../theme-config.js';
+export type { AutocompleteValue } from '../utils/autocomplete-contracts.js';
+export type { BuiltinColorName, ColorRecipe, ColorRecipeInput, ColorRole, RuntimeColorOverrides, RuntimeThemeMode, RuntimeTokenOverrides } from '../utils/color-registry.js';
+export type { FunctionalTokenOverrides, GeometryTokenOverrides, ThemeTokenOverrides } from '../utils/functional-tokens.js';
 export type { IconRegistry } from '../utils/icons.js';
 export { defaultIcons } from '../utils/icons.js';
 export type { MessageRegistry } from '../utils/messages.js';
 export { defaultMessages } from '../utils/messages.js';
+export type { SelectGroup, SelectIdentity, SelectModel, SelectResolvedOption, SelectValue } from '../utils/select-contracts.js';
+export type { TableEmits, TableProps, TableSlots } from '../utils/table-contracts.js';
+export type { SelarasRuntimeConfig } from './app-config.js';

package/dist/runtime/utils/app-scoped-state.d.ts

@@ -0,0 +1,2 @@
+/** Creates non-serializable state owned by one Vue application instance. */
+export declare function createAppScopedState<T>(create: () => T): (owner?: object) => T;

package/dist/runtime/utils/app-scoped-state.js

@@ -0,0 +1,13 @@
+import { useNuxtApp } from "#imports";
+export function createAppScopedState(create) {
+  const states = /* @__PURE__ */ new WeakMap();
+  return function useAppScopedState(owner = useNuxtApp().vueApp) {
+    const app = owner;
+    let state = states.get(app);
+    if (!state) {
+      state = create();
+      states.set(app, state);
+    }
+    return state;
+  };
+}

package/dist/runtime/utils/autocomplete-contracts.d.ts

@@ -0,0 +1,24 @@
+import type { SelectIdentity, SelectModel, SelectProps, SelectSlots, SelectValue } from './select-contracts.js';
+export type AutocompleteValue<Entry, Key extends string = 'value', Forced extends boolean = false> = Forced extends true ? SelectIdentity<Entry, Key> : SelectIdentity<Entry, Key> | string;
+export interface AutocompleteProps<Entry extends object = {
+    value: SelectValue;
+    label?: string;
+    disabled?: boolean;
+}, Key extends string = 'value', Multiple extends boolean = false, Forced extends boolean = false> extends Omit<SelectProps<Entry, Key, Multiple>, 'searchable' | 'modelValue' | 'defaultValue'> {
+    /** Suggestion identities plus created strings, unless selection is forced. */
+    modelValue?: NoInfer<SelectModel<AutocompleteValue<Entry, Key, Forced>, Multiple>>;
+    /** Mount-captured selection/reset target, adapted to the current multiple mode. */
+    defaultValue?: NoInfer<SelectModel<AutocompleteValue<Entry, Key, Forced>, Multiple>>;
+    dropdown?: boolean;
+    /** Blocks unmatched free-text commits; does not require async option membership. */
+    forceSelection?: Forced;
+}
+export interface AutocompleteEmits<Entry extends object = {
+    value: SelectValue;
+}, Key extends string = 'value', Multiple extends boolean = false, Forced extends boolean = false> {
+    'update:open': [value: boolean];
+    'update:modelValue': [value: SelectModel<AutocompleteValue<Entry, Key, Forced>, Multiple>];
+    'update:searchTerm': [value: string];
+}
+/** Autocomplete's editable input has no value or filter-icon slot. */
+export type AutocompleteSlots<Entry extends object> = Omit<SelectSlots<Entry>, 'value' | 'filter-icon'>;