@soybeanjs/ui 0.13.8 → 0.15.0-beta.1

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

@@ -1,36 +1,28 @@
-import { MenuOptionData } from "../menu/types.js";
-import { DropdownMenuProps } from "./types.js";
-import * as vue from "vue";
-import * as _soybeanjs_headless0 from "@soybeanjs/headless";
+import { DropdownMenuProps, DropdownMenuSlots } from "./types.js";
+import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/dropdown-menu/dropdown-menu.vue.d.ts
-declare const __VLS_export: <T extends DefinedValue = DefinedValue, S extends MenuOptionData<T> = MenuOptionData<T>>(__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<DropdownMenuProps<T, S> & {
-    onSelect?: ((item: S, event: Event) => any) | undefined;
+declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__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<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;
+    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: {
-    trigger: () => any;
-    item: (props: MenuOptionData<T>) => any;
-    'item-leading': (props: MenuOptionData<T>) => any;
-    'item-trailing': (props: MenuOptionData<T>) => any;
-    'item-trigger': (props: MenuOptionData<T>) => any;
-    'item-trigger-icon': (props: MenuOptionData<T>) => any;
-  };
-  emit: ((evt: "select", item: S, 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 & {
+  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);
+}>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,7 +1,5 @@
-import { DropdownMenuCheckboxEmits, DropdownMenuCheckboxProps, DropdownMenuEmits, DropdownMenuProps, DropdownMenuRadioEmits, DropdownMenuRadioProps, DropdownMenuWrapperEmits, DropdownMenuWrapperProps } from "./types.js";
+import { DropdownMenuCheckboxEmits, DropdownMenuCheckboxProps, DropdownMenuCheckboxSlots, DropdownMenuEmits, DropdownMenuProps, DropdownMenuRadioEmits, DropdownMenuRadioProps, DropdownMenuRadioSlots, DropdownMenuSlots, DropdownMenuWrapperEmits, DropdownMenuWrapperProps } from "./types.js";
 import { _default } from "./dropdown-menu.vue.js";
 import { _default as _default$1 } from "./dropdown-menu-checkbox.vue.js";
 import { _default as _default$2 } from "./dropdown-menu-radio.vue.js";
-import { _default as _default$3 } from "./dropdown-menu-wrapper.vue.js";
-import { DropdownMenuAnchorProps, DropdownMenuArrowProps, DropdownMenuCheckboxGroupEmits, DropdownMenuCheckboxGroupProps, DropdownMenuCheckboxItemEmits, DropdownMenuCheckboxItemProps, DropdownMenuContentEmits, DropdownMenuContentProps, DropdownMenuGroupLabelProps, DropdownMenuGroupProps, DropdownMenuItemEmits, DropdownMenuItemIndicatorProps, DropdownMenuItemProps, DropdownMenuPopupProps, DropdownMenuPortalProps, DropdownMenuRadioGroupEmits, DropdownMenuRadioGroupProps, DropdownMenuRadioItemEmits, DropdownMenuRadioItemProps, DropdownMenuRootEmits, DropdownMenuRootProps, DropdownMenuSeparatorProps, DropdownMenuSubContentEmits, DropdownMenuSubContentProps, DropdownMenuSubEmits, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, DropdownMenuTriggerType } from "@soybeanjs/headless/dropdown-menu";
-export { type DropdownMenuAnchorProps, type DropdownMenuArrowProps, type DropdownMenuCheckboxGroupEmits, type DropdownMenuCheckboxGroupProps, type DropdownMenuCheckboxItemEmits, type DropdownMenuCheckboxItemProps, type DropdownMenuContentEmits, type DropdownMenuContentProps, type DropdownMenuGroupLabelProps, type DropdownMenuGroupProps, type DropdownMenuItemEmits, type DropdownMenuItemIndicatorProps, type DropdownMenuItemProps, type DropdownMenuPopupProps, type DropdownMenuPortalProps, type DropdownMenuRadioGroupEmits, type DropdownMenuRadioGroupProps, type DropdownMenuRadioItemEmits, type DropdownMenuRadioItemProps, type DropdownMenuRootEmits, type DropdownMenuRootProps, type DropdownMenuSeparatorProps, type DropdownMenuSubContentEmits, type DropdownMenuSubContentProps, type DropdownMenuSubEmits, type DropdownMenuSubProps, type DropdownMenuSubTriggerProps, type DropdownMenuTriggerProps, type DropdownMenuTriggerType };
+import { _default as _default$3 } from "./dropdown-menu-wrapper.vue.js";

package/dist/components/dropdown-menu/index.js

@@ -1 +1 @@
-import"./dropdown-menu-wrapper.js";import"./dropdown-menu.js";import"./dropdown-menu-checkbox.js";import"./dropdown-menu-radio.js";
+import"./dropdown-menu.js";import"./dropdown-menu-checkbox.js";import"./dropdown-menu-radio.js";import"./dropdown-menu-wrapper.js";

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

@@ -1,41 +1,17 @@
-import { ThemeSize } from "../../theme/types.js";
-import { MenuCheckboxOptionData, MenuCheckboxOptionsEmits, MenuCheckboxOptionsProps, MenuExtendedUi, MenuOptionData, MenuOptionsEmits, MenuOptionsProps, MenuRadioOptionData, MenuRadioOptionsEmits, MenuRadioOptionsProps } from "../menu/types.js";
-import { AcceptableBooleanValue, ClassValue, DefinedValue, DropdownMenuArrowProps, DropdownMenuContentEmits, DropdownMenuContentProps, DropdownMenuPopupProps, DropdownMenuPortalProps, DropdownMenuRootEmits, DropdownMenuRootProps, DropdownMenuTriggerProps, Placement } from "@soybeanjs/headless";
+import { MenuUiBaseProps } from "../menu/types.js";
+import { AcceptableBooleanValue, DefinedValue, DropdownMenuCheckboxCompactEmits, DropdownMenuCheckboxCompactProps, DropdownMenuCheckboxCompactSlots, DropdownMenuCompactEmits, DropdownMenuCompactProps, DropdownMenuCompactSlots, DropdownMenuRadioCompactEmits, DropdownMenuRadioCompactProps, DropdownMenuRadioCompactSlots, DropdownMenuWrapperCompactEmits, DropdownMenuWrapperCompactProps } from "@soybeanjs/headless";
 
 //#region src/components/dropdown-menu/types.d.ts
-interface DropdownMenuWrapperProps extends DropdownMenuRootProps {
-  /**
-   * class of menu popup
-   */
-  class?: ClassValue;
-  size?: ThemeSize;
-  ui?: Partial<MenuExtendedUi>;
-  disabled?: boolean;
-  placement?: Placement;
-  indicatorPosition?: 'start' | 'end';
-  showArrow?: boolean;
-  triggerProps?: DropdownMenuTriggerProps;
-  portalProps?: DropdownMenuPortalProps;
-  contentProps?: DropdownMenuContentProps;
-  popupProps?: DropdownMenuPopupProps;
-  arrowProps?: DropdownMenuArrowProps;
-}
-type DropdownMenuWrapperEmits = DropdownMenuRootEmits & DropdownMenuContentEmits;
-interface DropdownMenuProps<T extends DefinedValue = DefinedValue, S extends MenuOptionData<T> = MenuOptionData<T>> extends Omit<DropdownMenuWrapperProps, 'indicatorPosition'>, MenuOptionsProps<T, S> {}
-type DropdownMenuEmits<T extends MenuOptionData = MenuOptionData> = DropdownMenuWrapperEmits & MenuOptionsEmits<T>;
-interface DropdownMenuCheckboxProps<T extends DefinedValue = DefinedValue, S extends MenuCheckboxOptionData<T> = MenuCheckboxOptionData<T>> extends DropdownMenuWrapperProps, MenuCheckboxOptionsProps<T, S> {
-  /**
-   * class of menu popup
-   */
-  class?: ClassValue;
-}
-type DropdownMenuCheckboxEmits<T extends DefinedValue = DefinedValue, S extends MenuCheckboxOptionData<T> = MenuCheckboxOptionData<T>> = DropdownMenuWrapperEmits & MenuCheckboxOptionsEmits<T, S>;
-interface DropdownMenuRadioProps<T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends MenuRadioOptionData<T> = MenuRadioOptionData<T>> extends DropdownMenuWrapperProps, MenuRadioOptionsProps<T, S> {
-  /**
-   * class of menu popup
-   */
-  class?: ClassValue;
-}
-type DropdownMenuRadioEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends MenuRadioOptionData<T> = MenuRadioOptionData<T>> = DropdownMenuWrapperEmits & MenuRadioOptionsEmits<T, S>;
+interface DropdownMenuWrapperProps extends MenuUiBaseProps, DropdownMenuWrapperCompactProps {}
+type DropdownMenuWrapperEmits = DropdownMenuWrapperCompactEmits;
+type DropdownMenuProps<T extends DefinedValue = DefinedValue> = Omit<MenuUiBaseProps, 'indicatorPosition'> & DropdownMenuCompactProps<T>;
+type DropdownMenuEmits<T extends DefinedValue = DefinedValue> = DropdownMenuCompactEmits<T>;
+type DropdownMenuSlots<T extends DefinedValue = DefinedValue> = DropdownMenuCompactSlots<T>;
+type DropdownMenuCheckboxProps<T extends DefinedValue = DefinedValue> = MenuUiBaseProps & DropdownMenuCheckboxCompactProps<T>;
+type DropdownMenuCheckboxEmits<T extends DefinedValue = DefinedValue> = DropdownMenuCheckboxCompactEmits<T>;
+type DropdownMenuCheckboxSlots<T extends DefinedValue = DefinedValue> = DropdownMenuCheckboxCompactSlots<T>;
+type DropdownMenuRadioProps<T extends AcceptableBooleanValue = AcceptableBooleanValue> = MenuUiBaseProps & DropdownMenuRadioCompactProps<T>;
+type DropdownMenuRadioEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = DropdownMenuRadioCompactEmits<T>;
+type DropdownMenuRadioSlots<T extends AcceptableBooleanValue = AcceptableBooleanValue> = DropdownMenuRadioCompactSlots<T>;
 //#endregion
-export { DropdownMenuCheckboxEmits, DropdownMenuCheckboxProps, DropdownMenuEmits, DropdownMenuProps, DropdownMenuRadioEmits, DropdownMenuRadioProps, DropdownMenuWrapperEmits, DropdownMenuWrapperProps };
+export { DropdownMenuCheckboxEmits, DropdownMenuCheckboxProps, DropdownMenuCheckboxSlots, DropdownMenuEmits, DropdownMenuProps, DropdownMenuRadioEmits, DropdownMenuRadioProps, DropdownMenuRadioSlots, DropdownMenuSlots, DropdownMenuWrapperEmits, DropdownMenuWrapperProps };

package/dist/components/editable/editable.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{editableVariants as n}from"./variants.js";import{computed as r,createBlock as i,createElementVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeClass as u,normalizeProps as d,openBlock as f,renderSlot as p,toHandlers as m,unref as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v}from"@soybeanjs/headless/composables";import{EditableArea as y,EditableCancelTrigger as b,EditableEditTrigger as x,EditableInput as S,EditablePreview as C,EditableRoot as w,EditableSubmitTrigger as T,provideEditableUi as E}from"@soybeanjs/headless";const D=s({name:`SEditable`,__name:`editable`,props:{class:{},size:{},ui:{},areaProps:{},previewProps:{},inputProps:{},editTriggerProps:{},submitTriggerProps:{},cancelTriggerProps:{},defaultValue:{},modelValue:{},placeholder:{},dir:{},disabled:{type:Boolean},readonly:{type:Boolean},activationMode:{},selectOnFocus:{type:Boolean},submitMode:{},startWithEditMode:{type:Boolean},maxLength:{},autoResize:{type:Boolean},id:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`submit`,`update:state`],setup(s,{emit:D}){let O=s,k=D,A=v(O,[`class`,`size`,`ui`,`areaProps`,`previewProps`,`inputProps`,`editTriggerProps`,`submitTriggerProps`,`cancelTriggerProps`]),j=_(k),M=r(()=>e(n({size:O.size}),O.ui,{root:O.class}));return E(M),(e,n)=>(f(),i(h(w),l(h(A),m(h(j))),{default:g(n=>[p(e.$slots,`default`,d(c(n)),()=>[o(h(y),d(c(s.areaProps)),{default:g(()=>[p(e.$slots,`preview`,d(c(n)),()=>[o(h(C),d(c(s.previewProps)),null,16)]),p(e.$slots,`input`,d(c(n)),()=>[o(h(S),d(c(s.inputProps)),null,16)]),a(`div`,{class:u(M.value.controls)},[p(e.$slots,`edit-trigger`,d(c(n)),()=>[o(h(x),d(c(s.editTriggerProps)),{default:g(()=>[o(t,{icon:`lucide:pencil-line`,"aria-hidden":!0})]),_:1},16)]),p(e.$slots,`submit-trigger`,d(c(n)),()=>[o(h(T),d(c(s.submitTriggerProps)),{default:g(()=>[o(t,{icon:`lucide:check`,"aria-hidden":!0})]),_:1},16)]),p(e.$slots,`cancel-trigger`,d(c(n)),()=>[o(h(b),d(c(s.cancelTriggerProps)),{default:g(()=>[o(t,{icon:`lucide:x`,"aria-hidden":!0})]),_:1},16)])],2)]),_:2},1040)])]),_:3},16))}});export{D as default};

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

@@ -0,0 +1,85 @@
+import { EditableProps } from "./types.js";
+import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
+
+//#region src/components/editable/editable.vue.d.ts
+declare var __VLS_8: {
+    modelValue: string | undefined;
+    inputValue: string;
+    isEditing: boolean;
+    isEmpty: boolean;
+    edit: () => void;
+    cancel: () => void;
+    submit: () => void;
+  }, __VLS_16: {
+    modelValue: string | undefined;
+    inputValue: string;
+    isEditing: boolean;
+    isEmpty: boolean;
+    edit: () => void;
+    cancel: () => void;
+    submit: () => void;
+  }, __VLS_23: {
+    modelValue: string | undefined;
+    inputValue: string;
+    isEditing: boolean;
+    isEmpty: boolean;
+    edit: () => void;
+    cancel: () => void;
+    submit: () => void;
+  }, __VLS_30: {
+    modelValue: string | undefined;
+    inputValue: string;
+    isEditing: boolean;
+    isEmpty: boolean;
+    edit: () => void;
+    cancel: () => void;
+    submit: () => void;
+  }, __VLS_43: {
+    modelValue: string | undefined;
+    inputValue: string;
+    isEditing: boolean;
+    isEmpty: boolean;
+    edit: () => void;
+    cancel: () => void;
+    submit: () => void;
+  }, __VLS_56: {
+    modelValue: string | undefined;
+    inputValue: string;
+    isEditing: boolean;
+    isEmpty: boolean;
+    edit: () => void;
+    cancel: () => void;
+    submit: () => void;
+  };
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+} & {
+  preview?: (props: typeof __VLS_16) => any;
+} & {
+  input?: (props: typeof __VLS_23) => any;
+} & {
+  'edit-trigger'?: (props: typeof __VLS_30) => any;
+} & {
+  'submit-trigger'?: (props: typeof __VLS_43) => any;
+} & {
+  '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;
+  "update:state": (state: _$_soybeanjs_headless0.EditableEventState) => any;
+}, string, _$vue.PublicProps, Readonly<EditableProps> & Readonly<{
+  onSubmit?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((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>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,4 @@
+import { EditableEmits, EditableExtendedUi, EditableExtraUiSlot, EditableProps } from "./types.js";
+import { _default } from "./editable.vue.js";
+import { EditableActivationMode, EditableAreaProps, EditableCancelTriggerProps, EditableEditTriggerProps, EditableEventState, EditableInputProps, EditablePlaceholder, EditablePreviewProps, EditableRootEmits, EditableRootProps, EditableSubmitMode, EditableSubmitTriggerProps, EditableUi, EditableUiSlot, EditableViewState } from "@soybeanjs/headless/editable";
+export { type EditableActivationMode, type EditableAreaProps, type EditableCancelTriggerProps, type EditableEditTriggerProps, type EditableEventState, type EditableInputProps, type EditablePlaceholder, type EditablePreviewProps, type EditableRootEmits, type EditableRootProps, type EditableSubmitMode, type EditableSubmitTriggerProps, type EditableUi, type EditableUiSlot, type EditableViewState };

package/dist/components/editable/index.js

@@ -0,0 +1 @@
+import"./editable.js";

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

@@ -0,0 +1,20 @@
+import { ThemeSize } from "../../theme/types.js";
+import { ClassValue, EditableAreaProps, EditableCancelTriggerProps, EditableEditTriggerProps, EditableInputProps, EditablePreviewProps, EditableRootEmits, EditableRootProps, EditableSubmitTriggerProps, EditableUiSlot, UiClass } from "@soybeanjs/headless";
+
+//#region src/components/editable/types.d.ts
+type EditableExtraUiSlot = 'controls';
+type EditableExtendedUi = UiClass<EditableUiSlot | EditableExtraUiSlot>;
+interface EditableProps extends EditableRootProps {
+  class?: ClassValue;
+  size?: ThemeSize;
+  ui?: Partial<EditableExtendedUi>;
+  areaProps?: EditableAreaProps;
+  previewProps?: EditablePreviewProps;
+  inputProps?: EditableInputProps;
+  editTriggerProps?: EditableEditTriggerProps;
+  submitTriggerProps?: EditableSubmitTriggerProps;
+  cancelTriggerProps?: EditableCancelTriggerProps;
+}
+type EditableEmits = EditableRootEmits;
+//#endregion
+export { EditableEmits, EditableExtendedUi, EditableExtraUiSlot, EditableProps };

package/dist/components/editable/variants.js

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`w-full`,area:[`grid w-full grid-cols-[minmax(0,1fr)_auto] items-center gap-2 rounded-md border border-solid border-input bg-background transition-all-150`,`focus-within:outline-none focus-within:ring-3 focus-within:ring-offset-background focus-within:ring-primary/30`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],preview:[`col-start-1 row-start-1 min-w-0 truncate text-foreground outline-none`,`data-[placeholder-shown]:text-muted-foreground`],input:[`col-start-1 row-start-1 min-w-0 w-full border-0 bg-transparent outline-none`,`placeholder:text-muted-foreground`,`disabled:cursor-not-allowed`],controls:`col-start-2 row-start-1 flex items-center gap-1`,editTrigger:[`inline-flex items-center justify-center rounded-md text-muted-foreground transition-colors`,`hover:bg-accent hover:text-accent-foreground`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30`],submitTrigger:[`inline-flex items-center justify-center rounded-md text-muted-foreground transition-colors`,`hover:bg-accent hover:text-success`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30`],cancelTrigger:[`inline-flex items-center justify-center rounded-md text-muted-foreground transition-colors`,`hover:bg-accent hover:text-destructive`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30`]},variants:{size:{xs:{area:`min-h-6 px-1.5 py-1 text-2xs`,preview:`text-2xs`,input:`text-2xs`,controls:`gap-0.5`,editTrigger:`size-5 [&>svg]:size-3`,submitTrigger:`size-5 [&>svg]:size-3`,cancelTrigger:`size-5 [&>svg]:size-3`},sm:{area:`min-h-7 px-2 py-1 text-xs`,preview:`text-xs`,input:`text-xs`,editTrigger:`size-6 [&>svg]:size-3.5`,submitTrigger:`size-6 [&>svg]:size-3.5`,cancelTrigger:`size-6 [&>svg]:size-3.5`},md:{area:`min-h-8 px-2.5 py-1.5 text-sm`,preview:`text-sm`,input:`text-sm`,editTrigger:`size-7 [&>svg]:size-4`,submitTrigger:`size-7 [&>svg]:size-4`,cancelTrigger:`size-7 [&>svg]:size-4`},lg:{area:`min-h-9 px-3 py-1.5 text-base`,preview:`text-base`,input:`text-base`,editTrigger:`size-8 [&>svg]:size-4`,submitTrigger:`size-8 [&>svg]:size-4`,cancelTrigger:`size-8 [&>svg]:size-4`},xl:{area:`min-h-10 px-3.5 py-2 text-lg`,preview:`text-lg`,input:`text-lg`,editTrigger:`size-9 [&>svg]:size-5`,submitTrigger:`size-9 [&>svg]:size-5`,cancelTrigger:`size-9 [&>svg]:size-5`},"2xl":{area:`min-h-12 px-4 py-2.5 text-xl`,preview:`text-xl`,input:`text-xl`,editTrigger:`size-10 [&>svg]:size-5`,submitTrigger:`size-10 [&>svg]:size-5`,cancelTrigger:`size-10 [&>svg]:size-5`}}},defaultVariants:{size:`md`}});export{t as editableVariants};

package/dist/components/empty/empty.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{emptyVariants as n}from"./variants.js";import{computed as r,createBlock as i,createCommentVNode as a,createTextVNode as o,createVNode as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeProps as d,openBlock as f,renderSlot as p,toDisplayString as m,unref as h,useSlots as g,withCtx as _}from"vue";import{useOmitProps as v}from"@soybeanjs/headless/composables";import{EmptyContent as y,EmptyDescription as b,EmptyHeader as x,EmptyMedia as S,EmptyRoot as C,EmptyTitle as w,provideEmptyUi as T}from"@soybeanjs/headless";const E=c({name:`SEmpty`,__name:`empty`,props:{class:{},ui:{},title:{},description:{},icon:{},mediaVariant:{},headerProps:{},mediaProps:{},contentProps:{},titleProps:{},descriptionProps:{}},setup(c){let E=c,D=v(E,[`class`,`ui`,`title`,`description`,`icon`,`mediaVariant`,`headerProps`,`mediaProps`,`contentProps`,`titleProps`,`descriptionProps`]),O=g(),k=r(()=>!!(O.title||O.description||E.title||E.description)),A=r(()=>!!(O.media||E.icon));return T(r(()=>e(n({mediaVariant:E.mediaVariant}),E.ui,{root:E.class}))),(e,n)=>(f(),i(h(C),d(l(h(D))),{default:_(()=>[A.value?(f(),i(h(S),d(u({key:0},c.mediaProps)),{default:_(()=>[p(e.$slots,`media`,{},()=>[s(t,{icon:c.icon},null,8,[`icon`])])]),_:3},16)):a(`v-if`,!0),s(h(y),d(l(c.contentProps)),{default:_(()=>[k.value?(f(),i(h(x),d(u({key:0},c.headerProps)),{default:_(()=>[O.title||c.title?(f(),i(h(w),d(u({key:0},c.titleProps)),{default:_(()=>[p(e.$slots,`title`,{},()=>[o(m(c.title),1)])]),_:3},16)):a(`v-if`,!0),O.description||c.description?(f(),i(h(b),d(u({key:1},c.descriptionProps)),{default:_(()=>[p(e.$slots,`description`,{},()=>[o(m(c.description),1)])]),_:3},16)):a(`v-if`,!0)]),_:3},16)):a(`v-if`,!0),p(e.$slots,`default`)]),_:3},16)]),_:3},16))}});export{E as default};

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

@@ -0,0 +1,21 @@
+import { EmptyProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/empty/empty.vue.d.ts
+type Slots = {
+  default?: () => any;
+  media?: () => any;
+  title?: () => any;
+  description?: () => any;
+};
+type __VLS_Slots = Slots;
+declare const __VLS_base: _$vue.DefineComponent<EmptyProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<EmptyProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/empty/index.d.ts

@@ -0,0 +1,5 @@
+import { EmptyMediaVariant } from "./variants.js";
+import { EmptyProps } from "./types.js";
+import { _default } from "./empty.vue.js";
+import { EmptyContentProps, EmptyDescriptionProps, EmptyHeaderProps, EmptyMediaProps, EmptyRootProps, EmptyTitleProps } from "@soybeanjs/headless/empty";
+export { type EmptyContentProps, type EmptyDescriptionProps, type EmptyHeaderProps, type EmptyMediaProps, type EmptyRootProps, type EmptyTitleProps };

package/dist/components/empty/index.js

@@ -0,0 +1 @@
+import"./empty.js";

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

@@ -0,0 +1,20 @@
+import { IconValue } from "../icon/types.js";
+import { EmptyMediaVariant } from "./variants.js";
+import { ClassValue, EmptyContentProps, EmptyDescriptionProps, EmptyHeaderProps, EmptyMediaProps, EmptyRootProps, EmptyTitleProps, EmptyUi } from "@soybeanjs/headless";
+
+//#region src/components/empty/types.d.ts
+interface EmptyProps extends EmptyRootProps {
+  class?: ClassValue;
+  ui?: Partial<EmptyUi>;
+  title?: string;
+  description?: string;
+  icon?: IconValue;
+  mediaVariant?: EmptyMediaVariant;
+  headerProps?: EmptyHeaderProps;
+  mediaProps?: EmptyMediaProps;
+  contentProps?: EmptyContentProps;
+  titleProps?: EmptyTitleProps;
+  descriptionProps?: EmptyDescriptionProps;
+}
+//#endregion
+export { EmptyProps };

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

@@ -0,0 +1,57 @@
+import * as _$tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/empty/variants.d.ts
+declare const emptyVariants: _$tailwind_variants0.TVReturnType<{
+  mediaVariant: {
+    default: {
+      media: string;
+    };
+    icon: {
+      media: string;
+    };
+  };
+}, {
+  root: string;
+  header: string;
+  media: string;
+  content: string;
+  title: string;
+  description: string;
+}, undefined, {
+  mediaVariant: {
+    default: {
+      media: string;
+    };
+    icon: {
+      media: string;
+    };
+  };
+}, {
+  root: string;
+  header: string;
+  media: string;
+  content: string;
+  title: string;
+  description: string;
+}, _$tailwind_variants0.TVReturnType<{
+  mediaVariant: {
+    default: {
+      media: string;
+    };
+    icon: {
+      media: string;
+    };
+  };
+}, {
+  root: string;
+  header: string;
+  media: string;
+  content: string;
+  title: string;
+  description: string;
+}, undefined, unknown, unknown, undefined>>;
+type EmptyVariants = VariantProps<typeof emptyVariants>;
+type EmptyMediaVariant = NonNullable<EmptyVariants['mediaVariant']>;
+//#endregion
+export { EmptyMediaVariant };

package/dist/components/empty/variants.js

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border border-dashed p-6 text-center md:p-12`,header:`flex max-w-sm flex-col items-center gap-2 text-center`,media:`mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0`,content:`flex w-full min-w-0 max-w-sm flex-col items-center gap-4 text-balance text-sm`,title:`m-0 text-lg font-medium tracking-tight`,description:`m-0 text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary`},variants:{mediaVariant:{default:{media:`bg-transparent`},icon:{media:`size-10 rounded-lg bg-muted text-foreground [&_svg:not([class*=size-])]:size-6`}}},defaultVariants:{mediaVariant:`default`}});export{t as emptyVariants};

package/dist/components/form/form-field-base.vue.d.ts

@@ -1,5 +1,5 @@
 import { FormFieldBaseProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/form/form-field-base.vue.d.ts
 declare var __VLS_14: {}, __VLS_22: {
@@ -14,9 +14,9 @@ type __VLS_Slots = {} & {
 } & {
   description?: (props: typeof __VLS_36) => any;
 };
-declare const __VLS_base: vue.DefineComponent<FormFieldBaseProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<FormFieldBaseProps> & Readonly<{}>, {
+declare const __VLS_base: _$vue.DefineComponent<FormFieldBaseProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<FormFieldBaseProps> & Readonly<{}>, {
   inline: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,12 +1,12 @@
 import { FormProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/form/form.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue.DefineComponent<FormProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<FormProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<FormProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<FormProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/form/use-form.d.ts

@@ -1,6 +1,6 @@
 import { FormFieldArrayComponent, FormFieldComponent } from "./types.js";
-import * as vue from "vue";
-import * as _soybeanjs_headless0 from "@soybeanjs/headless";
+import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 import { FormValues, InferStandardSchemaInput, Path, StandardSchemaV1, UseFormOptions } from "@soybeanjs/headless";
 
 //#region src/components/form/use-form.d.ts
@@ -9,36 +9,36 @@ declare function useForm$1<S extends StandardSchemaV1<FormValues, FormValues>>(o
   SFormFieldArray: FormFieldArrayComponent<InferStandardSchemaInput<S>>;
   handleSubmit: (event?: Event) => void;
   handleReset: (event?: Event) => void;
-  useFieldArray: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless0.FormRegisterOptions<_soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue.Ref<_soybeanjs_headless0.FormFieldArrayStates<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless0.FormFieldArrayStates<InferStandardSchemaInput<S>, Name>>;
-  useField: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless0.FormRegisterOptions<_soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue.Ref<_soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>>;
-  dirty: vue.ComputedRef<boolean>;
+  useFieldArray: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _$_soybeanjs_headless0.FormRegisterOptions<_$_soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => _$vue.Ref<_$_soybeanjs_headless0.FormFieldArrayStates<InferStandardSchemaInput<S>, Name>, _$_soybeanjs_headless0.FormFieldArrayStates<InferStandardSchemaInput<S>, Name>>;
+  useField: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _$_soybeanjs_headless0.FormRegisterOptions<_$_soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => _$vue.Ref<_$_soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>, _$_soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>>;
+  dirty: _$vue.ComputedRef<boolean>;
   setSubmitting: (isSubmitting: boolean) => void;
-  registerField: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless0.FormRegisterOptions<_soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue.Ref<_soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>>;
-  registerFieldArray: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _soybeanjs_headless0.FormRegisterOptions<_soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => vue.Ref<_soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>>;
+  registerField: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _$_soybeanjs_headless0.FormRegisterOptions<_$_soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => _$vue.Ref<_$_soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>, _$_soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>>;
+  registerFieldArray: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, opts?: _$_soybeanjs_headless0.FormRegisterOptions<_$_soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>> | undefined) => _$vue.Ref<_$_soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>, _$_soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>>;
   validateField: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => Promise<string | undefined | void>;
-  getFieldValue: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => vue.WritableComputedRef<_soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>>;
-  getFieldMeta: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => vue.Ref<_soybeanjs_headless0.FormFieldMeta>;
+  getFieldValue: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => _$vue.WritableComputedRef<_$_soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>, _$_soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>>;
+  getFieldMeta: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => _$vue.Ref<_$_soybeanjs_headless0.FormFieldMeta>;
   getFieldError: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => string | undefined;
   getFieldTouched: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => boolean | undefined;
   getFieldDirty: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => boolean;
-  getFieldState: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => vue.Ref<_soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>, _soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>>;
-  setValues: (values: InferStandardSchemaInput<S>, shouldValidate?: boolean) => Promise<void> | Promise<_soybeanjs_headless0.FormErrors<InferStandardSchemaInput<S>>>;
-  setErrors: (errors: _soybeanjs_headless0.FormErrors<InferStandardSchemaInput<S>>) => void;
-  setFieldValue: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, value: _soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>, shouldValidate?: boolean) => Promise<void> | Promise<_soybeanjs_headless0.FormErrors<InferStandardSchemaInput<S>>>;
+  getFieldState: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name) => _$vue.Ref<_$_soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>, _$_soybeanjs_headless0.FormFieldState<InferStandardSchemaInput<S>, Name>>;
+  setValues: (values: InferStandardSchemaInput<S>, shouldValidate?: boolean) => Promise<void> | Promise<_$_soybeanjs_headless0.FormErrors<InferStandardSchemaInput<S>>>;
+  setErrors: (errors: _$_soybeanjs_headless0.FormErrors<InferStandardSchemaInput<S>>) => void;
+  setFieldValue: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, value: _$_soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>, shouldValidate?: boolean) => Promise<void> | Promise<_$_soybeanjs_headless0.FormErrors<InferStandardSchemaInput<S>>>;
   setFieldTouched: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, touched: boolean) => void;
   setFieldError: <Name extends Path<InferStandardSchemaInput<S>>>(name: Name, error: string | undefined) => void;
-  setFieldArrayValue: <Name extends Path<InferStandardSchemaInput<S>>, Method extends (...args: any) => any>(name: Name, value: _soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>, method: Method, args?: Partial<{
+  setFieldArrayValue: <Name extends Path<InferStandardSchemaInput<S>>, Method extends (...args: any) => any>(name: Name, value: _$_soybeanjs_headless0.PathValue<InferStandardSchemaInput<S>, Name>, method: Method, args?: Partial<{
     argA: Parameters<Method>[1];
     argB: Parameters<Method>[2];
-  }> | undefined, shouldSetValue?: boolean) => Promise<void> | Promise<_soybeanjs_headless0.FormErrors<InferStandardSchemaInput<S>>>;
-  validateForm: (values?: InferStandardSchemaInput<S> | undefined) => Promise<_soybeanjs_headless0.FormErrors<InferStandardSchemaInput<S>>>;
-  resetForm: (nextState?: _soybeanjs_headless0.FormResetState<InferStandardSchemaInput<S>> | undefined) => void;
+  }> | undefined, shouldSetValue?: boolean) => Promise<void> | Promise<_$_soybeanjs_headless0.FormErrors<InferStandardSchemaInput<S>>>;
+  validateForm: (values?: InferStandardSchemaInput<S> | undefined) => Promise<_$_soybeanjs_headless0.FormErrors<InferStandardSchemaInput<S>>>;
+  resetForm: (nextState?: _$_soybeanjs_headless0.FormResetState<InferStandardSchemaInput<S>> | undefined) => void;
   values: InferStandardSchemaInput<S>;
-  touched: vue.Ref<_soybeanjs_headless0.FormTouched<InferStandardSchemaInput<S>>, _soybeanjs_headless0.FormTouched<InferStandardSchemaInput<S>>>;
-  errors: vue.Ref<_soybeanjs_headless0.FormErrors<InferStandardSchemaInput<S>>, _soybeanjs_headless0.FormErrors<InferStandardSchemaInput<S>>>;
-  submitCount: vue.ShallowRef<number>;
-  isSubmitting: vue.ShallowRef<boolean>;
-  isValidating: vue.ShallowRef<boolean>;
+  touched: _$vue.Ref<_$_soybeanjs_headless0.FormTouched<InferStandardSchemaInput<S>>, _$_soybeanjs_headless0.FormTouched<InferStandardSchemaInput<S>>>;
+  errors: _$vue.Ref<_$_soybeanjs_headless0.FormErrors<InferStandardSchemaInput<S>>, _$_soybeanjs_headless0.FormErrors<InferStandardSchemaInput<S>>>;
+  submitCount: _$vue.ShallowRef<number>;
+  isSubmitting: _$vue.ShallowRef<boolean>;
+  isValidating: _$vue.ShallowRef<boolean>;
 };
 //#endregion
 export { useForm$1 as useForm };

package/dist/components/form/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{form:`grid`,field:`flex`,fieldArray:`flex`,label:`flex items-center whitespace-nowrap`,control:``,description:`text-muted-foreground m-0`,error:`font-medium text-destructive m-0`},variants:{size:{xs:{field:`text-2xs gap-x-2.25 gap-y-1.5`,fieldArray:`text-2xs gap-x-2.25 gap-y-1.5`,label:`gap-1.5`},sm:{field:`text-xs gap-x-2.5 gap-y-1.75`,fieldArray:`text-xs gap-x-2.5 gap-y-1.75`,label:`gap-1.75`},md:{field:`text-sm gap-x-3 gap-y-2`,fieldArray:`text-sm gap-x-3 gap-y-2`,label:`gap-2`},lg:{field:`text-base gap-x-3.75 gap-y-2.5`,fieldArray:`text-base gap-x-3.75 gap-y-2.5`,label:`gap-2.5`},xl:{field:`text-lg gap-x-4.5 gap-y-3`,fieldArray:`text-lg gap-x-4.5 gap-y-3`,label:`gap-3`},"2xl":{field:`text-xl gap-x-5.25 gap-y-3.5`,fieldArray:`text-xl gap-x-5.25 gap-y-3.5`,label:`gap-3.5`}},inline:{true:{field:`justify-between items-center`,fieldArray:`justify-between`,label:`justify-end`,control:`flex-1`,description:`w-full`,error:`absolute left-0 top-full w-full`},false:{field:`flex-col`,fieldArray:`flex-col`}}},defaultVariants:{size:`md`,inline:!1}});export{t as formVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{form:`grid`,field:`flex`,fieldArray:`flex`,label:`flex items-center whitespace-nowrap`,control:``,description:`text-muted-foreground m-0`,error:`font-medium text-destructive m-0`},variants:{size:{xs:{field:`text-2xs gap-x-2.25 gap-y-1.5`,fieldArray:`text-2xs gap-x-2.25 gap-y-1.5`,label:`gap-1.5`},sm:{field:`text-xs gap-x-2.5 gap-y-1.75`,fieldArray:`text-xs gap-x-2.5 gap-y-1.75`,label:`gap-1.75`},md:{field:`text-sm gap-x-3 gap-y-2`,fieldArray:`text-sm gap-x-3 gap-y-2`,label:`gap-2`},lg:{field:`text-base gap-x-3.75 gap-y-2.5`,fieldArray:`text-base gap-x-3.75 gap-y-2.5`,label:`gap-2.5`},xl:{field:`text-lg gap-x-4.5 gap-y-3`,fieldArray:`text-lg gap-x-4.5 gap-y-3`,label:`gap-3`},"2xl":{field:`text-xl gap-x-5.25 gap-y-3.5`,fieldArray:`text-xl gap-x-5.25 gap-y-3.5`,label:`gap-3.5`}},inline:{true:{field:`justify-between items-center`,fieldArray:`justify-between`,label:`shrink-0 justify-end`,control:`grow-1 shrink-1 min-w-0`,description:`w-full`,error:`absolute left-0 top-full w-full`},false:{field:`flex-col`,fieldArray:`flex-col`}}},defaultVariants:{size:`md`,inline:!1}});export{t as formVariants};

