@avento-space/ts-ui 1.2.3 → 1.2.5

package/dist/chunk-YRHQNIPK.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-YRHQNIPK.js.map
+//# sourceMappingURL=chunk-YRHQNIPK.js.map

package/dist/{chunk-T7QLIHHU.js.map → chunk-YRHQNIPK.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-T7QLIHHU.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-YRHQNIPK.js"}

package/dist/components/index.d.ts

@@ -1,13 +1,12 @@
-export { a2 as AccordionItemProps, A as AccordionProps, a3 as AnimatePreset, a as AnimateProps, B as BadgeProps, a4 as BadgeSize, a5 as BadgeVariant, a6 as BoxAs, b as BoxProps, a7 as BreadcrumbItem, c as BreadcrumbProps, d as ButtonProps, C as CalendarProps, a8 as CardPadding, e as CardProps, a9 as CardVariant, f as CheckboxProps, g as CollectionProps, aa as CollectionSelection, ab as ComboboxOption, h as ComboboxProps, ac as CommandItem, i as CommandPaletteProps, j as ContainerProps, ad as ContextMenuItem, k as ContextMenuProps, ae as DataTableColumn, D as DataTableProps, l as DialogRootProps, m as DismissableLayerProps, n as DrawerProps, af as DrawerSide, ag as DropdownItem, o as DropdownProps, F as FieldProps, p as FocusManagerProps, q as FocusScopeProps, r as FocusTrapProps, s as FormProps, G as GridProps, H as HoverableProps, I as InputProps, K as KeyboardNavigationProps, L as LabelProps, t as LinkProps, u as ListProps, ah as LiveRegionPoliteness, v as LiveRegionProps, M as ModalProps, O as OverlayProps, P as PopoverProps, ai as PopperPlacement, w as PopperProps, x as PortalProps, aj as PresenceAnimation, y as PresenceProps, z as PressableProps, R as RadioGroupProps, ak as RadioProps, E as RouterViewProps, al as SelectOption, J as SelectProps, N as SortableProps, Q as SpacerProps, S as StackProps, T as SwitchProps, am as TableColumn, U as TableProps, V as TabsProps, an as TextColor, W as TextProps, ao as TextSize, ap as TextWeight, X as TextareaProps, aq as ToastOptions, Y as ToastProps, Z as TooltipRootProps, _ as TransitionProps, ar as TransitionType, as as TreeNodeData, $ as TreeProps, at as UAccordion, au as UAccordionItem, av as UAnimate, aw as UBadge, ax as UBox, ay as UBreadcrumb, az as UButton, aA as UCalendar, aB as UCard, aC as UCheckbox, aD as UCollection, aE as UCombobox, aF as UCommandPalette, aG as UContainer, aH as UContextMenu, aI as UDataTable, aJ as UDialogRoot, aK as UDismissableLayer, aL as UDrawer, aM as UDropdown, aN as UField, aO as UFocusManager, aP as UFocusScope, aQ as UFocusTrap, aR as UForm, aS as UGrid, aT as UHStack, aU as UHoverable, aV as UInput, aW as UKeyboardNavigation, aX as ULabel, aY as ULink, aZ as UList, a_ as ULiveRegion, a$ as UModal, b0 as UOverlay, b1 as UPopover, b2 as UPopper, b3 as UPortal, b4 as UPresence, b5 as UPressable, b6 as URadio, b7 as URadioGroup, b8 as URouterView, b9 as USelect, ba as USortable, bb as USpacer, bc as UStack, bd as USwitch, be as UTable, bf as UTabs, bg as UText, bh as UTextarea, bi as UToast, bj as UTooltipRoot, bk as UTransition, bl as UTree, bm as UVirtualList, bn as UVisuallyHidden, a0 as VirtualListProps, a1 as VisuallyHiddenProps, bo as createControlledInput, bp as setPortalRoot } from '../card.wc-CLzyZAbJ.js';
-import { U as UElement } from '../element-DHtonJNX.js';
+export { A as AccordionItemProps, a as AccordionProps, b as AnimatePreset, c as AnimateProps, B as BadgeProps, d as BadgeSize, e as BadgeVariant, f as BoxAs, g as BoxProps, h as BreadcrumbItem, i as BreadcrumbProps, j as ButtonProps, C as CalendarProps, k as CardPadding, l as CardProps, m as CardVariant, n as CheckboxProps, o as CollectionProps, p as CollectionSelection, q as ComboboxOption, r as ComboboxProps, s as CommandItem, t as CommandPaletteProps, u as ContainerProps, v as ContextMenuItem, w as ContextMenuProps, D as DataTableColumn, x as DataTableProps, y as DialogRootProps, z as DismissableLayerProps, E as DrawerProps, F as DrawerSide, G as DropdownItem, H as DropdownProps, I as FieldProps, J as FocusManagerProps, K as FocusScopeProps, L as FocusTrapProps, M as FormProps, N as GridProps, O as HoverableProps, P as InputProps, Q as KeyboardNavigationProps, R as LabelProps, S as LinkProps, T as ListProps, U as LiveRegionPoliteness, V as LiveRegionProps, W as ModalProps, X as OverlayProps, Y as PopoverProps, Z as PopperPlacement, _ as PopperProps, $ as PortalProps, a0 as PresenceAnimation, a1 as PresenceProps, a2 as PressableProps, a3 as RadioGroupProps, a4 as RadioProps, a5 as RouterViewProps, a6 as SelectOption, a7 as SelectProps, a8 as SortableProps, a9 as SpacerProps, aa as StackProps, ab as SwitchProps, ac as TableColumn, ad as TableProps, ae as TabsProps, af as TextColor, ag as TextProps, ah as TextSize, ai as TextWeight, aj as TextareaProps, ak as ToastOptions, al as ToastProps, am as TooltipRootProps, an as TransitionProps, ao as TransitionType, ap as TreeNodeData, aq as TreeProps, ar as UAccordion, as as UAccordionItem, at as UAnimate, au as UBadge, av as UBox, aw as UBreadcrumb, ax as UButton, ay as UCalendar, az as UCard, aA as UCheckbox, aB as UCollection, aC as UCombobox, aD as UCommandPalette, aE as UContainer, aF as UContextMenu, aG as UDataTable, aH as UDialogRoot, aI as UDismissableLayer, aJ as UDrawer, aK as UDropdown, aL as UField, aM as UFocusManager, aN as UFocusScope, aO as UFocusTrap, aP as UForm, aQ as UGrid, aR as UHStack, aS as UHoverable, aT as UInput, aU as UKeyboardNavigation, aV as ULabel, aW as ULink, aX as UList, aY as ULiveRegion, aZ as UModal, a_ as UOverlay, a$ as UPopover, b0 as UPopper, b1 as UPortal, b2 as UPresence, b3 as UPressable, b4 as URadio, b5 as URadioGroup, b6 as URouterView, b7 as USelect, b8 as USortable, b9 as USpacer, ba as UStack, bb as USwitch, bc as UTable, bd as UTabs, be as UText, bf as UTextarea, bg as UToast, bh as UTooltipRoot, bi as UTransition, bj as UTree, bk as UVirtualList, bl as UVisuallyHidden, bm as VirtualListProps, bn as VisuallyHiddenProps, bo as createControlledInput, bp as setPortalRoot } from '../card.wc-83Ws3o27.js';
+export { S as SlotProps, U as USlot } from '../slot.wc-BvIJg5UJ.js';
+import '../element-DHtonJNX.js';
 import '../types-DWglFa91.js';
 
-interface SlotProps {
-    class?: string;
-}
-declare class USlot extends UElement {
-    constructor();
-    _mount(): void;
-}
+type Theme = 'light' | 'dark' | 'system';
+declare function setTheme(theme: Theme): void;
+declare function getTheme(): Theme;
+/** Restore a persisted theme preference (call once on app boot). */
+declare function restoreTheme(): void;
 
-export { type SlotProps, USlot };
+export { type Theme, getTheme, restoreTheme, setTheme };

package/dist/components/index.js

@@ -1,6 +1,6 @@
-import '../chunk-T7QLIHHU.js';
-export { UAccordion, UAccordionItem, UAnimate, UBadge, UBox, UBreadcrumb, UButton, UCalendar, UCard, UCheckbox, UCollection, UCombobox, UCommandPalette, UContainer, UContextMenu, UDataTable, UDialogRoot, UDismissableLayer, UDrawer, UDropdown, UField, UFocusManager, UFocusScope, UFocusTrap, UForm, UGrid, UHStack, UHoverable, UInput, UKeyboardNavigation, ULabel, ULink, UList, ULiveRegion, UModal, UOverlay, UPopover, UPopper, UPortal, UPresence, UPressable, URadio, URadioGroup, URouterView, USelect, USlot, USortable, USpacer, UStack, USwitch, UTable, UTabs, UText, UTextarea, UToast, UTooltipRoot, UTransition, UTree, UVirtualList, UVisuallyHidden, createControlledInput, setPortalRoot } from '../chunk-PIXJHFME.js';
-import '../chunk-2UKGVIH2.js';
+import '../chunk-YRHQNIPK.js';
+export { UAccordion, UAccordionItem, UAnimate, UBadge, UBox, UBreadcrumb, UButton, UCalendar, UCard, UCheckbox, UCollection, UCombobox, UCommandPalette, UContainer, UContextMenu, UDataTable, UDialogRoot, UDismissableLayer, UDrawer, UDropdown, UField, UFocusManager, UFocusScope, UFocusTrap, UForm, UGrid, UHStack, UHoverable, UInput, UKeyboardNavigation, ULabel, ULink, UList, ULiveRegion, UModal, UOverlay, UPopover, UPopper, UPortal, UPresence, UPressable, URadio, URadioGroup, URouterView, USelect, USlot, USortable, USpacer, UStack, USwitch, UTable, UTabs, UText, UTextarea, UToast, UTooltipRoot, UTransition, UTree, UVirtualList, UVisuallyHidden, createControlledInput, setPortalRoot } from '../chunk-47AXL5HN.js';
+export { getTheme, restoreTheme, setTheme } from '../chunk-6Y6GA2QS.js';
 import '../chunk-Q5RCPPCF.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/define.js

@@ -1,7 +1,7 @@
-import { defineComponents } from './chunk-NUMML2ZR.js';
-import './chunk-PIXJHFME.js';
-import './chunk-NJHLJNRI.js';
-import './chunk-2UKGVIH2.js';
+import { defineComponents } from './chunk-FPZL7HOP.js';
+import './chunk-47AXL5HN.js';
+import './chunk-Q4KFLERV.js';
+import './chunk-6Y6GA2QS.js';
 import './chunk-Q5RCPPCF.js';
 
 // src/define.ts

package/dist/icons/index.js

@@ -1,6 +1,6 @@
 import '../chunk-RAWESWNC.js';
-export { UIcon, iconRegistry } from '../chunk-NJHLJNRI.js';
-import '../chunk-2UKGVIH2.js';
+export { UIcon, iconRegistry } from '../chunk-Q4KFLERV.js';
+import '../chunk-6Y6GA2QS.js';
 import '../chunk-Q5RCPPCF.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { R as ReadonlySignal, S as Signal, W as WritableSignal, a as Store, P as Plugin } from './types-DWglFa91.js';
 export { b as PluginAPI } from './types-DWglFa91.js';
-export { a2 as AccordionItemProps, A as AccordionProps, a3 as AnimatePreset, a as AnimateProps, B as BadgeProps, a4 as BadgeSize, a5 as BadgeVariant, a6 as BoxAs, b as BoxProps, a7 as BreadcrumbItem, c as BreadcrumbProps, d as ButtonProps, C as CalendarProps, a8 as CardPadding, e as CardProps, a9 as CardVariant, f as CheckboxProps, g as CollectionProps, aa as CollectionSelection, ab as ComboboxOption, h as ComboboxProps, ac as CommandItem, i as CommandPaletteProps, j as ContainerProps, ad as ContextMenuItem, k as ContextMenuProps, ae as DataTableColumn, D as DataTableProps, l as DialogRootProps, m as DismissableLayerProps, n as DrawerProps, af as DrawerSide, ag as DropdownItem, o as DropdownProps, F as FieldProps, p as FocusManagerProps, q as FocusScopeProps, r as FocusTrapProps, s as FormProps, G as GridProps, H as HoverableProps, I as InputProps, K as KeyboardNavigationProps, L as LabelProps, t as LinkProps, u as ListProps, ah as LiveRegionPoliteness, v as LiveRegionProps, M as ModalProps, O as OverlayProps, P as PopoverProps, ai as PopperPlacement, w as PopperProps, x as PortalProps, aj as PresenceAnimation, y as PresenceProps, z as PressableProps, R as RadioGroupProps, ak as RadioProps, E as RouterViewProps, al as SelectOption, J as SelectProps, N as SortableProps, Q as SpacerProps, S as StackProps, T as SwitchProps, am as TableColumn, U as TableProps, V as TabsProps, an as TextColor, W as TextProps, ao as TextSize, ap as TextWeight, X as TextareaProps, aq as ToastOptions, Y as ToastProps, Z as TooltipRootProps, _ as TransitionProps, ar as TransitionType, as as TreeNodeData, $ as TreeProps, at as UAccordion, au as UAccordionItem, av as UAnimate, aw as UBadge, ax as UBox, ay as UBreadcrumb, az as UButton, aA as UCalendar, aB as UCard, aC as UCheckbox, aD as UCollection, aE as UCombobox, aF as UCommandPalette, aG as UContainer, aH as UContextMenu, aI as UDataTable, aJ as UDialogRoot, aK as UDismissableLayer, aL as UDrawer, aM as UDropdown, aN as UField, aO as UFocusManager, aP as UFocusScope, aQ as UFocusTrap, aR as UForm, aS as UGrid, aT as UHStack, aU as UHoverable, aV as UInput, aW as UKeyboardNavigation, aX as ULabel, aY as ULink, aZ as UList, a_ as ULiveRegion, a$ as UModal, b0 as UOverlay, b1 as UPopover, b2 as UPopper, b3 as UPortal, b4 as UPresence, b5 as UPressable, b6 as URadio, b7 as URadioGroup, b8 as URouterView, b9 as USelect, ba as USortable, bb as USpacer, bc as UStack, bd as USwitch, be as UTable, bf as UTabs, bg as UText, bh as UTextarea, bi as UToast, bj as UTooltipRoot, bk as UTransition, bl as UTree, bm as UVirtualList, bn as UVisuallyHidden, a0 as VirtualListProps, a1 as VisuallyHiddenProps, bo as createControlledInput, bp as setPortalRoot } from './card.wc-CLzyZAbJ.js';
-export { SlotProps, USlot } from './components/index.js';
+export { A as AccordionItemProps, a as AccordionProps, b as AnimatePreset, c as AnimateProps, B as BadgeProps, d as BadgeSize, e as BadgeVariant, f as BoxAs, g as BoxProps, h as BreadcrumbItem, i as BreadcrumbProps, j as ButtonProps, C as CalendarProps, k as CardPadding, l as CardProps, m as CardVariant, n as CheckboxProps, o as CollectionProps, p as CollectionSelection, q as ComboboxOption, r as ComboboxProps, s as CommandItem, t as CommandPaletteProps, u as ContainerProps, v as ContextMenuItem, w as ContextMenuProps, D as DataTableColumn, x as DataTableProps, y as DialogRootProps, z as DismissableLayerProps, E as DrawerProps, F as DrawerSide, G as DropdownItem, H as DropdownProps, I as FieldProps, J as FocusManagerProps, K as FocusScopeProps, L as FocusTrapProps, M as FormProps, N as GridProps, O as HoverableProps, P as InputProps, Q as KeyboardNavigationProps, R as LabelProps, S as LinkProps, T as ListProps, U as LiveRegionPoliteness, V as LiveRegionProps, W as ModalProps, X as OverlayProps, Y as PopoverProps, Z as PopperPlacement, _ as PopperProps, $ as PortalProps, a0 as PresenceAnimation, a1 as PresenceProps, a2 as PressableProps, a3 as RadioGroupProps, a4 as RadioProps, a5 as RouterViewProps, a6 as SelectOption, a7 as SelectProps, a8 as SortableProps, a9 as SpacerProps, aa as StackProps, ab as SwitchProps, ac as TableColumn, ad as TableProps, ae as TabsProps, af as TextColor, ag as TextProps, ah as TextSize, ai as TextWeight, aj as TextareaProps, ak as ToastOptions, al as ToastProps, am as TooltipRootProps, an as TransitionProps, ao as TransitionType, ap as TreeNodeData, aq as TreeProps, ar as UAccordion, as as UAccordionItem, at as UAnimate, au as UBadge, av as UBox, aw as UBreadcrumb, ax as UButton, ay as UCalendar, az as UCard, aA as UCheckbox, aB as UCollection, aC as UCombobox, aD as UCommandPalette, aE as UContainer, aF as UContextMenu, aG as UDataTable, aH as UDialogRoot, aI as UDismissableLayer, aJ as UDrawer, aK as UDropdown, aL as UField, aM as UFocusManager, aN as UFocusScope, aO as UFocusTrap, aP as UForm, aQ as UGrid, aR as UHStack, aS as UHoverable, aT as UInput, aU as UKeyboardNavigation, aV as ULabel, aW as ULink, aX as UList, aY as ULiveRegion, aZ as UModal, a_ as UOverlay, a$ as UPopover, b0 as UPopper, b1 as UPortal, b2 as UPresence, b3 as UPressable, b4 as URadio, b5 as URadioGroup, b6 as URouterView, b7 as USelect, b8 as USortable, b9 as USpacer, ba as UStack, bb as USwitch, bc as UTable, bd as UTabs, be as UText, bf as UTextarea, bg as UToast, bh as UTooltipRoot, bi as UTransition, bj as UTree, bk as UVirtualList, bl as UVisuallyHidden, bm as VirtualListProps, bn as VisuallyHiddenProps, bo as createControlledInput, bp as setPortalRoot } from './card.wc-83Ws3o27.js';
+export { S as SlotProps, U as USlot } from './slot.wc-BvIJg5UJ.js';
 export { IconData, UIcon, UIconProps, iconRegistry } from './icons/index.js';
 import './element-DHtonJNX.js';
 

package/dist/index.js

@@ -1,9 +1,9 @@
-export { defineComponents } from './chunk-NUMML2ZR.js';
-import './chunk-T7QLIHHU.js';
-export { UAccordion, UAccordionItem, UAnimate, UBadge, UBox, UBreadcrumb, UButton, UCalendar, UCard, UCheckbox, UCollection, UCombobox, UCommandPalette, UContainer, UContextMenu, UDataTable, UDialogRoot, UDismissableLayer, UDrawer, UDropdown, UField, UFocusManager, UFocusScope, UFocusTrap, UForm, UGrid, UHStack, UHoverable, UInput, UKeyboardNavigation, ULabel, ULink, UList, ULiveRegion, UModal, UOverlay, UPopover, UPopper, UPortal, UPresence, UPressable, URadio, URadioGroup, URouterView, USelect, USlot, USortable, USpacer, UStack, USwitch, UTable, UTabs, UText, UTextarea, UToast, UTooltipRoot, UTransition, UTree, UVirtualList, UVisuallyHidden, createControlledInput, setPortalRoot } from './chunk-PIXJHFME.js';
+export { defineComponents } from './chunk-FPZL7HOP.js';
+import './chunk-YRHQNIPK.js';
+export { UAccordion, UAccordionItem, UAnimate, UBadge, UBox, UBreadcrumb, UButton, UCalendar, UCard, UCheckbox, UCollection, UCombobox, UCommandPalette, UContainer, UContextMenu, UDataTable, UDialogRoot, UDismissableLayer, UDrawer, UDropdown, UField, UFocusManager, UFocusScope, UFocusTrap, UForm, UGrid, UHStack, UHoverable, UInput, UKeyboardNavigation, ULabel, ULink, UList, ULiveRegion, UModal, UOverlay, UPopover, UPopper, UPortal, UPresence, UPressable, URadio, URadioGroup, URouterView, USelect, USlot, USortable, USpacer, UStack, USwitch, UTable, UTabs, UText, UTextarea, UToast, UTooltipRoot, UTransition, UTree, UVirtualList, UVisuallyHidden, createControlledInput, setPortalRoot } from './chunk-47AXL5HN.js';
 import './chunk-RAWESWNC.js';
-export { UIcon, iconRegistry } from './chunk-NJHLJNRI.js';
-import './chunk-2UKGVIH2.js';
+export { UIcon, iconRegistry } from './chunk-Q4KFLERV.js';
+import './chunk-6Y6GA2QS.js';
 export { getPlugin, hasPlugin, registerPlugin, runPluginHook, unregisterPlugin } from './chunk-U4WYCYL6.js';
 import { signal, batch, destroySignal } from './chunk-Q5RCPPCF.js';
 export { batch, computed, effect, hydrateSignals, isBatching, isSignal, scheduleMicrotask, signal, untrack } from './chunk-Q5RCPPCF.js';

package/dist/react/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { A as AccordionProps, a as AnimateProps, B as BadgeProps, b as BoxProps, c as BreadcrumbProps, d as ButtonProps, C as CalendarProps, e as CardProps, f as CheckboxProps, g as CollectionProps, h as ComboboxProps, i as CommandPaletteProps, j as ContainerProps, k as ContextMenuProps, D as DataTableProps, l as DialogRootProps, m as DismissableLayerProps, n as DrawerProps, o as DropdownProps, F as FieldProps, p as FocusManagerProps, q as FocusScopeProps, r as FocusTrapProps, s as FormProps, G as GridProps, S as StackProps, H as HoverableProps, I as InputProps, K as KeyboardNavigationProps, L as LabelProps, t as LinkProps, u as ListProps, v as LiveRegionProps, M as ModalProps, O as OverlayProps, P as PopoverProps, w as PopperProps, x as PortalProps, y as PresenceProps, z as PressableProps, R as RadioGroupProps, E as RouterViewProps, J as SelectProps, N as SortableProps, Q as SpacerProps, T as SwitchProps, U as TableProps, V as TabsProps, W as TextProps, X as TextareaProps, Y as ToastProps, Z as TooltipRootProps, _ as TransitionProps, $ as TreeProps, a0 as VirtualListProps, a1 as VisuallyHiddenProps } from '../card.wc-CLzyZAbJ.js';
+import { a as AccordionProps, c as AnimateProps, B as BadgeProps, g as BoxProps, i as BreadcrumbProps, j as ButtonProps, C as CalendarProps, l as CardProps, n as CheckboxProps, o as CollectionProps, r as ComboboxProps, t as CommandPaletteProps, u as ContainerProps, w as ContextMenuProps, x as DataTableProps, y as DialogRootProps, z as DismissableLayerProps, E as DrawerProps, H as DropdownProps, I as FieldProps, J as FocusManagerProps, K as FocusScopeProps, L as FocusTrapProps, M as FormProps, N as GridProps, aa as StackProps, O as HoverableProps, P as InputProps, Q as KeyboardNavigationProps, R as LabelProps, S as LinkProps, T as ListProps, V as LiveRegionProps, W as ModalProps, X as OverlayProps, Y as PopoverProps, _ as PopperProps, $ as PortalProps, a1 as PresenceProps, a2 as PressableProps, a3 as RadioGroupProps, a5 as RouterViewProps, a7 as SelectProps, a8 as SortableProps, a9 as SpacerProps, ab as SwitchProps, ad as TableProps, ae as TabsProps, ag as TextProps, aj as TextareaProps, al as ToastProps, am as TooltipRootProps, an as TransitionProps, aq as TreeProps, bm as VirtualListProps, bn as VisuallyHiddenProps } from '../card.wc-83Ws3o27.js';
 import '../element-DHtonJNX.js';
 import '../types-DWglFa91.js';
 

package/dist/slot.wc-BvIJg5UJ.d.ts

@@ -0,0 +1,11 @@
+import { U as UElement } from './element-DHtonJNX.js';
+
+interface SlotProps {
+    class?: string;
+}
+declare class USlot extends UElement {
+    constructor();
+    _mount(): void;
+}
+
+export { type SlotProps as S, USlot as U };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@avento-space/ts-ui",
-  "version": "1.2.3",
+  "version": "1.2.5",
   "description": "Framework-agnostic Web Components UI library with signals. Drop-in UI for React, Vue, Angular — zero adapters needed.",
   "type": "module",
   "main": "./dist/index.js",
@@ -27,6 +27,16 @@
       "import": "./dist/plugins/index.js",
       "types": "./dist/plugins/index.d.ts"
     },
