@soybeanjs/ui 0.15.1 → 0.15.2

package/dist/components/color-picker/color-picker.vue.d.ts

@@ -28,7 +28,6 @@ declare const __VLS_base: _$vue.DefineComponent<ColorPickerProps, {}, {}, {}, {}
   "onUpdate:format"?: ((value: ColorFormat) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-  disabled: boolean;
   open: boolean;
   defaultOpen: boolean;
   modal: boolean;
@@ -38,6 +37,7 @@ declare const __VLS_base: _$vue.DefineComponent<ColorPickerProps, {}, {}, {}, {}
   defaultValue: string | ColorValue;
   format: ColorFormat;
   defaultFormat: ColorFormat;
+  disabled: boolean;
   colorSpace: ColorSpace;
   showAlpha: boolean;
   showFields: boolean;

package/dist/components/context-menu/context-menu-checkbox.vue.d.ts

@@ -9,20 +9,20 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
     onSelect?: ((item: _$_soybeanjs_headless0.MenuCheckboxOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuCheckboxSlots<T>;
-  emit: ((evt: "select", item: _$_soybeanjs_headless0.MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: _$_soybeanjs_headless0.MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/context-menu/context-menu-radio.vue.d.ts

@@ -9,20 +9,20 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
     onSelect?: ((item: _$_soybeanjs_headless0.MenuRadioOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuRadioSlots<T>;
-  emit: ((evt: "select", item: _$_soybeanjs_headless0.MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: _$_soybeanjs_headless0.MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/context-menu/context-menu-wrapper.vue.d.ts

@@ -11,22 +11,22 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: _$vue.DefineComponent<ContextMenuWrapperProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
+  entryFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any;
   focusOutside: (event: _$_soybeanjs_headless0.FocusOutsideEvent) => any;
   interactOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-  entryFocus: (event: Event) => any;
 }, string, _$vue.PublicProps, Readonly<ContextMenuWrapperProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {
   modal: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/dist/components/context-menu/context-menu.vue.d.ts

@@ -8,20 +8,20 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   props: _$vue.PublicProps & __VLS_PrettifyLocal<ContextMenuProps<T> & {
     onSelect?: ((item: _$_soybeanjs_headless0.MenuOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuSlots<T>;
-  emit: ((evt: "select", item: _$_soybeanjs_headless0.MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: _$_soybeanjs_headless0.MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/dialog/dialog.vue.d.ts

@@ -6,26 +6,26 @@ import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 type __VLS_Slots = DialogSlots;
 declare const __VLS_base: _$vue.DefineComponent<DialogProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
-  close: (event: MouseEvent) => any;
-  cancel: (event: MouseEvent) => any;
-  confirm: (event: MouseEvent) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any;
   focusOutside: (event: _$_soybeanjs_headless0.FocusOutsideEvent) => any;
   interactOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
+  close: (event: MouseEvent) => any;
+  cancel: (event: MouseEvent) => any;
+  confirm: (event: MouseEvent) => any;
 }, string, _$vue.PublicProps, Readonly<DialogProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
-  onClose?: ((event: MouseEvent) => any) | undefined;
-  onCancel?: ((event: MouseEvent) => any) | undefined;
-  onConfirm?: ((event: MouseEvent) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onClose?: ((event: MouseEvent) => any) | undefined;
+  onCancel?: ((event: MouseEvent) => any) | undefined;
+  onConfirm?: ((event: MouseEvent) => any) | undefined;
 }>, {
   open: boolean;
   modal: boolean;

package/dist/components/drawer/drawer.vue.d.ts

@@ -6,26 +6,26 @@ import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 type __VLS_Slots = DrawerSlots;
 declare const __VLS_base: _$vue.DefineComponent<DrawerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
-  close: (event: MouseEvent) => any;
-  cancel: (event: MouseEvent) => any;
-  confirm: (event: MouseEvent) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any;
   focusOutside: (event: _$_soybeanjs_headless0.FocusOutsideEvent) => any;
   interactOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
+  close: (event: MouseEvent) => any;
+  cancel: (event: MouseEvent) => any;
+  confirm: (event: MouseEvent) => any;
 }, string, _$vue.PublicProps, Readonly<DrawerProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
-  onClose?: ((event: MouseEvent) => any) | undefined;
-  onCancel?: ((event: MouseEvent) => any) | undefined;
-  onConfirm?: ((event: MouseEvent) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onClose?: ((event: MouseEvent) => any) | undefined;
+  onCancel?: ((event: MouseEvent) => any) | undefined;
+  onConfirm?: ((event: MouseEvent) => any) | undefined;
 }>, {
   open: boolean;
   modal: boolean;

package/dist/components/dropdown-menu/dropdown-menu-checkbox.vue.d.ts

@@ -9,20 +9,20 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
     onSelect?: ((item: _$_soybeanjs_headless0.MenuCheckboxOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: DropdownMenuCheckboxSlots<T>;
-  emit: ((evt: "select", item: _$_soybeanjs_headless0.MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: _$_soybeanjs_headless0.MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/dropdown-menu/dropdown-menu-radio.vue.d.ts

@@ -9,20 +9,20 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
     onSelect?: ((item: _$_soybeanjs_headless0.MenuRadioOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: DropdownMenuRadioSlots<T>;
-  emit: ((evt: "select", item: _$_soybeanjs_headless0.MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: _$_soybeanjs_headless0.MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/dropdown-menu/dropdown-menu-wrapper.vue.d.ts

@@ -11,22 +11,22 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: _$vue.DefineComponent<DropdownMenuWrapperProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
+  entryFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any;
   focusOutside: (event: _$_soybeanjs_headless0.FocusOutsideEvent) => any;
   interactOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-  entryFocus: (event: Event) => any;
 }, string, _$vue.PublicProps, Readonly<DropdownMenuWrapperProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
 }>, {
   open: boolean;
   modal: boolean;

package/dist/components/dropdown-menu/dropdown-menu.vue.d.ts

@@ -8,20 +8,20 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
   props: _$vue.PublicProps & __VLS_PrettifyLocal<DropdownMenuProps<T> & {
     onSelect?: ((item: _$_soybeanjs_headless0.MenuOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: DropdownMenuSlots<T>;
-  emit: ((evt: "select", item: _$_soybeanjs_headless0.MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: _$_soybeanjs_headless0.MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/editable/editable.vue.d.ts

@@ -66,12 +66,12 @@ type __VLS_Slots = {} & {
   'cancel-trigger'?: (props: typeof __VLS_56) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<EditableProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  submit: (value: string) => any;
   "update:modelValue": (value: string) => any;
+  submit: (value: string) => any;
   "update:state": (state: _$_soybeanjs_headless0.EditableEventState) => any;
 }, string, _$vue.PublicProps, Readonly<EditableProps> & Readonly<{
-  onSubmit?: ((value: string) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onSubmit?: ((value: string) => any) | undefined;
   "onUpdate:state"?: ((state: _$_soybeanjs_headless0.EditableEventState) => any) | undefined;
 }>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/menubar/menubar.vue.d.ts

@@ -9,20 +9,20 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
     onSelect?: ((item: _$_soybeanjs_headless0.MenuOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: T) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: MenubarSlots<T>;
-  emit: ((evt: "select", item: _$_soybeanjs_headless0.MenuOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
+  emit: ((evt: "select", item: _$_soybeanjs_headless0.MenuOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "interactOutside", event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/page-tabs/page-tabs.vue.d.ts

@@ -5,8 +5,8 @@ import * as _$vue from "vue";
 declare const __VLS_export: <T extends PageTabsOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<PageTabsProps<T> & {
     onContextmenu?: ((tab: T) => any) | undefined;
-    onClick?: ((tab: T) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onClick?: ((tab: T) => any) | undefined;
     onClose?: ((tab: T) => any) | undefined;
     "onUpdate:items"?: ((items: T[]) => any) | undefined;
     onPin?: ((tab: T) => any) | undefined;

package/dist/components/popconfirm/popconfirm.vue.d.ts

@@ -27,29 +27,29 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: _$vue.DefineComponent<PopconfirmProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
-  close: () => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any;
   focusOutside: (event: _$_soybeanjs_headless0.FocusOutsideEvent) => any;
   interactOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
+  close: () => any;
 }, string, _$vue.PublicProps, Readonly<PopconfirmProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
-  onClose?: (() => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onClose?: (() => any) | undefined;
 }>, {
   open: boolean;
   defaultOpen: boolean;
   modal: boolean;
   showArrow: boolean;
-  showCancel: "onlyWarning" | boolean;
   showIcon: boolean;
+  showCancel: "onlyWarning" | boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/table/table.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{miniSizeMap as t}from"../../theme/config.js";import"../../theme/index.js";import n from"../button/button-icon.js";import r from"../checkbox/checkbox.js";import i from"./table-filter-popover.js";import{tableVariants as a}from"./variants.js";import o from"./table-radio.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementVNode as u,createSlots as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeClass as g,normalizeProps as _,openBlock as v,renderList as y,renderSlot as b,toHandlers as x,unref as S,useSlots as C,withCtx as w}from"vue";import{useForwardListeners as T,useOmitProps as E}from"@soybeanjs/headless/composables";import{TableCompact as D,provideTableUi as O}from"@soybeanjs/headless";const k=[`aria-label`,`aria-pressed`,`data-resizing`,`onPointerdown`,`onKeydown`],A=p({name:`STable`,__name:`table`,props:{class:{},size:{},ui:{},bordered:{type:Boolean},striped:{type:Boolean},columns:{},data:{},rowKey:{type:Function},defaultSortState:{},sortState:{},defaultFilterState:{},filterState:{},defaultColumnWidths:{},columnWidths:{},getChildren:{type:Function},indent:{},virtual:{type:Boolean},height:{},estimateSize:{type:[Number,Function]},virtualizerOptions:{},defaultExpanded:{},expanded:{},defaultExpandAll:{type:Boolean},contentProps:{},headerProps:{},bodyProps:{},footerProps:{},headProps:{},rowProps:{},cellProps:{},dir:{},defaultSelected:{},selected:{},multiple:{}},emits:[`update:sortState`,`update:filterState`,`update:columnWidths`,`update:expanded`,`update:selected`],setup(p,{emit:A}){let j=p,M=A,N=C(),P=E(j,[`class`,`ui`,`size`,`bordered`,`striped`]),F=T(M),I=s(()=>Object.keys(N)),L=s(()=>e(a({size:j.size,bordered:j.bordered,striped:j.striped}),j.ui,{root:j.class})),R=s(()=>t[j.size??`md`]),z=e=>e===`asc`?`lucide:arrow-up`:e===`desc`?`lucide:arrow-down`:`lucide:arrow-up-down`;return O(L),(e,t)=>(v(),c(S(D),h(S(P),x(S(F))),d({_:2},[y(I.value,t=>({name:t,fn:w(n=>[b(e.$slots,t,_(m(n)))])})),N[`header-selection`]?void 0:{name:`header-selection`,fn:w(({checked:e,disabled:t,multiple:n,updateChecked:i})=>[n?(v(),c(r,{key:0,disabled:t,"model-value":e,class:g(L.value.selection),"control-props":{"aria-label":`Select all rows`},"onUpdate:modelValue":i},null,8,[`disabled`,`model-value`,`class`,`onUpdate:modelValue`])):l(`v-if`,!0)]),key:`0`},N.selection?void 0:{name:`selection`,fn:w(({checked:e,multiple:t,ariaLabel:n,toggleSelect:i})=>[t?(v(),c(r,{key:0,class:g(L.value.selection),"model-value":e,"control-props":{"aria-label":n},"onUpdate:modelValue":e=>i()},null,8,[`class`,`model-value`,`control-props`,`onUpdate:modelValue`])):(v(),c(o,{key:1,size:p.size,checked:e,"aria-label":n,onClick:e=>i()},null,8,[`size`,`checked`,`aria-label`,`onClick`]))]),key:`1`},N[`header-sort`]?void 0:{name:`header-sort`,fn:w(({sortOrder:e,ariaLabel:t,toggleSort:r})=>[f(n,{icon:z(e),class:g(L.value.sortTrigger),size:R.value,"aria-label":t,"data-sorted":e?``:void 0,onClick:e=>r()},null,8,[`icon`,`class`,`size`,`aria-label`,`data-sorted`,`onClick`])]),key:`2`},N[`header-filter`]?void 0:{name:`header-filter`,fn:w(e=>[f(i,h(e,{ui:L.value,size:p.size}),null,16,[`ui`,`size`])]),key:`3`},N[`header-resize`]?void 0:{name:`header-resize`,fn:w(({resizing:e,ariaLabel:t,onPointerdown:n,onKeydown:r})=>[u(`button`,{type:`button`,class:g(L.value.resizeHandle),"aria-label":t,"aria-pressed":e,"data-resizing":e||void 0,onPointerdown:n,onKeydown:r},null,42,k)]),key:`4`},N[`tree-toggle`]?void 0:{name:`tree-toggle`,fn:w(({expanded:e,ariaLabel:t,toggleExpand:r})=>[f(n,{class:g(L.value.treeToggle),size:R.value,"aria-expanded":e,"aria-label":t,icon:e?`lucide:chevron-down`:`lucide:chevron-right`,onClick:e=>r()},null,8,[`class`,`size`,`aria-expanded`,`aria-label`,`icon`,`onClick`])]),key:`5`},N.expand?void 0:{name:`expand`,fn:w(({expanded:e,ariaLabel:t,hasChildren:r,toggleExpand:i})=>[r||N[`expanded-row`]?(v(),c(n,{key:0,icon:e?`lucide:chevron-down`:`lucide:chevron-right`,class:g(L.value.treeToggle),size:R.value,"aria-expanded":e,"aria-label":t,"data-expanded":e?``:void 0,onClick:e=>i()},null,8,[`icon`,`class`,`size`,`aria-expanded`,`aria-label`,`data-expanded`,`onClick`])):l(`v-if`,!0)]),key:`6`}]),1040))}});export{A as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{miniSizeMap as t}from"../../theme/config.js";import"../../theme/index.js";import n from"../button/button-icon.js";import r from"../checkbox/checkbox.js";import i from"./table-filter-popover.js";import{tableVariants as a}from"./variants.js";import o from"./table-radio.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementVNode as u,createSlots as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeClass as g,normalizeProps as _,openBlock as v,renderList as y,renderSlot as b,toHandlers as x,unref as S,useSlots as C,withCtx as w}from"vue";import{useForwardListeners as T,useOmitProps as E}from"@soybeanjs/headless/composables";import{TableCompact as D,provideTableUi as O}from"@soybeanjs/headless";const k=[`aria-label`,`aria-pressed`,`data-resizing`,`onPointerdown`,`onKeydown`],A=p({name:`STable`,__name:`table`,props:{class:{},size:{},ui:{},variant:{},bordered:{type:Boolean},rounded:{type:Boolean,default:!0},striped:{type:Boolean},columns:{},data:{},rowKey:{},defaultSortState:{},sortState:{},defaultFilterState:{},filterState:{},defaultColumnWidths:{},columnWidths:{},getChildren:{},indent:{},virtual:{type:Boolean},height:{},estimateSize:{},virtualizerOptions:{},defaultExpanded:{},expanded:{},defaultExpandAll:{type:Boolean},contentProps:{},headerProps:{},bodyProps:{},footerProps:{},headProps:{},rowProps:{},cellProps:{},dir:{},defaultSelected:{},selected:{},multiple:{default:!0}},emits:[`update:sortState`,`update:filterState`,`update:columnWidths`,`update:expanded`,`update:selected`],setup(p,{emit:A}){let j=p,M=A,N=C(),P=E(j,[`class`,`ui`,`size`,`variant`,`bordered`,`rounded`,`striped`]),F=T(M),I=s(()=>Object.keys(N)),L=s(()=>e(a({size:j.size,variant:j.variant,bordered:j.bordered,rounded:j.rounded,striped:j.striped}),j.ui,{root:j.class})),R=s(()=>t[j.size??`md`]),z=e=>e===`asc`?`lucide:arrow-up`:e===`desc`?`lucide:arrow-down`:`lucide:arrow-up-down`;return O(L),(e,t)=>(v(),c(S(D),h(S(P),x(S(F))),d({_:2},[y(I.value,t=>({name:t,fn:w(n=>[b(e.$slots,t,_(m(n)))])})),N[`header-selection`]?void 0:{name:`header-selection`,fn:w(({checked:e,disabled:t,multiple:n,updateChecked:i})=>[n?(v(),c(r,{key:0,disabled:t,"model-value":e,class:g(L.value.selection),"control-props":{"aria-label":`Select all rows`},"onUpdate:modelValue":i},null,8,[`disabled`,`model-value`,`class`,`onUpdate:modelValue`])):l(`v-if`,!0)]),key:`0`},N.selection?void 0:{name:`selection`,fn:w(({checked:e,multiple:t,ariaLabel:n,toggleSelect:i})=>[t?(v(),c(r,{key:0,class:g(L.value.selection),"model-value":e,"control-props":{"aria-label":n},"onUpdate:modelValue":e=>i()},null,8,[`class`,`model-value`,`control-props`,`onUpdate:modelValue`])):(v(),c(o,{key:1,size:p.size,checked:e,"aria-label":n,onClick:e=>i()},null,8,[`size`,`checked`,`aria-label`,`onClick`]))]),key:`1`},N[`header-sort`]?void 0:{name:`header-sort`,fn:w(({sortOrder:e,ariaLabel:t,toggleSort:r})=>[f(n,{icon:z(e),class:g(L.value.sortTrigger),size:R.value,"aria-label":t,"data-sorted":e?``:void 0,onClick:e=>r()},null,8,[`icon`,`class`,`size`,`aria-label`,`data-sorted`,`onClick`])]),key:`2`},N[`header-filter`]?void 0:{name:`header-filter`,fn:w(e=>[f(i,h(e,{ui:L.value,size:p.size}),null,16,[`ui`,`size`])]),key:`3`},N[`header-resize`]?void 0:{name:`header-resize`,fn:w(({resizing:e,ariaLabel:t,onPointerdown:n,onKeydown:r})=>[u(`button`,{type:`button`,class:g(L.value.resizeHandle),"aria-label":t,"aria-pressed":e,"data-resizing":e||void 0,onPointerdown:n,onKeydown:r},null,42,k)]),key:`4`},N[`tree-toggle`]?void 0:{name:`tree-toggle`,fn:w(({expanded:e,ariaLabel:t,toggleExpand:r})=>[f(n,{class:g(L.value.treeToggle),size:R.value,"aria-expanded":e,"aria-label":t,icon:e?`lucide:chevron-down`:`lucide:chevron-right`,onClick:e=>r()},null,8,[`class`,`size`,`aria-expanded`,`aria-label`,`icon`,`onClick`])]),key:`5`},N.expand?void 0:{name:`expand`,fn:w(({expanded:e,ariaLabel:t,hasChildren:r,toggleExpand:i})=>[r||N[`expanded-row`]?(v(),c(n,{key:0,icon:e?`lucide:chevron-down`:`lucide:chevron-right`,class:g(L.value.treeToggle),size:R.value,"aria-expanded":e,"aria-label":t,"data-expanded":e?``:void 0,onClick:e=>i()},null,8,[`icon`,`class`,`size`,`aria-expanded`,`aria-label`,`data-expanded`,`onClick`])):l(`v-if`,!0)]),key:`6`}]),1040))}});export{A as default};

package/dist/components/table/types.d.ts

@@ -1,4 +1,5 @@
 import { ThemeSize } from "../../theme/types.js";
+import { TableVariant } from "./variants.js";
 import { ClassValue, UiClass } from "@soybeanjs/headless";
 import { TableBaseData, TableColumn, TableColumnFilter, TableColumnFilterOption, TableColumnFilterValue, TableColumnType, TableCompactEmits, TableCompactProps, TableCompactSlots, TableHeaderFilterSlotProps, TableSortOrder, TableUiSlot, TableUnifiedKey } from "@soybeanjs/headless/table";
 
@@ -12,7 +13,9 @@ interface TableProps<T extends TableBaseData = TableBaseData, R extends string |
   class?: ClassValue;
   size?: ThemeSize;
   ui?: Partial<TableExtendedUi>;
+  variant?: TableVariant;
   bordered?: boolean;
+  rounded?: boolean;
   striped?: boolean;
 }
 type TableEmits<R extends TableUnifiedKey = TableUnifiedKey, M extends boolean = false> = TableCompactEmits<R, M>;

package/dist/components/table/variants.d.ts

@@ -0,0 +1,429 @@
+import * as _$tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/table/variants.d.ts
+declare const tableVariants: _$tailwind_variants0.TVReturnType<{
+  size: {
+    xs: {
+      root: string;
+      caption: string;
+      head: string;
+      cell: string;
+      radioRoot: string;
+      sortTrigger: string;
+      filterTrigger: string;
+      filterPopup: string;
+      filterOptions: string;
+      filterOption: string;
+      filterFooter: string;
+      filterCount: string;
+    };
+    sm: {
+      root: string;
+      caption: string;
+      head: string;
+      cell: string;
+      radioRoot: string;
+      sortTrigger: string;
+      filterTrigger: string;
+      filterPopup: string;
+      filterOptions: string;
+      filterOption: string;
+      filterFooter: string;
+      filterCount: string;
+    };
+    md: {
+      root: string;
+      caption: string;
+      head: string;
+      cell: string;
+      radioRoot: string;
+      sortTrigger: string;
+      filterTrigger: string;
+      filterPopup: string;
+      filterOptions: string;
+      filterOption: string;
+      filterFooter: string;
+      filterCount: string;
+    };
+    lg: {
+      root: string;
+      caption: string;
+      head: string;
+      cell: string;
+      radioRoot: string;
+      sortTrigger: string;
+      filterTrigger: string;
+      filterPopup: string;
+      filterOptions: string;
+      filterOption: string;
+      filterFooter: string;
+      filterCount: string;
+    };
+    xl: {
+      root: string;
+      caption: string;
+      head: string;
+      cell: string;
+      radioRoot: string;
+      sortTrigger: string;
+      filterTrigger: string;
+      filterPopup: string;
+      filterOptions: string;
+      filterOption: string;
+      filterFooter: string;
+      filterCount: string;
+    };
+    '2xl': {
+      root: string;
+      caption: string;
+      head: string;
+      cell: string;
+      radioRoot: string;
+      sortTrigger: string;
+      filterTrigger: string;
+      filterPopup: string;
+      filterOptions: string;
+      filterOption: string;
+      filterFooter: string;
+      filterCount: string;
+    };
+  };
+  variant: {
+    default: {
+      root: string;
+    };
+    simple: {
+      header: string[];
+    };
+  };
+  bordered: {
+    true: {
+      cell: string;
+    };
+  };
+  rounded: {
+    true: {
+      root: string;
+    };
+  };
+  striped: {
+    true: {
+      row: string;
+    };
+  };
+}, {
+  root: string;
+  scroll: string;
+  content: string;
+  header: string;
+  body: string[];
+  footer: string;
+  row: string;
+  head: string;
+  cell: string;
+  fixed: string[];
+  resizeHandle: string[];
+  treeCell: string;
+  treeToggle: string;
+  treeTogglePlaceholder: string;
+  sortTrigger: string;
+  filterTrigger: string;
+  filterInput: string;
+  filterPopup: string;
+  filterSearch: string;
+  filterOptions: string;
+  filterOption: string;
+  filterOptionLabel: string;
+  filterFooter: string;
+  filterCount: string;
+  filterAction: string[];
+  filterEmpty: string;
+  selection: string;
+  radioRoot: string[];
+  radioIndicator: string;
+}, undefined, {
+  size: {
+    xs: {
+      root: string;
+      caption: string;
+      head: string;
+      cell: string;
+      radioRoot: string;
+      sortTrigger: string;
+      filterTrigger: string;
+      filterPopup: string;
+      filterOptions: string;
+      filterOption: string;
+      filterFooter: string;
+      filterCount: string;
+    };
+    sm: {
+      root: string;
+      caption: string;
+      head: string;
+      cell: string;
+      radioRoot: string;
+      sortTrigger: string;
+      filterTrigger: string;
+      filterPopup: string;
+      filterOptions: string;
+      filterOption: string;
+      filterFooter: string;
+      filterCount: string;
+    };
+    md: {
+      root: string;
+      caption: string;
+      head: string;
+      cell: string;
+      radioRoot: string;
+      sortTrigger: string;
+      filterTrigger: string;
+      filterPopup: string;
+      filterOptions: string;
+      filterOption: string;
+      filterFooter: string;
+      filterCount: string;
+    };
+    lg: {
+      root: string;
+      caption: string;
+      head: string;
+      cell: string;
+      radioRoot: string;
+      sortTrigger: string;
+      filterTrigger: string;
+      filterPopup: string;
+      filterOptions: string;
+      filterOption: string;
+      filterFooter: string;
+      filterCount: string;
+    };
+    xl: {
+      root: string;
+      caption: string;
+      head: string;
+      cell: string;
+      radioRoot: string;
+      sortTrigger: string;
+      filterTrigger: string;
+      filterPopup: string;
+      filterOptions: string;
+      filterOption: string;
+      filterFooter: string;
+      filterCount: string;
+    };
+    '2xl': {
+      root: string;
+      caption: string;
+      head: string;
+      cell: string;
+      radioRoot: string;
+      sortTrigger: string;
+      filterTrigger: string;
+      filterPopup: string;
+      filterOptions: string;
+      filterOption: string;
+      filterFooter: string;
+      filterCount: string;
+    };
+  };
+  variant: {
+    default: {
+      root: string;
+    };
+    simple: {
+      header: string[];
+    };
+  };
+  bordered: {
+    true: {
+      cell: string;
+    };
+  };
+  rounded: {
+    true: {
+      root: string;
+    };
+  };
+  striped: {
+    true: {
+      row: string;
+    };
+  };
+}, {
+  root: string;
+  scroll: string;
+  content: string;
+  header: string;
+  body: string[];
+  footer: string;
+  row: string;
+  head: string;
+  cell: string;
+  fixed: string[];
+  resizeHandle: string[];
+  treeCell: string;
+  treeToggle: string;
+  treeTogglePlaceholder: string;
+  sortTrigger: string;
+  filterTrigger: string;
+  filterInput: string;
+  filterPopup: string;
+  filterSearch: string;
+  filterOptions: string;
+  filterOption: string;
+  filterOptionLabel: string;
+  filterFooter: string;
+  filterCount: string;
+  filterAction: string[];
+  filterEmpty: string;
+  selection: string;
+  radioRoot: string[];
+  radioIndicator: string;
+}, _$tailwind_variants0.TVReturnType<{
+  size: {
+    xs: {
+      root: string;
+      caption: string;
+      head: string;
+      cell: string;
+      radioRoot: string;
+      sortTrigger: string;
+      filterTrigger: string;
+      filterPopup: string;
+      filterOptions: string;
+      filterOption: string;
+      filterFooter: string;
+      filterCount: string;
+    };
+    sm: {
+      root: string;
+      caption: string;
+      head: string;
+      cell: string;
+      radioRoot: string;
+      sortTrigger: string;
+      filterTrigger: string;
+      filterPopup: string;
+      filterOptions: string;
+      filterOption: string;
+      filterFooter: string;
+      filterCount: string;
+    };
+    md: {
+      root: string;
+      caption: string;
+      head: string;
+      cell: string;
+      radioRoot: string;
+      sortTrigger: string;
+      filterTrigger: string;
+      filterPopup: string;
+      filterOptions: string;
+      filterOption: string;
+      filterFooter: string;
+      filterCount: string;
+    };
+    lg: {
+      root: string;
+      caption: string;
+      head: string;
+      cell: string;
+      radioRoot: string;
+      sortTrigger: string;
+      filterTrigger: string;
+      filterPopup: string;
+      filterOptions: string;
+      filterOption: string;
+      filterFooter: string;
+      filterCount: string;
+    };
+    xl: {
+      root: string;
+      caption: string;
+      head: string;
+      cell: string;
+      radioRoot: string;
+      sortTrigger: string;
+      filterTrigger: string;
+      filterPopup: string;
+      filterOptions: string;
+      filterOption: string;
+      filterFooter: string;
+      filterCount: string;
+    };
+    '2xl': {
+      root: string;
+      caption: string;
+      head: string;
+      cell: string;
+      radioRoot: string;
+      sortTrigger: string;
+      filterTrigger: string;
+      filterPopup: string;
+      filterOptions: string;
+      filterOption: string;
+      filterFooter: string;
+      filterCount: string;
+    };
+  };
+  variant: {
+    default: {
+      root: string;
+    };
+    simple: {
+      header: string[];
+    };
+  };
+  bordered: {
+    true: {
+      cell: string;
+    };
+  };
+  rounded: {
+    true: {
+      root: string;
+    };
+  };
+  striped: {
+    true: {
+      row: string;
+    };
+  };
+}, {
+  root: string;
+  scroll: string;
+  content: string;
+  header: string;
+  body: string[];
+  footer: string;
+  row: string;
+  head: string;
+  cell: string;
+  fixed: string[];
+  resizeHandle: string[];
+  treeCell: string;
+  treeToggle: string;
+  treeTogglePlaceholder: string;
+  sortTrigger: string;
+  filterTrigger: string;
+  filterInput: string;
+  filterPopup: string;
+  filterSearch: string;
+  filterOptions: string;
+  filterOption: string;
+  filterOptionLabel: string;
+  filterFooter: string;
+  filterCount: string;
+  filterAction: string[];
+  filterEmpty: string;
+  selection: string;
+  radioRoot: string[];
+  radioIndicator: string;
+}, undefined, unknown, unknown, undefined>>;
+type TableVariantProps = VariantProps<typeof tableVariants>;
+type TableVariant = NonNullable<TableVariantProps['variant']>;
+//#endregion
+export { TableVariant };

package/dist/components/table/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`relative overflow-auto rounded-md bg-accent`,content:`min-w-full w-max border-spacing-0`,header:`sticky top-0 start-0 z-10 [&>tr:last-child]:border-b-0`,body:[`[&>tr:first-child>td:first-child]:rounded-tl-md [&>tr:first-child>td:last-child]:rounded-tr-md`,`[&>tr:last-child>td:first-child]:rounded-bl-md [&>tr:last-child>td:last-child]:rounded-br-md`],footer:`font-medium [&>tr:last-child]:border-b-0`,row:`bg-background border-b hover:bg-primary-foreground transition-colors`,head:`box-border bg-accent text-foreground relative font-medium whitespace-nowrap`,cell:`box-border whitespace-nowrap data-[fixed]:bg-background`,fixed:[`relative`,`data-[fixed-side=start]:after:pointer-events-none data-[fixed-side=start]:after:absolute data-[fixed-side=start]:after:bottom-0 data-[fixed-side=start]:after:end-0 data-[fixed-side=start]:after:top-0 data-[fixed-side=start]:after:w-4 data-[fixed-side=start]:after:bg-gradient-to-l data-[fixed-side=start]:after:from-foreground/8 data-[fixed-side=start]:after:to-transparent data-[fixed-side=start]:after:content-empty`,`data-[fixed-side=end]:before:pointer-events-none data-[fixed-side=end]:before:absolute data-[fixed-side=end]:before:bottom-0 data-[fixed-side=end]:before:start-0 data-[fixed-side=end]:before:top-0 data-[fixed-side=end]:before:w-4 data-[fixed-side=end]:before:bg-gradient-to-r data-[fixed-side=end]:before:from-foreground/8 data-[fixed-side=end]:before:to-transparent data-[fixed-side=end]:before:content-empty`],resizeHandle:[`absolute end-0 top-1/2 w-3 h-2/3 -translate-y-1/2 rounded bg-transparent`,`cursor-col-resize border-none touch-none select-none`,`after:bg-border hover:after:bg-primary data-[resizing]:after:bg-primary focus-visible:after:bg-primary`,`outline-none focus-visible:ring-ring/40 focus-visible:ring-2`,`after:absolute after:bottom-0 after:end-0 after:top-0 after:w-px after:rounded-full after:content-empty`],treeCell:`flex min-w-0 items-center gap-1`,treeToggle:``,treeTogglePlaceholder:`inline-block size-5 shrink-0`,sortTrigger:`absolute top-1/2 -translate-y-1/2 data-[sorted]:text-primary`,filterTrigger:`absolute top-1/2 -translate-y-1/2 data-[filtered]:text-primary`,filterInput:``,filterPopup:``,filterSearch:``,filterOptions:`flex flex-col overflow-auto`,filterOption:`w-full rounded-md hover:bg-accent`,filterOptionLabel:`min-w-0 flex-1 truncate`,filterFooter:`flex items-center justify-between border-t border-border`,filterCount:`text-muted-foreground`,filterAction:[`text-xs font-medium text-primary rounded-md border-none bg-transparent px-2 py-1`,`transition-colors hover:bg-accent focus-visible:ring-ring outline-none focus-visible:ring-2`],filterEmpty:`text-muted-foreground py-6 text-center text-xs`,selection:`text-foreground`,radioRoot:[`peer relative shrink-0 rounded-full border border-solid shadow cursor-pointer transition-all-150`,`border-primary focus-visible:ring-primary/30`,`outline-none focus-visible:ring-3  focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50`],radioIndicator:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 size-1/2 bg-primary rounded-full`},variants:{size:{xs:{root:`px-0.75 pb-0.75 text-2xs`,caption:`py-2`,head:`h-8 px-1.5`,cell:`p-1.5`,radioRoot:`w-3 h-3`,sortTrigger:`end-1 p-0.75`,filterTrigger:`end-1`,filterPopup:`p-1.5`,filterOptions:`max-h-50 gap-0.75 py-1.5`,filterOption:`p-0.75`,filterFooter:`pt-1`,filterCount:`text-3xs leading-4`},sm:{root:`px-0.875 pb-0.875 text-xs`,caption:`py-2.5`,head:`h-9 px-1.75`,cell:`p-1.75`,radioRoot:`w-3.5 h-3.5`,sortTrigger:`end-1.25 p-0.875`,filterTrigger:`end-1.25`,filterPopup:`p-1.75`,filterOptions:`max-h-55 gap-0.875 py-2`,filterOption:`p-0.875`,filterFooter:`pt-1.25`,filterCount:`text-2xs leading-5`},md:{root:`px-1 pb-1 text-sm`,caption:`py-3`,head:`h-10 px-2`,cell:`p-2`,radioRoot:`w-4 h-4`,sortTrigger:`end-1.5 p-1`,filterTrigger:`end-1.5`,filterPopup:`p-2`,filterOptions:`max-h-60 gap-1 py-2.5`,filterOption:`p-1`,filterFooter:`pt-1.5`,filterCount:`text-xs leading-6`},lg:{root:`px-1.25 pb-1.25 text-base`,caption:`py-3.5`,head:`h-12 px-2.5`,cell:`p-2.5`,radioRoot:`w-4.5 h-4.5`,sortTrigger:`end-1.75 p-1.25`,filterTrigger:`end-1.75`,filterPopup:`p-2.5`,filterOptions:`max-h-65 gap-1.25 py-3`,filterOption:`p-1.25`,filterFooter:`pt-1.75`,filterCount:`text-sm leading-7`},xl:{root:`px-1.5 pb-1.5 text-lg`,caption:`py-4`,head:`h-14 px-3`,cell:`p-3`,radioRoot:`w-5 h-5`,sortTrigger:`end-2 p-1.5`,filterTrigger:`end-2`,filterPopup:`p-3`,filterOptions:`max-h-70 gap-1.5 py-3.5`,filterOption:`p-1.5`,filterFooter:`pt-2`,filterCount:`text-base leading-8`},"2xl":{root:`px-2 pb-2 text-xl`,caption:`py-4.5`,head:`h-16 px-3.5`,cell:`p-3.5`,radioRoot:`w-6 h-6`,sortTrigger:`end-2.5 p-1.75`,filterTrigger:`end-2.5`,filterPopup:`p-3.5`,filterOptions:`max-h-75 gap-1.75 py-4`,filterOption:`p-1.75`,filterFooter:`pt-2.5`,filterCount:`text-lg leading-9`}},bordered:{true:{cell:`border-l border-border first:border-l-0`}},striped:{true:{row:`data-[row]:even:bg-accent`}}},defaultVariants:{size:`md`,striped:!1}});export{t as tableVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`relative overflow-hidden supports-[overflow:clip]:overflow-clip [--rounded:calc(var(--radius)-2px)] rounded-[--rounded]`,scroll:`h-full overflow-auto`,content:`min-w-full w-max border-spacing-0`,header:`sticky top-0 start-0 z-10 [&>tr:last-child]:border-b-0`,body:[`[&>tr:last-child]:border-b-0`,`[&>tr:first-child>td:first-child]:rounded-tl-[--rounded] [&>tr:first-child>td:last-child]:rounded-tr-[--rounded]`,`[&>tr:last-child>td:first-child]:rounded-bl-[--rounded] [&>tr:last-child>td:last-child]:rounded-br-[--rounded]`],footer:`font-medium [&>tr:last-child]:border-b-0 [&>tr]:bg-transparent [&>tr]:hover:bg-transparent [&_td]:bg-transparent`,row:`bg-background border-b hover:bg-primary-foreground transition-colors`,head:`box-border bg-accent text-foreground relative font-medium`,cell:`box-border data-[fixed]:bg-background`,fixed:[`relative`,`data-[fixed-last-start]:after:pointer-events-none data-[fixed-last-start]:after:absolute data-[fixed-last-start]:after:bottom-0 data-[fixed-last-start]:after:end-0 data-[fixed-last-start]:after:top-0 data-[fixed-last-start]:after:w-4 data-[fixed-last-start]:after:bg-gradient-to-l data-[fixed-last-start]:after:from-foreground/8 data-[fixed-last-start]:after:to-transparent data-[fixed-last-start]:after:content-empty`,`data-[fixed-first-end]:before:pointer-events-none data-[fixed-first-end]:before:absolute data-[fixed-first-end]:before:bottom-0 data-[fixed-first-end]:before:start-0 data-[fixed-first-end]:before:top-0 data-[fixed-first-end]:before:w-4 data-[fixed-first-end]:before:bg-gradient-to-r data-[fixed-first-end]:before:from-foreground/8 data-[fixed-first-end]:before:to-transparent data-[fixed-first-end]:before:content-empty`],resizeHandle:[`absolute end-0 top-1/2 w-3 h-2/3 -translate-y-1/2 rounded bg-transparent`,`cursor-col-resize border-none touch-none select-none`,`after:bg-border hover:after:bg-primary data-[resizing]:after:bg-primary focus-visible:after:bg-primary`,`outline-none focus-visible:ring-ring/40 focus-visible:ring-2`,`after:absolute after:bottom-0 after:end-0 after:top-0 after:w-px after:rounded-full after:content-empty`],treeCell:`flex min-w-0 items-center gap-1`,treeToggle:``,treeTogglePlaceholder:`inline-block size-5 shrink-0`,sortTrigger:`absolute top-1/2 -translate-y-1/2 data-[sorted]:text-primary`,filterTrigger:`absolute top-1/2 -translate-y-1/2 data-[filtered]:text-primary`,filterInput:``,filterPopup:``,filterSearch:``,filterOptions:`flex flex-col overflow-auto`,filterOption:`w-full rounded-md hover:bg-accent`,filterOptionLabel:`min-w-0 flex-1 truncate`,filterFooter:`flex items-center justify-between border-t border-border`,filterCount:`text-muted-foreground`,filterAction:[`text-xs font-medium text-primary rounded-md border-none bg-transparent px-2 py-1`,`transition-colors hover:bg-accent focus-visible:ring-ring outline-none focus-visible:ring-2`],filterEmpty:`text-muted-foreground py-6 text-center text-xs`,selection:`text-foreground`,radioRoot:[`peer relative shrink-0 rounded-full border border-solid shadow cursor-pointer transition-all-150`,`border-primary focus-visible:ring-primary/30`,`outline-none focus-visible:ring-3  focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50`],radioIndicator:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 size-1/2 bg-primary rounded-full`},variants:{size:{xs:{root:`text-2xs`,caption:`py-2`,head:`p-1.5`,cell:`p-1.5`,radioRoot:`w-3 h-3`,sortTrigger:`end-1 p-0.75`,filterTrigger:`end-1`,filterPopup:`p-1.5`,filterOptions:`max-h-50 gap-0.75 py-1.5`,filterOption:`p-0.75`,filterFooter:`pt-1`,filterCount:`text-3xs leading-4`},sm:{root:`text-xs`,caption:`py-2.5`,head:`p-1.75`,cell:`p-1.75`,radioRoot:`w-3.5 h-3.5`,sortTrigger:`end-1.25 p-0.875`,filterTrigger:`end-1.25`,filterPopup:`p-1.75`,filterOptions:`max-h-55 gap-0.875 py-2`,filterOption:`p-0.875`,filterFooter:`pt-1.25`,filterCount:`text-2xs leading-5`},md:{root:`text-sm`,caption:`py-3`,head:`p-2`,cell:`p-2`,radioRoot:`w-4 h-4`,sortTrigger:`end-1.5 p-1`,filterTrigger:`end-1.5`,filterPopup:`p-2`,filterOptions:`max-h-60 gap-1 py-2.5`,filterOption:`p-1`,filterFooter:`pt-1.5`,filterCount:`text-xs leading-6`},lg:{root:`text-base`,caption:`py-3.5`,head:`p-2.5`,cell:`p-2.5`,radioRoot:`w-4.5 h-4.5`,sortTrigger:`end-1.75 p-1.25`,filterTrigger:`end-1.75`,filterPopup:`p-2.5`,filterOptions:`max-h-65 gap-1.25 py-3`,filterOption:`p-1.25`,filterFooter:`pt-1.75`,filterCount:`text-sm leading-7`},xl:{root:`text-lg`,caption:`py-4`,head:`p-3`,cell:`p-3`,radioRoot:`w-5 h-5`,sortTrigger:`end-2 p-1.5`,filterTrigger:`end-2`,filterPopup:`p-3`,filterOptions:`max-h-70 gap-1.5 py-3.5`,filterOption:`p-1.5`,filterFooter:`pt-2`,filterCount:`text-base leading-8`},"2xl":{root:`text-xl`,caption:`py-4.5`,head:`p-3.5`,cell:`p-3.5`,radioRoot:`w-6 h-6`,sortTrigger:`end-2.5 p-1.75`,filterTrigger:`end-2.5`,filterPopup:`p-3.5`,filterOptions:`max-h-75 gap-1.75 py-4`,filterOption:`p-1.75`,filterFooter:`pt-2.5`,filterCount:`text-lg leading-9`}},variant:{default:{root:`bg-accent`},simple:{header:[`[&>tr:first-child>th:first-child]:rounded-tl-[--rounded] [&>tr:first-child>th:last-child]:rounded-tr-[--rounded]`,`[&>tr:last-child>th:first-child]:rounded-bl-[--rounded] [&>tr:last-child>th:last-child]:rounded-br-[--rounded]`]}},bordered:{true:{cell:`border-l border-border first:border-l-0`}},rounded:{true:{root:``}},striped:{true:{row:`data-[row]:even:bg-accent`}}},compoundVariants:[{size:`xs`,rounded:!0,class:{root:`[--rounded:0.75rem]`}},{size:`sm`,rounded:!0,class:{root:`[--rounded:1rem]`}},{size:`md`,rounded:!0,class:{root:`[--rounded:1.125rem]`}},{size:`lg`,rounded:!0,class:{root:`[--rounded:1.375rem]`}},{size:`xl`,rounded:!0,class:{root:`[--rounded:1.625rem]`}},{size:`2xl`,rounded:!0,class:{root:`[--rounded:1.75rem]`}},{size:`xs`,variant:`default`,class:{root:`px-0.75 pb-0.75`}},{size:`sm`,variant:`default`,class:{root:`px-0.875 pb-0.875`}},{size:`md`,variant:`default`,class:{root:`px-1 pb-1`}},{size:`lg`,variant:`default`,class:{root:`px-1.25 pb-1.25`}},{size:`xl`,variant:`default`,class:{root:`px-1.5 pb-1.5`}},{size:`2xl`,variant:`default`,class:{root:`px-2 pb-2`}}],defaultVariants:{size:`md`,variant:`default`,bordered:!1,rounded:!0,striped:!1}});export{t as tableVariants};

package/dist/components/toast/toast-provider.vue.d.ts

@@ -7,8 +7,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ToastProviderProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ToastProviderProps> & Readonly<{}>, {
-  showClose: boolean;
   showIcon: boolean;
+  showClose: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/styles.css

@@ -63,6 +63,13 @@
 .container{max-width:1536px;}
 }
 /* layer: default */
+.\[--rounded\:0\.75rem\]{--rounded:0.75rem;}
+.\[--rounded\:1\.125rem\]{--rounded:1.125rem;}
+.\[--rounded\:1\.375rem\]{--rounded:1.375rem;}
+.\[--rounded\:1\.625rem\]{--rounded:1.625rem;}
+.\[--rounded\:1\.75rem\]{--rounded:1.75rem;}
+.\[--rounded\:1rem\]{--rounded:1rem;}
+.\[--rounded\:calc\(var\(--radius\)-2px\)\]{--rounded:calc(var(--radius) - 2px);}
 .\[--soybean-layout-spacing\:0\.75rem\]{--soybean-layout-spacing:0.75rem;}
 .\[--soybean-layout-spacing\:0\.875rem\]{--soybean-layout-spacing:0.875rem;}
 .\[--soybean-layout-spacing\:1\.25rem\]{--soybean-layout-spacing:1.25rem;}
@@ -83,8 +90,8 @@
 .group[data-disabled] .group-data-\[disabled\]\:pointer-events-none,
 .pointer-events-none{pointer-events:none;}
 .disabled\:pointer-events-none:disabled{pointer-events:none;}
-.data-\[fixed-side\=end\]\:before\:pointer-events-none[data-fixed-side=end]::before{pointer-events:none;}
-.data-\[fixed-side\=start\]\:after\:pointer-events-none[data-fixed-side=start]::after{pointer-events:none;}
+.data-\[fixed-first-end\]\:before\:pointer-events-none[data-fixed-first-end]::before{pointer-events:none;}
+.data-\[fixed-last-start\]\:after\:pointer-events-none[data-fixed-last-start]::after{pointer-events:none;}
 .visible{visibility:visible;}
 .\[\&\>\*\]\:relative>*,
 .relative{position:relative;}
@@ -93,9 +100,9 @@
 .group[data-fixed-top=true] .group-data-\[fixed-top\=true\]\:absolute{position:absolute;}
 .fixed{position:fixed;}
 .sticky{position:sticky;}
-.data-\[fixed-side\=end\]\:before\:absolute[data-fixed-side=end]::before{position:absolute;}
+.data-\[fixed-first-end\]\:before\:absolute[data-fixed-first-end]::before{position:absolute;}
 .after\:absolute::after{position:absolute;}
-.data-\[fixed-side\=start\]\:after\:absolute[data-fixed-side=start]::after{position:absolute;}
+.data-\[fixed-last-start\]\:after\:absolute[data-fixed-last-start]::after{position:absolute;}
 .inset-0{inset:0;}
 .after\:inset-0::after{inset:0;}
 .-end-\[var\(--soybean-layout-spacing\)\]{inset-inline-end:calc(var(--soybean-layout-spacing) * -1);}
@@ -123,11 +130,11 @@
 .group[data-state=collapsed] .group-data-\[state\=collapsed\]\:end-\[calc\(var\(--soybean-layout-spacing\)\/2\)\]{inset-inline-end:calc(var(--soybean-layout-spacing) / 2);}
 .group[data-state=collapsed] .group-data-\[state\=collapsed\]\:start-\[calc\(var\(--soybean-layout-spacing\)\/2\)\]{inset-inline-start:calc(var(--soybean-layout-spacing) / 2);}
 .start-1\/2{inset-inline-start:50%;}
-.data-\[fixed-side\=end\]\:before\:start-0[data-fixed-side=end]::before{inset-inline-start:0;}
+.data-\[fixed-first-end\]\:before\:start-0[data-fixed-first-end]::before{inset-inline-start:0;}
 .after\:end-0::after{inset-inline-end:0;}
 .after\:start-1\/2::after{inset-inline-start:50%;}
 .after\:start-full::after{inset-inline-start:100%;}
-.data-\[fixed-side\=start\]\:after\:end-0[data-fixed-side=start]::after{inset-inline-end:0;}
+.data-\[fixed-last-start\]\:after\:end-0[data-fixed-last-start]::after{inset-inline-end:0;}
 .data-\[orientation\=horizontal\]\:inset-x-0[data-orientation=horizontal],
 .group[data-fixed-footer=true] .group-data-\[fixed-footer\=true\]\:inset-x-0,
 .group[data-fixed-top=true] .group-data-\[fixed-top\=true\]\:inset-x-0,
@@ -212,13 +219,13 @@
 .top-auto{top:auto;}
 .top-full{top:100%;}
 [dir="rtl"] .rtl\:left-auto{left:auto;}
-.data-\[fixed-side\=end\]\:before\:bottom-0[data-fixed-side=end]::before{bottom:0;}
-.data-\[fixed-side\=end\]\:before\:top-0[data-fixed-side=end]::before{top:0;}
+.data-\[fixed-first-end\]\:before\:bottom-0[data-fixed-first-end]::before{bottom:0;}
+.data-\[fixed-first-end\]\:before\:top-0[data-fixed-first-end]::before{top:0;}
 .after\:bottom-0::after{bottom:0;}
 .after\:left-1\/2::after{left:50%;}
 .after\:top-0::after{top:0;}
-.data-\[fixed-side\=start\]\:after\:bottom-0[data-fixed-side=start]::after{bottom:0;}
-.data-\[fixed-side\=start\]\:after\:top-0[data-fixed-side=start]::after{top:0;}
+.data-\[fixed-last-start\]\:after\:bottom-0[data-fixed-last-start]::after{bottom:0;}
+.data-\[fixed-last-start\]\:after\:top-0[data-fixed-last-start]::after{top:0;}
 .data-\[orientation\=vertical\]\:after\:left-0[data-orientation=vertical]::after{left:0;}
 .line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;}
 .isolate{isolation:isolate;}
@@ -573,11 +580,11 @@
 .w-96{width:24rem;}
 .w-auto{width:auto;}
 .w-max{width:max-content;}
-.data-\[fixed-side\=end\]\:before\:w-4[data-fixed-side=end]::before{width:1rem;}
+.data-\[fixed-first-end\]\:before\:w-4[data-fixed-first-end]::before{width:1rem;}
 .after\:w-\[calc\(var\(--soybean-layout-spacing\)\/8\)\]::after{width:calc(var(--soybean-layout-spacing) / 8);}
 .after\:w-1::after{width:0.25rem;}
 .after\:w-px::after{width:1px;}
-.data-\[fixed-side\=start\]\:after\:w-4[data-fixed-side=start]::after{width:1rem;}
+.data-\[fixed-last-start\]\:after\:w-4[data-fixed-last-start]::after{width:1rem;}
 .data-\[orientation\=vertical\]\:after\:h-1[data-orientation=vertical]::after{height:0.25rem;}
 .data-\[orientation\=vertical\]\:after\:w-full[data-orientation=vertical]::after{width:100%;}
 .flex{display:flex;}
@@ -837,6 +844,7 @@
 .rounded-lg{border-radius:var(--radius);}
 .not-first\:not-last\:\[\&\>\*\]\:rd-0>*:not(:last-child):not(:first-child){border-radius:0;}
 .rounded{border-radius:0.25rem;}
+.rounded-\[--rounded\]{border-radius:var(--rounded);}
 .rounded-\[inherit\]{border-radius:inherit;}
 .rounded-0\.5{border-radius:0.125rem;}
 .rounded-full{border-radius:9999px;}
@@ -862,15 +870,24 @@
 .first\:\[\&\>\*\]\:rd-r-0>*:first-child{border-top-right-radius:0;border-bottom-right-radius:0;}
 .last\:\[\&\>\*\]\:rd-l-0>*:last-child{border-top-left-radius:0;border-bottom-left-radius:0;}
 .last\:\[\&\>\*\]\:rd-t-0>*:last-child{border-top-left-radius:0;border-top-right-radius:0;}
-.\[\&\>tr\:first-child\>td\:first-child\]\:rounded-tl-md>tr:first-child>td:first-child{border-top-left-radius:calc(var(--radius) - 2px);}
-.\[\&\>tr\:first-child\>td\:last-child\]\:rounded-tr-md>tr:first-child>td:last-child{border-top-right-radius:calc(var(--radius) - 2px);}
-.\[\&\>tr\:last-child\>td\:first-child\]\:rounded-bl-md>tr:last-child>td:first-child{border-bottom-left-radius:calc(var(--radius) - 2px);}
-.\[\&\>tr\:last-child\>td\:last-child\]\:rounded-br-md>tr:last-child>td:last-child{border-bottom-right-radius:calc(var(--radius) - 2px);}
+.\[\&\>tr\:first-child\>td\:first-child\]\:rounded-tl-\[--rounded\]>tr:first-child>td:first-child,
+.\[\&\>tr\:first-child\>th\:first-child\]\:rounded-tl-\[--rounded\]>tr:first-child>th:first-child{border-top-left-radius:var(--rounded);}
+.\[\&\>tr\:first-child\>td\:last-child\]\:rounded-tr-\[--rounded\]>tr:first-child>td:last-child,
+.\[\&\>tr\:first-child\>th\:last-child\]\:rounded-tr-\[--rounded\]>tr:first-child>th:last-child{border-top-right-radius:var(--rounded);}
+.\[\&\>tr\:last-child\>td\:first-child\]\:rounded-bl-\[--rounded\]>tr:last-child>td:first-child,
+.\[\&\>tr\:last-child\>th\:first-child\]\:rounded-bl-\[--rounded\]>tr:last-child>th:first-child{border-bottom-left-radius:var(--rounded);}
+.\[\&\>tr\:last-child\>td\:last-child\]\:rounded-br-\[--rounded\]>tr:last-child>td:last-child,
+.\[\&\>tr\:last-child\>th\:last-child\]\:rounded-br-\[--rounded\]>tr:last-child>th:last-child{border-bottom-right-radius:var(--rounded);}
 .border-dashed{border-style:dashed;}
 .border-dotted{border-style:dotted;}
 .border-none{border-style:none;}
 .border-solid,
 .group[data-variant=floating] .group-data-\[variant\=floating\]\:border-solid{border-style:solid;}
+.\[\&_td\]\:bg-transparent td,
+.\[\&\>tr\]\:bg-transparent>tr,
+.bg-transparent,
+.selection\:bg-transparent *::selection,
+.selection\:bg-transparent::selection{background-color:transparent /* transparent */;}
 .bg-\[length\:8px_8px\]{background-size:8px 8px;}
 .bg-\[linear-gradient\(45deg\,rgba\(0\,0\,0\,0\.08\)_25\%\,transparent_25\%\,transparent_75\%\,rgba\(0\,0\,0\,0\.08\)_75\%\)\,linear-gradient\(45deg\,rgba\(0\,0\,0\,0\.08\)_25\%\,transparent_25\%\,transparent_75\%\,rgba\(0\,0\,0\,0\.08\)_75\%\)\]{background-image:linear-gradient(45deg,rgba(0,0,0,0.08) 25%,transparent 25%,transparent 75%,rgba(0,0,0,0.08) 75%),linear-gradient(45deg,rgba(0,0,0,0.08) 25%,transparent 25%,transparent 75%,rgba(0,0,0,0.08) 75%);}
 .bg-\[position\:0_0\,4px_4px\]{background-position:0px 0,4px 4px;}
@@ -963,9 +980,6 @@
 .group[data-state=completed] .group-data-\[state\=completed\]\:bg-success{--un-bg-opacity:1;background-color:hsl(var(--success) / var(--un-bg-opacity)) /* hsl(var(--success)) */;}
 .bg-success\/10,
 .data-\[state\=active\]\:bg-success\/10[data-state=active]{background-color:hsl(var(--success) / 0.1) /* hsl(var(--success)) */;}
-.bg-transparent,
-.selection\:bg-transparent *::selection,
-.selection\:bg-transparent::selection{background-color:transparent /* transparent */;}
 .bg-warning,
 .data-\[state\=checked\]\:bg-warning[data-state=checked],
 .data-\[state\=indeterminate\]\:bg-warning[data-state=indeterminate],
@@ -995,6 +1009,7 @@
 .group[data-state=completed] .group-data-\[state\=completed\]\:bg-secondary\/15{background-color:hsl(var(--secondary) / 0.15) /* hsl(var(--secondary)) */;}
 .group[data-state=completed] .group-data-\[state\=completed\]\:bg-success\/15{background-color:hsl(var(--success) / 0.15) /* hsl(var(--success)) */;}
 .group[data-state=completed] .group-data-\[state\=completed\]\:bg-warning\/15{background-color:hsl(var(--warning) / 0.15) /* hsl(var(--warning)) */;}
+.\[\&\>tr\]\:hover\:bg-transparent:hover>tr{background-color:transparent /* transparent */;}
 .dark .group\/item[data-active=true] .dark\:group-data-\[active\=true\]\/item\:hover\:bg-accent-foreground\/20:hover{background-color:hsl(var(--accent-foreground) / 0.2) /* hsl(var(--accent-foreground)) */;}
 .data-\[active\=false\]\:hover\:bg-accent:hover[data-active=false]{--un-bg-opacity:1;background-color:hsl(var(--accent) / var(--un-bg-opacity)) /* hsl(var(--accent)) */;}
 .data-\[active\=false\]\:hover\:bg-sidebar-accent:hover[data-active=false]{--un-bg-opacity:1;background-color:hsl(var(--sidebar-accent) / var(--un-bg-opacity)) /* hsl(var(--sidebar-accent)) */;}
@@ -1055,12 +1070,12 @@
 .after\:bg-border::after{--un-bg-opacity:var(--border-alpha, 1);background-color:hsl(var(--border) / var(--un-bg-opacity)) /* hsl(var(--border) / var(--border-alpha, 1)) */;}
 .data-\[resizing\]\:after\:bg-primary[data-resizing]::after{--un-bg-opacity:1;background-color:hsl(var(--primary) / var(--un-bg-opacity)) /* hsl(var(--primary)) */;}
 .file\:bg-transparent::file-selector-button{background-color:transparent /* transparent */;}
-.data-\[fixed-side\=end\]\:before\:from-foreground\/8[data-fixed-side=end]::before{--un-gradient-from-position:0%;--un-gradient-from:hsl(var(--foreground) / 0.08) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:hsl(var(--foreground) / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}
-.data-\[fixed-side\=start\]\:after\:from-foreground\/8[data-fixed-side=start]::after{--un-gradient-from-position:0%;--un-gradient-from:hsl(var(--foreground) / 0.08) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:hsl(var(--foreground) / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}
-.data-\[fixed-side\=end\]\:before\:to-transparent[data-fixed-side=end]::before{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);}
-.data-\[fixed-side\=start\]\:after\:to-transparent[data-fixed-side=start]::after{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);}
-.data-\[fixed-side\=end\]\:before\:bg-gradient-to-r[data-fixed-side=end]::before{--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}
-.data-\[fixed-side\=start\]\:after\:bg-gradient-to-l[data-fixed-side=start]::after{--un-gradient-shape:to left in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}
+.data-\[fixed-first-end\]\:before\:from-foreground\/8[data-fixed-first-end]::before{--un-gradient-from-position:0%;--un-gradient-from:hsl(var(--foreground) / 0.08) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:hsl(var(--foreground) / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}
+.data-\[fixed-last-start\]\:after\:from-foreground\/8[data-fixed-last-start]::after{--un-gradient-from-position:0%;--un-gradient-from:hsl(var(--foreground) / 0.08) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:hsl(var(--foreground) / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}
+.data-\[fixed-first-end\]\:before\:to-transparent[data-fixed-first-end]::before{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);}
+.data-\[fixed-last-start\]\:after\:to-transparent[data-fixed-last-start]::after{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);}
+.data-\[fixed-first-end\]\:before\:bg-gradient-to-r[data-fixed-first-end]::before{--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}
+.data-\[fixed-last-start\]\:after\:bg-gradient-to-l[data-fixed-last-start]::after{--un-gradient-shape:to left in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}
 .dark .group\/item[data-active=true] .dark\:group-data-\[active\=true\]\/item\:fill-accent,
 .group\/item:hover .group-hover\/item\:fill-accent{--un-fill-opacity:1;fill:hsl(var(--accent) / var(--un-fill-opacity)) /* hsl(var(--accent)) */;}
 .fill-popover{--un-fill-opacity:1;fill:hsl(var(--popover) / var(--un-fill-opacity)) /* hsl(var(--popover)) */;}
@@ -1516,9 +1531,9 @@
 .ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}
 .will-change-auto{will-change:auto;}
 .will-change-transform{will-change:transform;}
-.data-\[fixed-side\=end\]\:before\:content-empty[data-fixed-side=end]::before{content:"";}
+.data-\[fixed-first-end\]\:before\:content-empty[data-fixed-first-end]::before{content:"";}
 .after\:content-empty::after{content:"";}
-.data-\[fixed-side\=start\]\:after\:content-empty[data-fixed-side=start]::after{content:"";}
+.data-\[fixed-last-start\]\:after\:content-empty[data-fixed-last-start]::after{content:"";}
 .data-\[motion\^\=from-\]\:fade-in[data-motion^=from-],
 .data-\[state\=open\]\:fade-in-0[data-state=open],
 .data-\[state\=visible\]\:fade-in-0[data-state=visible],
@@ -1552,6 +1567,9 @@
 .data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:shadcn-up 0.2s ease-out;}
 .data-\[state\=open\]\:animate-collapsible-down[data-state=open]{animation:shadcn-collapsible-down 0.2s ease-out;}
 .data-\[state\=closed\]\:animate-collapsible-up[data-state=closed]{animation:shadcn-collapsible-up 0.2s ease-out;}
+@supports (overflow:clip){
+.supports-\[overflow\:clip\]\:overflow-clip{overflow:clip;}
+}
 @media (max-width: 1023.9px){
 .lt-lg\:left-1\/12{left:8.3333333333%;}
 .lt-lg\:left-11\/12{left:91.6666666667%;}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soybeanjs/ui",
-  "version": "0.15.1",
+  "version": "0.15.2",
   "description": "SoybeanUI is built on top of SoybeanHeadless, providing a collection of styled components for Vue 3.",
   "homepage": "https://github.com/soybeanjs/soybean-ui",
   "bugs": {
@@ -57,7 +57,7 @@
     "tailwind-variants": "^3.2.2",
     "valibot": "^1.3.1",
     "zod": "^4.3.6",
-    "@soybeanjs/headless": "^0.15.1"
+    "@soybeanjs/headless": "^0.15.2"
   },
   "devDependencies": {
     "@soybeanjs/cli": "^1.7.2",