package/dist/components/hover-card/hover-card.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{hoverCardVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,toHandlers as f,unref as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{HoverCardArrow as _,HoverCardPopup as v,HoverCardPortal as y,HoverCardPositioner as b,HoverCardRoot as x,HoverCardTrigger as S,provideHoverCardUi as C}from"@soybeanjs/headless";const w=o({name:`SHoverCard`,__name:`hover-card`,props:{class:{},size:{},ui:{},placement:{},showArrow:{type:Boolean,default:!0},positionerProps:{},popupProps:{},triggerProps:{},portalProps:{},arrowProps:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},openDelay:{},closeDelay:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`],setup(o,{emit:w}){let T=o,E=w,D=g(T,[`class`,`size`,`ui`,`placement`,`showArrow`,`positionerProps`,`popupProps`,`triggerProps`,`portalProps`,`arrowProps`]),O=h(E),k=n(()=>e(t({size:T.size}),T.ui,{popup:T.class})),A=n(()=>({...T.positionerProps,placement:T.placement??T.positionerProps?.placement}));return C(k),(e,t)=>(u(),r(p(x),c(p(D),{"onUpdate:open":t[0]||=e=>E(`update:open`,e)}),{default:m(()=>[a(p(S),c(o.triggerProps,{"as-child":``}),{default:m(()=>[d(e.$slots,`trigger`)]),_:3},16),a(p(y),l(s(o.portalProps)),{default:m(()=>[a(p(b),c(A.value,f(p(O))),{default:m(()=>[a(p(v),l(s(o.popupProps)),{default:m(()=>[d(e.$slots,`default`),o.showArrow?(u(),r(p(_),l(c({key:0},o.arrowProps)),null,16)):i(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16))}});export{w as default};

package/dist/components/hover-card/hover-card.vue.d.ts

@@ -0,0 +1,35 @@
+import { HoverCardProps } from "./types.js";
+import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
+
+//#region src/components/hover-card/hover-card.vue.d.ts
+declare var __VLS_16: {}, __VLS_36: {};
+type __VLS_Slots = {} & {
+  trigger?: (props: typeof __VLS_16) => any;
+} & {
+  default?: (props: typeof __VLS_36) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<HoverCardProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _$_soybeanjs_headless0.FocusOutsideEvent) => any;
+}, string, _$vue.PublicProps, Readonly<HoverCardProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+}>, {
+  open: boolean;
+  defaultOpen: boolean;
+  showArrow: boolean;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/hover-card/index.d.ts

@@ -0,0 +1,4 @@
+import { HoverCardEmits, HoverCardProps } from "./types.js";
+import { _default } from "./hover-card.vue.js";
+import { HoverCardArrowProps, HoverCardPopupProps, HoverCardPortalProps, HoverCardPositionerEmits, HoverCardPositionerProps, HoverCardRootEmits, HoverCardRootProps, HoverCardTriggerProps, HoverCardUi, HoverCardUiSlot } from "@soybeanjs/headless/hover-card";
+export { type HoverCardArrowProps, type HoverCardPopupProps, type HoverCardPortalProps, type HoverCardPositionerEmits, type HoverCardPositionerProps, type HoverCardRootEmits, type HoverCardRootProps, type HoverCardTriggerProps, type HoverCardUi, type HoverCardUiSlot };

package/dist/components/hover-card/index.js

@@ -0,0 +1 @@
+import"./hover-card.js";

package/dist/components/hover-card/types.d.ts

@@ -0,0 +1,22 @@
+import { ThemeSize } from "../../theme/types.js";
+import { ClassValue, HoverCardArrowProps, HoverCardPopupProps, HoverCardPortalProps, HoverCardPositionerEmits, HoverCardPositionerProps, HoverCardRootEmits, HoverCardRootProps, HoverCardTriggerProps, HoverCardUi, Placement } from "@soybeanjs/headless";
+
+//#region src/components/hover-card/types.d.ts
+interface HoverCardProps extends HoverCardRootProps {
+  /**
+   * class of popup
+   */
+  class?: ClassValue;
+  size?: ThemeSize;
+  ui?: Partial<HoverCardUi>;
+  placement?: Placement;
+  showArrow?: boolean;
+  positionerProps?: HoverCardPositionerProps;
+  popupProps?: HoverCardPopupProps;
+  triggerProps?: HoverCardTriggerProps;
+  portalProps?: HoverCardPortalProps;
+  arrowProps?: HoverCardArrowProps;
+}
+type HoverCardEmits = HoverCardRootEmits & HoverCardPositionerEmits;
+//#endregion
+export { HoverCardEmits, HoverCardProps };

package/dist/components/hover-card/variants.js

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({slots:{positioner:`w-max`,popup:[`z-50 w-64 rounded-md border bg-popover text-popover-foreground shadow-md outline-none will-change-transform`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`],arrow:`w-1em h-0.5em fill-popover stroke-border`},variants:{size:{xs:{popup:`w-48 p-3 text-2xs`,arrow:`text-3xs`},sm:{popup:`w-56 p-3.5 text-xs`,arrow:`text-2xs`},md:{popup:`w-64 p-4 text-sm`,arrow:`text-xs`},lg:{popup:`w-72 p-4.5 text-base`,arrow:`text-sm`},xl:{popup:`w-80 p-5 text-lg`,arrow:`text-base`},"2xl":{popup:`w-96 p-5.5 text-xl`,arrow:`text-lg`}}},defaultVariants:{size:`md`}});export{t as hoverCardVariants};

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

@@ -1,8 +1,8 @@
 import { IconProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/icon/icon.vue.d.ts
-declare const __VLS_export: vue.DefineComponent<IconProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: _$vue.DefineComponent<IconProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };

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

@@ -1,10 +1,9 @@
-import { Component, VNode } from "vue";
-import { IconProps, IconifyIcon } from "@iconify/vue";
+import { IconValue } from "@soybeanjs/headless";
+import { IconProps } from "@iconify/vue";
 
 //#region src/components/icon/types.d.ts
-type IconValue = VNode | Component | string | IconifyIcon | null | undefined;
 interface IconProps$1 extends Omit<IconProps, 'icon'> {
   icon: IconValue;
 }
 //#endregion
-export { IconProps$1 as IconProps, IconValue };
+export { IconProps$1 as IconProps, type IconValue };