+    "./tailwind-plugin": {
+      "require": "./tailwind-plugin.cjs",
+      "import": "./tailwind-plugin.cjs",
+      "default": "./tailwind-plugin.cjs"
+    },
+    "./tailwind-plugin.js": {
+      "require": "./tailwind-plugin.cjs",
+      "import": "./tailwind-plugin.cjs",
+      "default": "./tailwind-plugin.cjs"
+    },
     "./jsx-runtime": {
       "import": "./dist/jsx-runtime.js",
       "types": "./dist/jsx-runtime.d.ts"
@@ -42,6 +52,7 @@
   },
   "files": [
     "dist",
+    "tailwind-plugin.cjs",
     "README.md",
     "LICENSE"
   ],

package/tailwind-plugin.cjs

@@ -0,0 +1,236 @@
+/**
+ * @avento-space/ts-ui — Tailwind CSS Plugin
+ * ==========================================
+ *
+ * Maps every `--u-*` design token to a corresponding Tailwind utility class so
+ * that developers get autocomplete, consistent naming, and Tailwind‑native
+ * syntax when styling Avento components.
+ *
+ * IMPORTANT — Shadow DOM caveat
+ * ------------------------------
+ * These utilities reference `var(--u-*)` under the hood.  They are designed to
+ * be used INSIDE `::part()` selectors within a `@layer components` block, NOT
+ * as `className` props passed directly to React wrapper components.
+ *
+ *   ✅ Correct — inside a stylesheet:
+ *      @layer components {
+ *        u-button::part(button) {
+ *          @apply bg-primary text-white rounded-md font-bold;
+ *        }
+ *      }
+ *
+ *   ❌ Wrong — does NOT penetrate the shadow root:
+ *      <Button className="bg-primary text-white" />
+ *
+ * See docs/theming.md §7 (Optional Tailwind Plugin) for full details.
+ *
+ * Usage
+ * -----
+ * // tailwind.config.js
+ * module.exports = {
+ *   plugins: [
+ *     require('@avento-space/ts-ui/tailwind-plugin'),
+ *   ],
+ * };
+ *
+ * No runtime dependencies beyond tailwindcss itself.
+ *
+ * Dark mode
+ * ---------
+ * The library ships its own dark-theme engine via `--u-color-*` tokens on
+ * `:root` with `@media (prefers-color-scheme: dark)` and a `data-theme`
+ * attribute override.  Token values switch automatically, so every
+ * `var(--u-color-*)` reference — including those emitted by this plugin's
+ * theme extensions — picks up the correct value in both themes without
+ * any extra configuration.
+ *
+ * If you use Tailwind's own `dark:` variant, choose the **`selector`**
+ * strategy (instead of `media`) and synchronise Tailwind's toggle class
+ * with the library's `data-theme` attribute so they stay in lockstep:
+ *
+ *   // tailwind.config.js
+ *   module.exports = {
+ *     darkMode: 'selector',
+ *     // ...
+ *   };
+ *
+ *   // Then in your app, whenever you call setTheme('dark') the library
+ *   // sets data-theme="dark" on <html>.  Tell Tailwind to listen for
+ *   // the same selector:
+ *   module.exports = {
+ *     darkMode: ['selector', '[data-theme="dark"]'],
+ *     plugins: [require('@avento-space/ts-ui/tailwind-plugin')],
+ *   };
+ *
+ * In this configuration Tailwind's `dark:*` utilities activate exactly
+ * when the library is in dark mode, so your `::part()` styles stay in
+ * sync with the component themes.
+ */
+
+const plugin = require('tailwindcss/plugin');
+
+// ── Colour tokens ──────────────────────────────────────────────────────────
+const colors = {
+  primary:          'var(--u-color-primary)',
+  'primary-hover':  'var(--u-color-primary-hover)',
+  'primary-text':   'var(--u-color-primary-text)',
+  danger:           'var(--u-color-danger)',
+  'danger-hover':   'var(--u-color-danger-hover)',
+  success:          'var(--u-color-success)',
+  warning:          'var(--u-color-warning)',
+  info:             'var(--u-color-info)',
+  text:             'var(--u-color-text)',
+  'text-secondary': 'var(--u-color-text-secondary)',
+  'text-muted':     'var(--u-color-text-muted)',
+  'text-disabled':  'var(--u-color-text-disabled)',
+  border:           'var(--u-color-border)',
+  'border-light':   'var(--u-color-border-light)',
+  'border-lighter': 'var(--u-color-border-lighter)',
+  bg:               'var(--u-color-bg)',
+  'bg-muted':       'var(--u-color-bg-muted)',
+  'bg-hover':       'var(--u-color-bg-hover)',
+  'bg-hover-strong':'var(--u-color-bg-hover-strong)',
+  'bg-selected':    'var(--u-color-bg-selected)',
+  focus:            'var(--u-color-focus)',
+  overlay:          'var(--u-color-overlay)',
+  white:            'var(--u-color-white)',
+  'tooltip-bg':     'var(--u-color-tooltip-bg)',
+  'success-bg':     'var(--u-color-success-bg)',
+  'success-text':   'var(--u-color-success-text)',
+  'warning-bg':     'var(--u-color-warning-bg)',
+  'warning-text':   'var(--u-color-warning-text)',
+  'danger-bg':      'var(--u-color-danger-bg)',
+  'danger-text':    'var(--u-color-danger-text)',
+  'info-bg':        'var(--u-color-info-bg)',
+  'info-text':      'var(--u-color-info-text)',
+};
+
+// ── Border radius tokens ───────────────────────────────────────────────────
+const borderRadius = {
+  xs:    'var(--u-radius-xs)',
+  sm:    'var(--u-radius-sm)',
+  md:    'var(--u-radius-md)',
+  lg:    'var(--u-radius-lg)',
+  xl:    'var(--u-radius-xl)',
+  '2xl': 'var(--u-radius-2xl)',
+  full:  'var(--u-radius-full)',
+  round: 'var(--u-radius-round)',
+};
+
+// ── Font-size tokens ───────────────────────────────────────────────────────
+const fontSize = {
+  tiny: 'var(--u-font-tiny)',
+  '2xs':'var(--u-font-2xs)',
+  xs:   'var(--u-font-xs)',
+  sm:   'var(--u-font-sm)',
+  md:   'var(--u-font-md)',
+  lg:   'var(--u-font-lg)',
+  xl:   'var(--u-font-xl)',
+  '2xl':'var(--u-font-2xl)',
+  '3xl':'var(--u-font-3xl)',
+};
+
+// ── Font-weight tokens ─────────────────────────────────────────────────────
+const fontWeight = {
+  normal:    'var(--u-font-weight-normal)',
+  medium:    'var(--u-font-weight-medium)',
+  semibold:  'var(--u-font-weight-semibold)',
+  bold:      'var(--u-font-weight-bold)',
+};
+
+// ── Line-height tokens ─────────────────────────────────────────────────────
+const lineHeight = {
+  none:  'var(--u-line-height-none)',
+  tight: 'var(--u-line-height-tight)',
+  sm:    'var(--u-line-height-sm)',
+  md:    'var(--u-line-height-md)',
+  lg:    'var(--u-line-height-lg)',
+};
+
+// ── Letter-spacing tokens ──────────────────────────────────────────────────
+const letterSpacing = {
+  wide: 'var(--u-letter-spacing-wide)',
+};
+
+// ── Spacing tokens ─────────────────────────────────────────────────────────
+const spacing = {
+  '05': 'var(--u-spacing-05)',
+  '1':  'var(--u-spacing-1)',
+  '2':  'var(--u-spacing-2)',
+  '3':  'var(--u-spacing-3)',
+  '4':  'var(--u-spacing-4)',
+  '5':  'var(--u-spacing-5)',
+  '6':  'var(--u-spacing-6)',
+  '8':  'var(--u-spacing-8)',
+};
+
+// ── Box-shadow tokens ──────────────────────────────────────────────────────
+const boxShadow = {
+  sm:               'var(--u-shadow-sm)',
+  md:               'var(--u-shadow-md)',
+  lg:               'var(--u-shadow-lg)',
+  xl:               'var(--u-shadow-xl)',
+  focus:            'var(--u-shadow-focus)',
+  tooltip:          'var(--u-shadow-tooltip)',
+  drawer:           'var(--u-shadow-drawer)',
+  thumb:            'var(--u-shadow-thumb)',
+  combobox:         'var(--u-shadow-combobox)',
+  calendar:         'var(--u-shadow-calendar)',
+  'command-palette':'var(--u-shadow-command-palette)',
+};
+
+// ── z-index tokens ─────────────────────────────────────────────────────────
+const zIndex = {
+  backdrop:          'var(--u-z-backdrop)',
+  modal:             'var(--u-z-modal)',
+  'command-palette': 'var(--u-z-command-palette)',
+  dropdown:          'var(--u-z-dropdown)',
+  drag:              'var(--u-z-drag)',
+  toast:             'var(--u-z-toast)',
+};
+
+// ── Opacity tokens ─────────────────────────────────────────────────────────
+const opacity = {
+  disabled: 'var(--u-opacity-disabled)',
+  muted:    'var(--u-opacity-muted)',
+  fade:     'var(--u-opacity-fade)',
+};
+
+// ── Transition-duration tokens ─────────────────────────────────────────────
+const transitionDuration = {
+  fast:   'var(--u-transition-fast)',
+  base:   'var(--u-transition-base)',
+  slow:   'var(--u-transition-slow)',
+  slower: 'var(--u-transition-slower)',
+};
+
+// ── Blur tokens ────────────────────────────────────────────────────────────
+// NOTE: overrides Tailwind's default backdrop-blur (8px) with the library's
+//       value (4px).  Omit or adjust if you need the original default.
+const backdropBlur = {
+  DEFAULT: 'var(--u-blur)',
+};
+
+module.exports = plugin(
+  function () {
+    // No custom utilities needed — all values are theme extensions.
+  },
+  {
+    theme: {
+      extend: {
+        colors,
+        borderRadius,
+        fontSize,
+        fontWeight,
+        lineHeight,
+        letterSpacing,
+        spacing,
+        boxShadow,
+        zIndex,
+        opacity,
+        transitionDuration,
+        backdropBlur,
+      },
+    },
+  },
+);

package/dist/chunk-2UKGVIH2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/core/tokens.ts","../src/core/element.ts","../src/components/styles/button.ts","../src/components/styles/input.ts","../src/components/styles/box.ts","../src/components/styles/list.ts","../src/components/styles/icon.ts","../src/components/styles/text.ts","../src/components/styles/stack.ts","../src/components/styles/grid.ts","../src/components/styles/overlay.ts","../src/components/styles/field.ts","../src/components/styles/checkbox.ts","../src/components/styles/select.ts","../src/components/styles/link.ts","../src/components/styles/container.ts","../src/components/styles/dialog.ts","../src/components/styles/tooltip.ts","../src/components/styles/textarea.ts","../src/components/styles/radio.ts","../src/components/styles/switch.ts","../src/components/styles/label.ts","../src/components/styles/tree.ts","../src/components/styles/table.ts","../src/components/styles/breadcrumb.ts","../src/components/styles/tabs.ts","../src/components/styles/visually-hidden.ts","../src/components/styles/presence.ts","../src/components/styles/animate.ts","../src/components/styles/modal.ts","../src/components/styles/drawer.ts","../src/components/styles/popover.ts","../src/components/styles/dropdown.ts","../src/components/styles/accordion.ts","../src/components/styles/calendar.ts","../src/components/styles/data-table.ts","../src/components/styles/command-palette.ts","../src/components/styles/combobox.ts","../src/components/styles/toast.ts","../src/components/styles/context-menu.ts","../src/components/styles/sortable.ts","../src/components/styles/form.ts","../src/components/styles/badge.ts","../src/components/styles/card.ts"],"names":[],"mappings":"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AAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAtB,IAAM,cAAA,GAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAvB,IAAM,eAAA,GAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAxB,IAAM,cAAA,GAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAvB,IAAM,eAAA,GAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAxB,IAAM,oBAAA,GAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACA7B,IAAM,cAAA,GAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAvB,IAAM,WAAA,GAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACApB,IAAM,iBAAA,GAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACA1B,IAAM,cAAA,GAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAvB,IAAM,UAAA,GAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAnB,IAAM,WAAA,GAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACApB,IAAM,UAAA,GAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","file":"chunk-2UKGVIH2.js","sourcesContent":["const sheet = new CSSStyleSheet();\n\nsheet.replaceSync(`\n:host {\n  --u-color-primary: #3b82f6;\n  --u-color-primary-hover: #2563eb;\n  --u-color-primary-text: #2563eb;\n  --u-color-danger: #ef4444;\n  --u-color-danger-hover: #dc2626;\n  --u-color-success: #16a34a;\n  --u-color-warning: #d97706;\n  --u-color-info: #0284c7;\n  --u-color-text: #111827;\n  --u-color-text-secondary: #374151;\n  --u-color-text-muted: #4b5563;\n  --u-color-text-disabled: #6b7280;\n  --u-color-border: #9ca3af;\n  --u-color-border-light: #d1d5db;\n  --u-color-border-lighter: #e5e7eb;\n  --u-color-bg: #fff;\n  --u-color-bg-muted: #f9fafb;\n  --u-color-bg-hover: #f3f4f6;\n  --u-color-bg-selected: #eff6ff;\n  --u-color-focus: #3b82f6;\n  --u-color-overlay: rgba(0,0,0,0.5);\n  --u-radius-sm: 4px;\n  --u-radius-md: 6px;\n  --u-radius-lg: 8px;\n  --u-radius-xl: 10px;\n  --u-radius-2xl: 12px;\n  --u-font-xs: 0.75rem;\n  --u-font-sm: 0.875rem;\n  --u-font-md: 1rem;\n  --u-font-lg: 1.125rem;\n  --u-shadow-sm: 0 1px 3px rgba(0,0,0,.05);\n  --u-shadow-md: 0 4px 16px rgba(0,0,0,.08);\n  --u-shadow-lg: 0 8px 24px rgba(0,0,0,.12);\n  --u-shadow-xl: 0 20px 60px rgba(0,0,0,.15);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  *, *::before, *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n`);\n\nexport const globalStyles = sheet;\n","import { effect } from './signal.js';\r\nimport { globalStyles } from './tokens.js';\r\n\r\nlet nextId = 0;\r\n\r\nexport abstract class UElement extends HTMLElement {\r\n  private _cleanups: (() => void)[] = [];\r\n  protected _root: ShadowRoot;\r\n  protected _id = ++nextId;\r\n\r\n  constructor() {\r\n    super();\r\n    this._root = this.attachShadow({ mode: 'open' });\r\n    try {\r\n      this._root.adoptedStyleSheets = [globalStyles];\r\n    } catch {\r\n      const style = document.createElement('style');\r\n      style.textContent = ':host {}';\r\n      this._root.appendChild(style);\r\n    }\r\n  }\r\n\r\n  connectedCallback(): void {\r\n    this._mount();\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    for (const fn of this._cleanups) {\r\n      try {\r\n        fn();\r\n      } catch (e) {\r\n        console.error(e);\r\n      }\r\n    }\r\n    this._cleanups = [];\r\n  }\r\n\r\n  protected adoptEffect(fn: () => (() => void) | void): () => void {\r\n    const dispose = effect(fn);\r\n    this._cleanups.push(dispose);\r\n    return dispose;\r\n  }\r\n\r\n  protected abstract _mount(): void;\r\n}\r\n","export const buttonStyles = `\n:host {\n  display: inline-block;\n}\nbutton {\n  font-family: inherit;\n  font-size: 14px;\n  line-height: 1;\n  border: 1px solid transparent;\n  border-radius: var(--u-radius-md);\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  transition: background-color .15s, opacity .15s, box-shadow .15s;\n  outline: none;\n}\nbutton:focus-visible {\n  box-shadow: 0 0 0 2px var(--u-color-focus);\n}\nbutton:disabled {\n  opacity: .5;\n  cursor: not-allowed;\n}\n.btn-primary {\n  background: var(--u-color-primary);\n  color: #fff;\n  border-color: var(--u-color-primary-hover);\n}\n.btn-primary:hover:not(:disabled) {\n  background: var(--u-color-primary-hover);\n}\n.btn-secondary {\n  background: var(--u-color-bg-hover);\n  color: var(--u-color-text-secondary);\n  border-color: var(--u-color-border);\n}\n.btn-secondary:hover:not(:disabled) {\n  background: #e5e7eb;\n}\n.btn-ghost {\n  background: transparent;\n  color: var(--u-color-text-secondary);\n  border-color: transparent;\n}\n.btn-ghost:hover:not(:disabled) {\n  background: var(--u-color-bg-hover);\n}\n.btn-danger {\n  background: var(--u-color-danger);\n  color: #fff;\n  border-color: var(--u-color-danger);\n}\n.btn-danger:hover:not(:disabled) {\n  background: var(--u-color-danger-hover);\n}\n.btn-sm { height: 32px; padding: 0 12px; font-size: 13px; }\n.btn-md { height: 40px; padding: 0 16px; font-size: 14px; }\n.btn-lg { height: 48px; padding: 0 24px; font-size: 16px; }\n.btn-link {\n  background: transparent;\n  color: #2563eb;\n  border-color: transparent;\n  padding: 0;\n  height: auto;\n  font-size: inherit;\n  font-weight: inherit;\n  text-decoration: none;\n  border-radius: 2px;\n}\n.btn-link:hover:not(:disabled) {\n  background: transparent;\n  text-decoration: underline;\n  color: #2563eb;\n}\n.btn-link:disabled {\n  opacity: .5;\n  cursor: not-allowed;\n}\n`;\n","export const inputStyles = `\n:host {\n  display: inline-block;\n}\n.input-wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\ninput {\n  font-family: inherit;\n  font-size: 14px;\n  line-height: 1.5;\n  padding: 8px 12px;\n  border: 1px solid var(--u-color-border-light);\n  border-radius: var(--u-radius-md);\n  outline: none;\n  width: 100%;\n  box-sizing: border-box;\n  background: var(--u-color-bg);\n  color: var(--u-color-text);\n  transition: border-color .15s;\n}\ninput::placeholder { color: var(--u-color-text-muted); }\ninput:focus {\n  border-color: #2563eb;\n  box-shadow: 0 0 0 2px rgba(59,130,246,.25);\n}\ninput:disabled {\n  background: var(--u-color-bg-muted);\n  color: var(--u-color-text-muted);\n  cursor: not-allowed;\n}\n`;\n","export const boxStyles = `\r\n:host {\r\n  display: block;\r\n}\r\n`;\r\n","export const listStyles = `\n:host {\n  display: block;\n}\nul, ol {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n.list-empty {\n  padding: 24px;\n  text-align: center;\n  color: var(--u-color-text-muted);\n}\n`;\n","export const iconStyles = `\r\n:host {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\nsvg {\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n`;\r\n","export const textStyles = `\n:host {\n  display: inline;\n}\n[part=\"text\"] {\n  margin: 0;\n  font-family: inherit;\n  line-height: 1.5;\n}\n.text-xs { font-size: 0.75rem; }\n.text-sm { font-size: 0.875rem; }\n.text-md { font-size: 1rem; }\n.text-lg { font-size: 1.125rem; }\n.text-xl { font-size: 1.25rem; }\n.text-2xl { font-size: 1.5rem; }\n.text-3xl { font-size: 1.875rem; }\n.text-normal { font-weight: 400; }\n.text-medium { font-weight: 500; }\n.text-semibold { font-weight: 600; }\n.text-bold { font-weight: 700; }\n.text-default { color: inherit; }\n.text-muted { color: var(--u-color-text-muted); }\n.text-accent { color: #2563eb; }\n.text-danger { color: var(--u-color-danger); }\n.text-success { color: #16a34a; }\n.text-left { text-align: left; }\n.text-center { text-align: center; }\n.text-right { text-align: right; }\n.text-truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n`;\n","export const stackStyles = `\r\n:host {\r\n  display: flex;\r\n}\r\n[part=\"stack\"] {\r\n  display: flex;\r\n  width: 100%;\r\n}\r\n.stack-v {\r\n  flex-direction: column;\r\n}\r\n.stack-h {\r\n  flex-direction: row;\r\n}\r\n`;\r\n","export const gridStyles = `\r\n:host {\r\n  display: block;\r\n}\r\n[part=\"grid\"] {\r\n  display: grid;\r\n}\r\n`;\r\n","export const overlayStyles = `\n:host {\n  position: fixed;\n  inset: 0;\n  z-index: 9999;\n}\n[part=\"overlay\"] {\n  position: fixed;\n  inset: 0;\n  background: var(--u-color-overlay);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.overlay-blur {\n  backdrop-filter: blur(4px);\n}\n[hidden] {\n  display: none !important;\n}\n`;\n","export const fieldStyles = `\n:host {\n  display: block;\n}\n[part=\"field\"] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.field-label {\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: var(--u-color-text-secondary);\n}\n.field-label-required::after {\n  content: ' *';\n  color: var(--u-color-danger);\n}\n.field-content {\n  display: flex;\n  flex-direction: column;\n}\n.field-hint {\n  font-size: 0.75rem;\n  color: var(--u-color-text-muted);\n}\n.field-error {\n  font-size: 0.75rem;\n  color: var(--u-color-danger);\n}\n.hidden {\n  display: none;\n}\n`;\n","export const checkboxStyles = `\n:host {\n  display: inline-flex;\n  align-items: center;\n}\n[part=\"checkbox\"] {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n}\n:host(:focus-visible) .checkbox-indicator { outline: 2px solid var(--u-color-focus); outline-offset: 2px; }\ninput {\n  position: absolute;\n  opacity: 0;\n  width: 0;\n  height: 0;\n  pointer-events: none;\n}\n.checkbox-indicator {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  border: 2px solid var(--u-color-border);\n  border-radius: var(--u-radius-sm);\n  transition: all .15s;\n  flex-shrink: 0;\n  box-sizing: border-box;\n}\n.checkbox-indicator.checked {\n  background: var(--u-color-primary);\n  border-color: var(--u-color-primary-hover);\n  color: #fff;\n}\n.checkbox-indicator svg {\n  opacity: 0;\n  transition: opacity .15s;\n}\n.checkbox-indicator.checked svg {\n  opacity: 1;\n}\n.checkbox-label {\n  font-size: 0.875rem;\n  color: var(--u-color-text-secondary);\n}\n:host([disabled]) [part=\"checkbox\"] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n`;\n","export const selectStyles = `\n:host {\n  display: inline-block;\n  position: relative;\n}\n.select-wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n.select {\n  font-family: inherit;\n  font-size: 14px;\n  line-height: 1.5;\n  padding: 8px 32px 8px 12px;\n  border: 1px solid var(--u-color-border-light);\n  border-radius: var(--u-radius-md);\n  outline: none;\n  width: 100%;\n  box-sizing: border-box;\n  background: var(--u-color-bg);\n  color: var(--u-color-text);\n  transition: border-color .15s;\n  appearance: none;\n  -webkit-appearance: none;\n  cursor: pointer;\n}\n.select:focus {\n  border-color: #2563eb;\n  box-shadow: 0 0 0 2px rgba(59,130,246,.25);\n}\n.select:disabled {\n  background: var(--u-color-bg-muted);\n  color: var(--u-color-text-muted);\n  cursor: not-allowed;\n}\n.select-arrow {\n  position: absolute;\n  right: 8px;\n  pointer-events: none;\n  color: var(--u-color-text-muted);\n  display: flex;\n  align-items: center;\n}\n`;\n","export const linkStyles = `\n:host {\n  display: inline;\n}\n[part=\"link\"] {\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  cursor: pointer;\n  transition: color .15s;\n  text-decoration: none;\n  border-radius: 2px;\n}\n[part=\"link\"]:focus-visible {\n  outline: 2px solid var(--u-color-focus);\n  outline-offset: 2px;\n}\n.link-default { color: #2563eb; }\n.link-default:hover { color: #2563eb; text-decoration: underline; }\n.link-accent { color: var(--u-color-text-secondary); font-weight: 500; }\n.link-accent:hover { color: var(--u-color-text); text-decoration: underline; }\n.link-muted { color: var(--u-color-text-muted); }\n.link-muted:hover { color: var(--u-color-text-secondary); text-decoration: underline; }\n.link-danger { color: var(--u-color-danger); }\n.link-danger:hover { color: var(--u-color-danger-hover); text-decoration: underline; }\n.link-underline-always { text-decoration: underline; }\n.link-underline-none:hover { text-decoration: none; }\n.link-disabled {\n  color: var(--u-color-text-muted) !important;\n  cursor: not-allowed;\n  pointer-events: none;\n  text-decoration: none !important;\n}\n`;\n","export const containerStyles = `\r\n:host {\r\n  display: block;\r\n  width: 100%;\r\n}\r\n[part=\"container\"] {\r\n  margin: 0 auto;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n}\r\n`;\r\n","export const dialogStyles = `\r\n:host {\r\n  display: contents;\r\n}\r\n[part=\"dialog-root\"] {\r\n  display: contents;\r\n}\r\n`;\r\n","export const tooltipStyles = `\n:host {\n  position: relative;\n  display: inline-flex;\n}\n[part=\"tooltip\"] {\n  position: fixed;\n  z-index: 99999;\n  background: #1f2937;\n  color: #fff;\n  font-size: 0.75rem;\n  padding: 6px 10px;\n  border-radius: var(--u-radius-md);\n  pointer-events: none;\n  line-height: 1.4;\n  max-width: 200px;\n  box-shadow: 0 4px 12px rgba(0,0,0,.25);\n  animation: u-tooltip-in .12s ease;\n}\n@keyframes u-tooltip-in {\n  from { opacity: 0; transform: translateY(3px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n.tooltip-arrow {\n  position: absolute;\n  width: 6px;\n  height: 6px;\n  background: #1f2937;\n  transform: rotate(45deg);\n}\n.arrow-top { bottom: -3px; left: calc(50% - 3px); }\n.arrow-bottom { top: -3px; left: calc(50% - 3px); }\n.arrow-left { right: -3px; top: calc(50% - 3px); }\n.arrow-right { left: -3px; top: calc(50% - 3px); }\n`;\n","export const textareaStyles = `\n:host {\n  display: inline-block;\n}\n.textarea-wrapper {\n  position: relative;\n  display: flex;\n}\ntextarea {\n  font-family: inherit;\n  font-size: 14px;\n  line-height: 1.5;\n  padding: 8px 12px;\n  border: 1px solid var(--u-color-border-light);\n  border-radius: var(--u-radius-md);\n  outline: none;\n  width: 100%;\n  box-sizing: border-box;\n  background: var(--u-color-bg);\n  color: var(--u-color-text);\n  transition: border-color .15s;\n  resize: vertical;\n  min-height: 60px;\n}\ntextarea::placeholder { color: var(--u-color-text-muted); }\ntextarea:focus {\n  border-color: #2563eb;\n  box-shadow: 0 0 0 2px rgba(59,130,246,.25);\n}\ntextarea:disabled {\n  background: var(--u-color-bg-muted);\n  color: var(--u-color-text-muted);\n  cursor: not-allowed;\n}\n`;\n","export const radioStyles = `\n:host {\n  display: block;\n}\n[part=\"group\"] {\n  display: flex;\n}\n[part=\"radio\"] {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  font-size: 0.875rem;\n  color: var(--u-color-text-secondary);\n}\n:host(:focus-visible) .radio-circle { outline: 2px solid var(--u-color-focus); outline-offset: 2px; }\ninput[type=\"radio\"] {\n  position: absolute;\n  opacity: 0;\n  width: 0;\n  height: 0;\n  pointer-events: none;\n}\n.radio-circle {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  border: 2px solid var(--u-color-border);\n  border-radius: 50%;\n  transition: all .15s;\n  flex-shrink: 0;\n  box-sizing: border-box;\n}\n.radio-circle.checked {\n  border-color: var(--u-color-primary-hover);\n  background: var(--u-color-primary);\n  box-shadow: inset 0 0 0 3px #fff;\n}\n:host([disabled]) [part=\"radio\"] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n`;\n","export const switchStyles = `\n:host {\n  display: inline-flex;\n}\n[part=\"switch\"] {\n  display: inline-flex;\n  cursor: pointer;\n}\n:host(:focus-visible) .switch-track { outline: 2px solid var(--u-color-focus); outline-offset: 3px; }\ninput {\n  position: absolute;\n  opacity: 0;\n  width: 0;\n  height: 0;\n  pointer-events: none;\n}\n.switch-track {\n  width: 40px;\n  height: 22px;\n  background: #9ca3af;\n  border-radius: 11px;\n  position: relative;\n  transition: background .2s;\n}\n.switch-track.checked {\n  background: var(--u-color-primary);\n}\n.switch-thumb {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 18px;\n  height: 18px;\n  background: var(--u-color-bg);\n  border-radius: 50%;\n  transition: transform .2s;\n  box-shadow: 0 1px 2px rgba(0,0,0,.15);\n}\n.switch-track.checked .switch-thumb {\n  transform: translateX(18px);\n}\n:host([disabled]) [part=\"switch\"] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n`;\n","export const labelStyles = `\n:host {\n  display: inline;\n}\n[part=\"label\"] {\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: var(--u-color-text-secondary);\n  cursor: default;\n}\n.label-required::after {\n  content: ' *';\n  color: var(--u-color-danger);\n}\n`;\n","export const treeStyles = `\n:host {\n  display: block;\n}\n[part=\"tree\"] {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  font-size: 0.875rem;\n}\n.tree-node {\n  list-style: none;\n}\n.tree-row {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 8px;\n  cursor: pointer;\n  border-radius: var(--u-radius-sm);\n}\n.tree-row:focus-visible { outline: 2px solid var(--u-color-focus); outline-offset: -2px; }\n.tree-row:hover {\n  background: var(--u-color-bg-hover);\n}\n.tree-toggle {\n  width: 16px;\n  flex-shrink: 0;\n  text-align: center;\n  font-size: 12px;\n  color: var(--u-color-text-muted);\n}\n.tree-toggle-spacer {\n  width: 16px;\n  flex-shrink: 0;\n}\n.tree-label {\n  color: var(--u-color-text-secondary);\n}\n.tree-children {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n`;\n","export const tableStyles = `\n:host {\n  display: block;\n  overflow-x: auto;\n}\n.table-wrapper {\n  width: 100%;\n}\n.table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 0.875rem;\n}\n.table th {\n  text-align: left;\n  padding: 10px 12px;\n  border-bottom: 2px solid var(--u-color-border-lighter);\n  font-weight: 600;\n  color: var(--u-color-text-secondary);\n  white-space: nowrap;\n  background: var(--u-color-bg-muted);\n}\n.table th.sortable {\n  cursor: pointer;\n  user-select: none;\n}\n.table th.sortable:focus-visible { outline: 2px solid var(--u-color-focus); outline-offset: -2px; }\n.table th.sortable:hover {\n  background: var(--u-color-bg-hover);\n}\n.table td {\n  padding: 10px 12px;\n  border-bottom: 1px solid var(--u-color-border-lighter);\n  color: var(--u-color-text-muted);\n}\n.table tr:hover td {\n  background: var(--u-color-bg-muted);\n}\n`;\n","export const breadcrumbStyles = `\n:host {\n  display: block;\n}\n[part=\"breadcrumb\"] {\n  font-size: 0.875rem;\n}\n[part=\"list\"] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n.breadcrumb-item {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--u-color-text-muted);\n}\n.breadcrumb-item a {\n  color: var(--u-color-primary-text);\n  text-decoration: none;\n}\n.breadcrumb-item a:focus-visible { outline: 2px solid var(--u-color-focus); outline-offset: 2px; border-radius: 2px; }\n.breadcrumb-item a:hover {\n  text-decoration: underline;\n}\n.breadcrumb-item[aria-current=\"page\"] {\n  color: var(--u-color-text);\n  font-weight: 500;\n}\n.breadcrumb-separator {\n  color: var(--u-color-border-light);\n  margin: 0 2px;\n}\n`;\n","export const tabsStyles = `\n:host {\n  display: block;\n}\n[part=\"tabs\"] {\n  display: flex;\n  flex-direction: column;\n}\n[part=\"tablist\"] {\n  display: flex;\n  gap: 0;\n  position: relative;\n  outline: none;\n}\n.tablist-underline {\n  border-bottom: 1px solid var(--u-color-border-light);\n}\n.tablist-underline .tab-indicator {\n  position: absolute;\n  bottom: 0;\n  height: 2px;\n  background: var(--u-color-primary);\n  transition: left .2s ease, width .2s ease;\n  border-radius: 1px;\n}\n.tablist-pills {\n  gap: 4px;\n  flex-wrap: wrap;\n}\n.tablist-buttons {\n  gap: 4px;\n  flex-wrap: wrap;\n}\n.tablist-full {\n  width: 100%;\n}\n.tablist-full .tab-trigger {\n  flex: 1;\n  text-align: center;\n}\n.tab-trigger {\n  font-family: inherit;\n  font-size: 0.875rem;\n  padding: 10px 16px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  color: var(--u-color-text-muted);\n  transition: all .15s;\n  outline: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  white-space: nowrap;\n  user-select: none;\n  position: relative;\n  border-radius: 0;\n}\n.tab-trigger:hover:not(:disabled):not(.active) {\n  color: var(--u-color-text-secondary);\n}\n.tab-trigger.active {\n  color: var(--u-color-primary-text);\n  font-weight: 500;\n}\n.tab-trigger:focus-visible {\n  box-shadow: inset 0 0 0 2px var(--u-color-focus);\n}\n.tab-trigger:disabled {\n  opacity: .4;\n  cursor: not-allowed;\n}\n.tab-trigger-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n}\n.tab-trigger-icon svg {\n  width: 16px;\n  height: 16px;\n}\n.tablist-pills .tab-trigger {\n  border-radius: 999px;\n  padding: 6px 14px;\n}\n.tablist-pills .tab-trigger:hover:not(:disabled) {\n  background: var(--u-color-bg-hover);\n}\n.tablist-pills .tab-trigger.active {\n  background: var(--u-color-bg-selected);\n  color: var(--u-color-primary-text);\n}\n.tablist-buttons .tab-trigger {\n  border-radius: var(--u-radius-md);\n  padding: 6px 14px;\n}\n.tablist-buttons .tab-trigger:hover:not(:disabled) {\n  background: var(--u-color-bg-hover);\n}\n.tablist-buttons .tab-trigger.active {\n  background: var(--u-color-primary);\n  color: #fff;\n}\n[part=\"tabpanels\"] {\n  padding: 16px 0;\n  outline: none;\n}\n.tab-panel {\n  outline: none;\n  animation: u-tab-panel-in .15s ease;\n}\n@keyframes u-tab-panel-in {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n`;\n","export const visuallyHiddenStyles = `\r\n:host {\r\n  display: inline;\r\n}\r\n[part=\"hidden\"] {\r\n  position: absolute;\r\n  width: 1px;\r\n  height: 1px;\r\n  padding: 0;\r\n  margin: -1px;\r\n  overflow: hidden;\r\n  clip: rect(0,0,0,0);\r\n  white-space: nowrap;\r\n  border: 0;\r\n}\r\n`;\r\n","export const presenceStyles = `\r\n[part=\"presence\"] {\r\n  animation-fill-mode: both;\r\n}\r\n.presence-enter {\r\n  opacity: 0;\r\n}\r\n.presence-enter-active {\r\n  opacity: 1;\r\n  transition: opacity var(--duration, 200ms) ease;\r\n}\r\n.presence-leave {\r\n  opacity: 1;\r\n}\r\n.presence-leave-active {\r\n  opacity: 0;\r\n  transition: opacity var(--duration, 200ms) ease;\r\n}\r\n`;\r\n","export const animateKeyframes = `\r\n@keyframes u-fade-in {\r\n  from { opacity: 0; }\r\n  to { opacity: 1; }\r\n}\r\n@keyframes u-fade-out {\r\n  from { opacity: 1; }\r\n  to { opacity: 0; }\r\n}\r\n@keyframes u-slide-in-up {\r\n  from { opacity: 0; transform: translateY(20px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n@keyframes u-slide-in-down {\r\n  from { opacity: 0; transform: translateY(-20px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n@keyframes u-slide-in-left {\r\n  from { opacity: 0; transform: translateX(20px); }\r\n  to { opacity: 1; transform: translateX(0); }\r\n}\r\n@keyframes u-slide-in-right {\r\n  from { opacity: 0; transform: translateX(-20px); }\r\n  to { opacity: 1; transform: translateX(0); }\r\n}\r\n@keyframes u-slide-out-up {\r\n  from { opacity: 1; transform: translateY(0); }\r\n  to { opacity: 0; transform: translateY(-20px); }\r\n}\r\n@keyframes u-slide-out-down {\r\n  from { opacity: 1; transform: translateY(0); }\r\n  to { opacity: 0; transform: translateY(20px); }\r\n}\r\n@keyframes u-scale-in {\r\n  from { opacity: 0; transform: scale(0.95); }\r\n  to { opacity: 1; transform: scale(1); }\r\n}\r\n@keyframes u-scale-out {\r\n  from { opacity: 1; transform: scale(1); }\r\n  to { opacity: 0; transform: scale(0.95); }\r\n}\r\n@keyframes u-bounce-in {\r\n  0% { opacity: 0; transform: scale(0.3); }\r\n  50% { transform: scale(1.05); }\r\n  70% { transform: scale(0.9); }\r\n  100% { opacity: 1; transform: scale(1); }\r\n}\r\n`;\r\n","export const modalStyles = `\n:host {\n  display: contents;\n}\n@keyframes u-modal-fade-in {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n@keyframes u-modal-scale-in {\n  from { opacity: 0; transform: scale(0.95) translateY(8px); }\n  to { opacity: 1; transform: scale(1) translateY(0); }\n}\n.modal-backdrop {\n  position: fixed;\n  inset: 0;\n  background: var(--u-color-overlay);\n  z-index: 9998;\n  animation: u-modal-fade-in .15s ease;\n}\n.modal {\n  position: fixed;\n  inset: 0;\n  z-index: 9999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px;\n}\n.modal-wrapper {\n  background: var(--u-color-bg);\n  border-radius: var(--u-radius-2xl);\n  box-shadow: 0 20px 60px rgba(0,0,0,.15);\n  display: flex;\n  flex-direction: column;\n  max-height: 85vh;\n  width: 100%;\n  animation: u-modal-scale-in .2s ease;\n}\n.modal-sm { max-width: 400px; }\n.modal-md { max-width: 500px; }\n.modal-lg { max-width: 640px; }\n.modal-xl { max-width: 800px; }\n.modal-full { max-width: calc(100vw - 32px); }\n.modal-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--u-color-border-lighter);\n  gap: 12px;\n}\n.modal-title {\n  font-weight: 600;\n  font-size: 1.125rem;\n  color: var(--u-color-text);\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.modal-close {\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--u-color-text-muted);\n  padding: 4px;\n  line-height: 1;\n  border-radius: var(--u-radius-md);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  transition: color .15s, background .15s;\n}\n.modal-close:hover { color: var(--u-color-text-secondary); background: var(--u-color-bg-hover); }\n.modal-close:focus-visible { outline: 2px solid var(--u-color-focus); outline-offset: 2px; }\n.modal-close svg {\n  width: 18px;\n  height: 18px;\n}\n.modal-content {\n  padding: 20px;\n  overflow-y: auto;\n  flex: 1;\n  color: var(--u-color-text-secondary);\n  font-size: 0.875rem;\n  line-height: 1.6;\n}\n.modal-footer {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n  padding: 12px 20px;\n  border-top: 1px solid var(--u-color-border-lighter);\n}\n.modal-mobile.modal-wrapper {\n  max-height: calc(100vh - 32px) !important;\n  border-radius: var(--u-radius-xl);\n}\n`;\n","export const drawerStyles = `\n:host {\n  display: contents;\n}\n.drawer-backdrop {\n  position: fixed;\n  inset: 0;\n  background: var(--u-color-overlay);\n  z-index: 9998;\n}\n.drawer {\n  position: fixed;\n  z-index: 9999;\n}\n.drawer-right { top: 0; right: 0; height: 100%; }\n.drawer-left { top: 0; left: 0; height: 100%; }\n.drawer-top { top: 0; left: 0; width: 100%; }\n.drawer-bottom { bottom: 0; left: 0; width: 100%; }\n.drawer-content {\n  background: var(--u-color-bg);\n  display: flex;\n  flex-direction: column;\n  box-shadow: 0 0 40px rgba(0,0,0,.1);\n}\n.drawer-right .drawer-content { height: 100%; transform: translateX(100%); transition: transform .25s ease; border-radius: var(--u-radius-2xl) 0 0 var(--u-radius-2xl); }\n.drawer-left .drawer-content { height: 100%; transform: translateX(-100%); transition: transform .25s ease; border-radius: 0 var(--u-radius-2xl) var(--u-radius-2xl) 0; }\n.drawer-top .drawer-content { width: 100%; transform: translateY(-100%); transition: transform .25s ease; border-radius: 0 0 var(--u-radius-2xl) var(--u-radius-2xl); }\n.drawer-bottom .drawer-content { width: 100%; transform: translateY(100%); transition: transform .25s ease; border-radius: var(--u-radius-2xl) var(--u-radius-2xl) 0 0; }\n.drawer-open .drawer-content { transform: translate(0,0); }\n.drawer-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--u-color-border-lighter);\n  font-weight: 600;\n  font-size: 1.125rem;\n}\n.drawer-close {\n  background: none;\n  border: none;\n  font-size: 1.5rem;\n  cursor: pointer;\n  color: var(--u-color-text-muted);\n  padding: 0;\n  line-height: 1;\n}\n.drawer-close:focus-visible { outline: 2px solid var(--u-color-focus); outline-offset: 2px; }\n.drawer-close:hover { color: var(--u-color-text-secondary); }\n.drawer-body { padding: 20px; overflow-y: auto; flex: 1; color: var(--u-color-text-muted); font-size: 0.875rem; }\n.drawer-footer { padding: 12px 20px; border-top: 1px solid var(--u-color-border-lighter); display: flex; gap: 8px; justify-content: flex-end; }\n`;\n","export const popoverStyles = `\n:host {\n  position: relative;\n  display: inline-flex;\n}\n.popover-trigger {\n  display: inline-flex;\n}\n.popover {\n  position: fixed;\n  z-index: 99999;\n  filter: drop-shadow(0 8px 24px rgba(0,0,0,.14));\n}\n.popover-content {\n  background: var(--u-color-bg);\n  border: 1px solid var(--u-color-border-light);\n  border-radius: var(--u-radius-xl);\n  padding: 8px;\n  font-size: 0.875rem;\n  color: var(--u-color-text-secondary);\n  min-width: 160px;\n  animation: u-popover-in .15s ease;\n}\n@keyframes u-popover-in {\n  from { opacity: 0; transform: scale(.95); }\n  to { opacity: 1; transform: scale(1); }\n}\n.popover-arrow {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  background: var(--u-color-bg);\n  border: 1px solid var(--u-color-border-light);\n  transform: rotate(45deg);\n  z-index: -1;\n}\n.arrow-top { bottom: -5px; left: calc(50% - 5px); border-top: none; border-left: none; }\n.arrow-bottom { top: -5px; left: calc(50% - 5px); border-bottom: none; border-right: none; }\n.arrow-left { right: -5px; top: calc(50% - 5px); border-bottom: none; border-left: none; }\n.arrow-right { left: -5px; top: calc(50% - 5px); border-top: none; border-right: none; }\n`;\n","export const dropdownStyles = `\n:host {\n  position: relative;\n  display: inline-flex;\n}\n.dropdown-trigger {\n  display: inline-flex;\n}\n.dropdown-menu {\n  position: fixed;\n  z-index: 99999;\n  background: var(--u-color-bg);\n  border: 1px solid var(--u-color-border-light);\n  border-radius: var(--u-radius-xl);\n  box-shadow: 0 8px 24px rgba(0,0,0,.14);\n  padding: 4px;\n  min-width: 180px;\n  outline: none;\n  animation: u-dropdown-in .12s ease;\n}\n@keyframes u-dropdown-in {\n  from { opacity: 0; transform: scale(.95); }\n  to { opacity: 1; transform: scale(1); }\n}\n.dropdown-items {\n  display: flex;\n  flex-direction: column;\n}\n.dropdown-item {\n  font-family: inherit;\n  font-size: 0.875rem;\n  padding: 8px 12px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  color: var(--u-color-text-secondary);\n  text-align: left;\n  border-radius: var(--u-radius-md);\n  transition: background .1s;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  box-sizing: border-box;\n}\n.dropdown-item:hover { background: var(--u-color-bg-hover); }\n.dropdown-item:focus-visible { box-shadow: 0 0 0 2px var(--u-color-focus); }\n.dropdown-item.selected { color: var(--u-color-primary-hover); font-weight: 500; background: var(--u-color-bg-selected); }\n.dropdown-item:disabled { opacity: 0.4; cursor: not-allowed; }\n.dropdown-item-active { background: var(--u-color-bg-selected); color: var(--u-color-primary-hover); }\n.dropdown-item-icon {\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--u-color-text-muted);\n}\n.dropdown-item-icon svg {\n  width: 16px;\n  height: 16px;\n}\n.dropdown-item-text {\n  flex: 1;\n  min-width: 0;\n}\n.dropdown-item-label {\n  display: block;\n  line-height: 1.4;\n}\n.dropdown-item-desc {\n  display: block;\n  font-size: 0.75rem;\n  color: var(--u-color-text-muted);\n  line-height: 1.3;\n  margin-top: 1px;\n}\n.dropdown-item-shortcut {\n  font-size: 0.75rem;\n  color: var(--u-color-text-muted);\n  padding: 2px 6px;\n  background: var(--u-color-bg-hover);\n  border-radius: var(--u-radius-sm);\n  font-family: inherit;\n  flex-shrink: 0;\n}\n.dropdown-group-label {\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: var(--u-color-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  padding: 8px 12px 4px;\n}\n.dropdown-divider { height: 1px; background: var(--u-color-bg-hover); margin: 4px 0; }\n`;\n","export const accordionStyles = `\n:host {\n  display: block;\n}\n[part=\"accordion\"] {\n  border: 1px solid var(--u-color-border);\n  border-radius: var(--u-radius-lg);\n  overflow: hidden;\n}\n.accordion-item {\n  border-bottom: 1px solid var(--u-color-border-lighter);\n}\n.accordion-item:last-child { border-bottom: none; }\n.accordion-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 16px;\n  cursor: pointer;\n  font-weight: 500;\n  font-size: 0.875rem;\n  color: var(--u-color-text-secondary);\n  transition: background .15s;\n  user-select: none;\n}\n.accordion-header:focus-visible { box-shadow: 0 0 0 2px var(--u-color-focus); }\n.accordion-header:hover { background: var(--u-color-bg-muted); }\n.accordion-icon {\n  transition: transform .2s;\n  font-size: 12px;\n  color: var(--u-color-text-muted);\n}\n.accordion-item[open] .accordion-icon { transform: rotate(180deg); }\n.accordion-content {\n  overflow: hidden;\n  transition: height .25s ease;\n}\n.accordion-body {\n  padding: 0 16px 12px;\n  font-size: 0.875rem;\n  color: var(--u-color-text-muted);\n}\n`;\n","export const calendarStyles = `\n:host {\n  display: inline-block;\n}\n.calendar {\n  font-size: 0.875rem;\n  width: 280px;\n  background: var(--u-color-bg);\n  border-radius: var(--u-radius-lg);\n  box-shadow: 0 4px 20px rgba(0,0,0,.08);\n  padding: 16px;\n}\n.cal-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 12px;\n}\n.cal-title {\n  font-weight: 600;\n  color: var(--u-color-text);\n}\n.cal-nav-btn {\n  background: none;\n  border: 1px solid var(--u-color-border);\n  border-radius: var(--u-radius-md);\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n  font-size: 1.2rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--u-color-text-muted);\n  transition: all .15s;\n}\n.cal-nav-btn:focus-visible { box-shadow: 0 0 0 2px var(--u-color-focus); }\n.cal-nav-btn:hover {\n  background: var(--u-color-bg-hover);\n  color: var(--u-color-text-secondary);\n}\n.cal-day-names {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  text-align: center;\n  font-size: 0.75rem;\n  color: var(--u-color-text-muted);\n  font-weight: 500;\n  margin-bottom: 8px;\n}\n.cal-day-name {\n  padding: 4px 0;\n}\n.cal-days-grid {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 2px;\n}\n.cal-day {\n  background: none;\n  border: none;\n  border-radius: var(--u-radius-md);\n  width: 100%;\n  aspect-ratio: 1;\n  cursor: pointer;\n  font-size: 0.875rem;\n  color: var(--u-color-text-secondary);\n  transition: all .1s;\n  font-family: inherit;\n}\n.cal-day:focus-visible { outline: 2px solid var(--u-color-focus); outline-offset: -2px; }\n.cal-day:hover { background: var(--u-color-bg-hover); }\n.cal-day-empty { pointer-events: none; }\n.cal-today { font-weight: 600; color: var(--u-color-primary-text); }\n.cal-selected { background: var(--u-color-primary); color: #fff; font-weight: 600; }\n.cal-selected:hover { background: var(--u-color-primary-hover); }\n.cal-disabled { opacity: 0.3; pointer-events: none; }\n`;\n","export const dataTableStyles = `\n:host {\n  display: block;\n}\n.data-table {\n  font-size: 0.875rem;\n  border: 1px solid var(--u-color-border);\n  border-radius: var(--u-radius-lg);\n  overflow: hidden;\n}\n.dt-toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--u-color-border);\n  background: var(--u-color-bg-muted);\n}\n.dt-search-input {\n  font-family: inherit;\n  font-size: 0.875rem;\n  padding: 6px 12px;\n  border: 1px solid var(--u-color-border);\n  border-radius: var(--u-radius-md);\n  outline: none;\n  width: 200px;\n}\n.dt-search-input:focus {\n  border-color: var(--u-color-primary-text);\n  box-shadow: 0 0 0 2px rgba(59,130,246,.25);\n}\n.dt-page-info { color: var(--u-color-text-muted); font-size: 0.8rem; }\n.dt-table-wrapper { overflow-x: auto; }\n.dt-table { width: 100%; border-collapse: collapse; }\n.dt-table th {\n  text-align: left;\n  padding: 10px 12px;\n  border-bottom: 2px solid var(--u-color-border-lighter);\n  font-weight: 600;\n  color: var(--u-color-text-secondary);\n  white-space: nowrap;\n  background: var(--u-color-bg-muted);\n}\n.dt-table th.dt-sortable { cursor: pointer; user-select: none; }\n.dt-table th.dt-sortable:focus-visible { outline: 2px solid var(--u-color-focus); outline-offset: -2px; }\n.dt-table th.dt-sortable:hover { background: var(--u-color-bg-hover); }\n.dt-table td { padding: 10px 12px; border-bottom: 1px solid var(--u-color-border-lighter); color: var(--u-color-text-muted); }\n.dt-table tr:hover td { background: var(--u-color-bg-muted); }\n.dt-row-selected td { background: var(--u-color-bg-selected); }\n.dt-col-check { width: 40px; }\n.dt-empty { text-align: center; color: var(--u-color-text-muted); padding: 32px; }\n.dt-pagination {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 16px;\n  border-top: 1px solid var(--u-color-border);\n  background: var(--u-color-bg-muted);\n}\n.dt-page-btn {\n  font-family: inherit;\n  font-size: 0.8rem;\n  padding: 6px 12px;\n  border: 1px solid var(--u-color-border);\n  border-radius: var(--u-radius-md);\n  background: var(--u-color-bg);\n  cursor: pointer;\n  color: var(--u-color-text-secondary);\n}\n.dt-page-btn:focus-visible { outline: 2px solid var(--u-color-focus); outline-offset: 2px; }\n.dt-page-btn:hover { background: var(--u-color-bg-hover); }\n.dt-page-numbers { display: flex; gap: 4px; }\n.dt-page-num {\n  font-family: inherit;\n  font-size: 0.8rem;\n  width: 32px;\n  height: 32px;\n  border: 1px solid transparent;\n  border-radius: var(--u-radius-md);\n  background: none;\n  cursor: pointer;\n  color: var(--u-color-text-muted);\n}\n.dt-page-num:focus-visible { outline: 2px solid var(--u-color-focus); outline-offset: 2px; }\n.dt-page-num:hover { background: var(--u-color-bg-hover); }\n.dt-page-num.active { background: var(--u-color-primary); color: #fff; font-weight: 600; }\n`;\n","export const commandPaletteStyles = `\n:host {\n  display: contents;\n}\n.cp-backdrop {\n  position: fixed;\n  inset: 0;\n  background: var(--u-color-overlay);\n  z-index: 99999;\n}\n.cp-dialog {\n  position: fixed;\n  top: 20%;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 100000;\n  width: 540px;\n  max-width: calc(100vw - 32px);\n}\n.cp-dialog-inner {\n  background: var(--u-color-bg);\n  border-radius: var(--u-radius-2xl);\n  box-shadow: 0 20px 60px rgba(0,0,0,.2);\n  overflow: hidden;\n}\n.cp-search-wrapper {\n  display: flex;\n  align-items: center;\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--u-color-border-lighter);\n  gap: 8px;\n}\n.cp-search-icon { font-size: 1rem; color: var(--u-color-text-muted); }\n.cp-search-input {\n  flex: 1;\n  border: none;\n  outline: none;\n  font-family: inherit;\n  font-size: 1rem;\n  color: var(--u-color-text);\n  background: none;\n}\n.cp-shortcut-hint {\n  font-size: 0.75rem;\n  padding: 2px 6px;\n  background: var(--u-color-bg-hover);\n  border-radius: var(--u-radius-sm);\n  color: var(--u-color-text-muted);\n  font-family: inherit;\n}\n.cp-results {\n  max-height: 320px;\n  overflow-y: auto;\n  padding: 4px;\n}\n.cp-group-label {\n  padding: 8px 12px 4px;\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: var(--u-color-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n.cp-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  padding: 10px 12px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  text-align: left;\n  border-radius: var(--u-radius-md);\n  font-family: inherit;\n  box-sizing: border-box;\n}\n.cp-item:hover { background: var(--u-color-bg-hover); }\n.cp-item:focus-visible { box-shadow: 0 0 0 2px var(--u-color-focus); }\n.cp-item-active { background: var(--u-color-bg-selected); }\n.cp-item-label { font-size: 0.875rem; color: var(--u-color-text); flex: 1; }\n.cp-item-desc { font-size: 0.75rem; color: var(--u-color-text-muted); flex: 1; }\n.cp-item-shortcut {\n  font-size: 0.75rem;\n  padding: 2px 6px;\n  background: var(--u-color-bg-hover);\n  border-radius: var(--u-radius-sm);\n  color: var(--u-color-text-muted);\n  font-family: inherit;\n}\n.cp-empty { padding: 24px; text-align: center; color: var(--u-color-text-muted); font-size: 0.875rem; }\n.cp-footer {\n  display: flex;\n  gap: 16px;\n  padding: 8px 16px;\n  border-top: 1px solid var(--u-color-border-lighter);\n  font-size: 0.75rem;\n  color: var(--u-color-text-muted);\n}\n`;\n","export const comboboxStyles = `\n:host {\n  display: inline-block;\n  position: relative;\n}\n.combobox {\n  position: relative;\n}\n.combobox-input-wrapper {\n  display: flex;\n  align-items: center;\n  border: 1px solid var(--u-color-border-light);\n  border-radius: var(--u-radius-md);\n  transition: border-color .15s;\n  background: var(--u-color-bg);\n}\n.combobox-input-wrapper:focus-within {\n  border-color: var(--u-color-primary-hover);\n  box-shadow: 0 0 0 2px rgba(59,130,246,.25);\n}\n.combobox-input {\n  font-family: inherit;\n  font-size: 14px;\n  padding: 8px 12px;\n  border: none;\n  outline: none;\n  background: none;\n  width: 100%;\n  box-sizing: border-box;\n  color: var(--u-color-text);\n}\n.combobox-toggle {\n  background: none;\n  border: none;\n  padding: 0 8px;\n  cursor: pointer;\n  color: var(--u-color-text-muted);\n  font-size: 12px;\n  display: flex;\n  align-items: center;\n}\n.combobox-listbox {\n  position: fixed;\n  z-index: 99999;\n  background: var(--u-color-bg);\n  border-radius: var(--u-radius-md);\n  box-shadow: 0 4px 20px rgba(0,0,0,.1);\n  max-height: 240px;\n  overflow-y: auto;\n  padding: 4px;\n}\n.combobox-option {\n  display: block;\n  width: 100%;\n  font-family: inherit;\n  font-size: 0.875rem;\n  padding: 8px 12px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  color: var(--u-color-text-secondary);\n  text-align: left;\n  border-radius: var(--u-radius-sm);\n  box-sizing: border-box;\n}\n.combobox-option:hover { background: var(--u-color-bg-hover); }\n.combobox-option.active { color: var(--u-color-primary-hover); font-weight: 500; }\n.combobox-option:focus-visible { box-shadow: 0 0 0 2px var(--u-color-focus); }\n.combobox-empty { padding: 12px; text-align: center; color: var(--u-color-text-muted); font-size: 0.875rem; }\n`;\n","export const toastStyles = `\n:host {\n  display: block;\n  position: fixed;\n  z-index: 100000;\n  pointer-events: none;\n}\n.toast-container {\n  position: fixed;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 16px;\n  pointer-events: none;\n  z-index: 100001;\n}\n.toast-top-right { top: 0; right: 0; }\n.toast-top-left { top: 0; left: 0; }\n.toast-top-center { top: 0; left: 50%; transform: translateX(-50%); }\n.toast-bottom-right { bottom: 0; right: 0; flex-direction: column-reverse; }\n.toast-bottom-left { bottom: 0; left: 0; flex-direction: column-reverse; }\n.toast-bottom-center { bottom: 0; left: 50%; transform: translateX(-50%); flex-direction: column-reverse; }\n.toast {\n  pointer-events: auto;\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 14px 16px;\n  border-radius: var(--u-radius-lg);\n  box-shadow: 0 8px 24px rgba(0,0,0,.12);\n  font-size: 0.875rem;\n  min-width: 280px;\n  max-width: 400px;\n  animation: u-slide-in-right .2s ease;\n  background: var(--u-color-bg);\n  border: 1px solid var(--u-color-border);\n}\n.toast-exit {\n  animation: u-slide-out-right .2s ease forwards;\n}\n.toast-info { border-left: 4px solid var(--u-color-primary); }\n.toast-success { border-left: 4px solid #16a34a; }\n.toast-warning { border-left: 4px solid #d97706; }\n.toast-error { border-left: 4px solid var(--u-color-danger); }\n.toast-body { flex: 1; }\n.toast-title { font-weight: 600; color: var(--u-color-text); }\n.toast-desc { color: var(--u-color-text-muted); margin-top: 4px; font-size: 0.8rem; }\n.toast-action {\n  background: none;\n  border: none;\n  color: var(--u-color-primary-hover);\n  cursor: pointer;\n  font-weight: 500;\n  font-family: inherit;\n  font-size: 0.8rem;\n  white-space: nowrap;\n  padding: 0;\n  margin-top: 4px;\n}\n.toast-action:focus-visible { outline: 2px solid var(--u-color-focus); outline-offset: 2px; border-radius: 2px; }\n.toast-action:hover { color: var(--u-color-primary-hover); }\n.toast-close {\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--u-color-text-muted);\n  font-size: 1.2rem;\n  padding: 0;\n  line-height: 1;\n  flex-shrink: 0;\n}\n.toast-close:focus-visible { outline: 2px solid var(--u-color-focus); outline-offset: 2px; border-radius: 2px; }\n.toast-close:hover { color: var(--u-color-text-secondary); }\n`;\n","export const contextMenuStyles = `\n:host {\n  position: relative;\n  display: inline-flex;\n}\n.cm-trigger {\n  display: inline;\n}\n.cm-menu {\n  position: fixed;\n  z-index: 99999;\n  background: var(--u-color-bg);\n  border: 1px solid var(--u-color-border-light);\n  border-radius: var(--u-radius-xl);\n  box-shadow: 0 8px 24px rgba(0,0,0,.14);\n  padding: 4px;\n  min-width: 180px;\n  max-height: 320px;\n  overflow-y: auto;\n  animation: u-cm-in .12s ease;\n}\n@keyframes u-cm-in {\n  from { opacity: 0; transform: scale(.95); }\n  to { opacity: 1; transform: scale(1); }\n}\n.cm-items {\n  display: flex;\n  flex-direction: column;\n}\n.cm-item {\n  font-family: inherit;\n  font-size: 0.875rem;\n  padding: 8px 12px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  color: var(--u-color-text-secondary);\n  text-align: left;\n  border-radius: var(--u-radius-md);\n  transition: background .1s;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  box-sizing: border-box;\n}\n.cm-item:hover { background: var(--u-color-bg-hover); }\n.cm-item:focus-visible { box-shadow: 0 0 0 2px var(--u-color-focus); }\n.cm-item:disabled { opacity: 0.4; cursor: not-allowed; }\n.cm-item-icon { width: 16px; text-align: center; font-size: 1rem; flex-shrink: 0; }\n.cm-item-label { flex: 1; }\n.cm-divider { height: 1px; background: var(--u-color-bg-hover); margin: 4px 0; }\n`;\n","export const sortableStyles = `\n:host {\n  display: block;\n}\n.sortable {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.sortable-dragging {\n  opacity: 0.9;\n  box-shadow: 0 8px 24px rgba(0,0,0,.15);\n  border-radius: var(--u-radius-md);\n  cursor: grabbing;\n}\n.sortable-item:focus-visible { outline: 2px solid var(--u-color-focus); outline-offset: 2px; }\n.sortable-placeholder {\n  border: 2px dashed var(--u-color-border-light);\n  border-radius: var(--u-radius-md);\n  opacity: 0.5;\n  box-sizing: border-box;\n  transition: height 0.15s ease, margin 0.15s ease;\n}\n`;\n","export const formStyles = `\r\n:host {\r\n  display: block;\r\n}\r\n.form {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n}\r\n`;\r\n","export const badgeStyles = `\n:host {\n  display: inline-flex;\n  vertical-align: middle;\n}\n[part=\"badge\"] {\n  font-family: inherit;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 500;\n  line-height: 1;\n  white-space: nowrap;\n  user-select: none;\n  transition: background .15s, color .15s;\n}\n.badge-pill {\n  border-radius: 999px;\n}\n.badge-square {\n  border-radius: var(--u-radius-sm);\n}\n.badge-sm {\n  font-size: 0.6875rem;\n  padding: 2px 6px;\n  min-height: 16px;\n  min-width: 16px;\n}\n.badge-md {\n  font-size: 0.75rem;\n  padding: 3px 8px;\n  min-height: 20px;\n  min-width: 20px;\n}\n.badge-lg {\n  font-size: 0.8125rem;\n  padding: 4px 10px;\n  min-height: 24px;\n  min-width: 24px;\n}\n.badge-default {\n  background: var(--u-color-bg-hover);\n  color: var(--u-color-text-secondary);\n}\n.badge-primary {\n  background: var(--u-color-bg-selected);\n  color: #2563eb;\n}\n.badge-success {\n  background: #dcfce7;\n  color: #15803d;\n}\n.badge-warning {\n  background: #fef3c7;\n  color: #b45309;\n}\n.badge-danger {\n  background: #fef2f2;\n  color: #dc2626;\n}\n.badge-info {\n  background: #e0f2fe;\n  color: #0369a1;\n}\n.badge-dot {\n  width: 8px;\n  height: 8px;\n  padding: 0;\n  border-radius: 50%;\n  min-width: 8px;\n  min-height: 8px;\n}\n.badge-dot.badge-sm {\n  width: 6px;\n  height: 6px;\n  min-width: 6px;\n  min-height: 6px;\n}\n.badge-dot.badge-lg {\n  width: 10px;\n  height: 10px;\n  min-width: 10px;\n  min-height: 10px;\n}\n`;\n","export const cardStyles = `\n:host {\n  display: block;\n}\n[part=\"card\"] {\n  display: flex;\n  flex-direction: column;\n  font-family: inherit;\n  transition: box-shadow .2s, border-color .2s, transform .2s;\n  position: relative;\n  overflow: hidden;\n}\n.card-default {\n  background: var(--u-color-bg);\n  border: 1px solid var(--u-color-border-light);\n  border-radius: var(--u-radius-2xl);\n  box-shadow: 0 1px 3px rgba(0,0,0,.05);\n}\n.card-outlined {\n  background: transparent;\n  border: 1px solid var(--u-color-border-light);\n  border-radius: var(--u-radius-2xl);\n}\n.card-elevated {\n  background: var(--u-color-bg);\n  border: 1px solid transparent;\n  border-radius: var(--u-radius-2xl);\n  box-shadow: 0 4px 16px rgba(0,0,0,.08);\n}\n.card-hoverable:hover {\n  box-shadow: 0 8px 24px rgba(0,0,0,.12);\n  border-color: var(--u-color-border);\n  transform: translateY(-2px);\n}\n.card-image {\n  width: 100%;\n  overflow: hidden;\n  line-height: 0;\n}\n.card-image img,\n.card-image ::slotted(img) {\n  width: 100%;\n  height: auto;\n  display: block;\n  object-fit: cover;\n}\n.card-image-full {\n  border-radius: 0;\n}\n.card-image-top {\n  border-radius: var(--u-radius-2xl) var(--u-radius-2xl) 0 0;\n}\n.card-image-bottom {\n  border-radius: 0 0 var(--u-radius-2xl) var(--u-radius-2xl);\n}\n[part=\"header\"] {\n  padding: 16px 20px 0;\n  font-weight: 600;\n  font-size: 1rem;\n  color: var(--u-color-text);\n}\n[part=\"content\"] {\n  padding: 16px 20px;\n  flex: 1;\n  min-width: 0;\n  color: var(--u-color-text-secondary);\n  font-size: 0.875rem;\n  line-height: 1.6;\n}\n[part=\"footer\"] {\n  padding: 0 20px 16px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.card-padding-none [part=\"header\"] { padding: 0; }\n.card-padding-none [part=\"content\"] { padding: 0; }\n.card-padding-none [part=\"footer\"] { padding: 0; }\n.card-padding-sm [part=\"header\"] { padding: 12px 14px 0; }\n.card-padding-sm [part=\"content\"] { padding: 12px 14px; }\n.card-padding-sm [part=\"footer\"] { padding: 0 14px 12px; }\n.card-padding-lg [part=\"header\"] { padding: 20px 24px 0; }\n.card-padding-lg [part=\"content\"] { padding: 20px 24px; }\n.card-padding-lg [part=\"footer\"] { padding: 0 24px 20px; }\n`;\n"]}