@soybeanjs/headless 0.16.0 → 0.17.0

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

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import n from"../menu/menu-root.js";import"../menu/index.js";import{provideDropdownMenuHoverContext as r,provideDropdownMenuRootContext as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,isRef as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`DropdownMenuRoot`,inheritAttrs:!1,__name:`dropdown-menu-root`,props:{trigger:{default:`click`},delayDuration:{default:150},skipDelayDuration:{default:300},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{}},emits:[`update:open`],setup(s,{emit:p}){let m=s,h=p,g=t(()=>m.open,e=>{h(`update:open`,e??!1)},m.defaultOpen),_=a(()=>m.trigger===`hover`),v=a(()=>m.modal&&m.trigger!==`hover`),{dir:y}=i({...e(m,[`open`,`dir`]),modal:v,open:g});return r({...e(m,[`delayDuration`,`skipDelayDuration`]),hoverable:_,open:g}),(e,t)=>(l(),o(d(n),{open:d(g),"onUpdate:open":t[0]||(t[0]=e=>c(g)?g.value=e:null),"default-open":s.defaultOpen,dir:d(y),modal:v.value},{default:f(()=>[u(e.$slots,`default`,{open:d(g)})]),_:3},8,[`open`,`default-open`,`dir`,`modal`]))}});export{p as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import n from"../menu/menu-root.js";import"../menu/index.js";import{provideDropdownMenuHoverContext as r,provideDropdownMenuRootContext as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,isRef as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`DropdownMenuRoot`,inheritAttrs:!1,__name:`dropdown-menu-root`,props:{trigger:{default:`click`},delayDuration:{default:150},skipDelayDuration:{default:300},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`],setup(s,{emit:p}){let m=s,h=p,g=t(()=>m.open,e=>{h(`update:open`,e??!1)},m.defaultOpen),_=a(()=>m.trigger===`hover`),v=a(()=>m.modal&&m.trigger!==`hover`),{dir:y}=i({...e(m,[`open`,`dir`]),modal:v,open:g});return r({...e(m,[`delayDuration`,`skipDelayDuration`]),hoverable:_,open:g}),(e,t)=>(l(),o(d(n),{open:d(g),"onUpdate:open":t[0]||(t[0]=e=>c(g)?g.value=e:null),"default-open":s.defaultOpen,dir:d(y),modal:v.value},{default:f(()=>[u(e.$slots,`default`,{open:d(g)})]),_:3},8,[`open`,`default-open`,`dir`,`modal`]))}});export{p as default};

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

@@ -15,9 +15,9 @@ declare const __VLS_base: _$vue.DefineComponent<DropdownMenuRootProps, {}, {}, {
 }>, {
   open: boolean;
   trigger: DropdownMenuTriggerType;
-  modal: boolean;
   delayDuration: number;
   skipDelayDuration: number;
+  modal: 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/dropdown-menu/dropdown-menu-wrapper-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../portal/portal.js";import r from"../popper/popper-arrow.js";import"../menu/index.js";import i from"./dropdown-menu-root.js";import a from"./dropdown-menu-trigger.js";import o from"./dropdown-menu-content.js";import{computed as s,createBlock as c,createCommentVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeProps as m,openBlock as h,renderSlot as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b=d({name:`DropdownMenuWrapperCompact`,__name:`dropdown-menu-wrapper-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(d,{emit:b}){let x=d,S=b,C=t(x,[`disabled`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`]),w=e(S),T=s(()=>({...x.triggerProps,asChild:x.triggerProps?.asChild??!0,disabled:x.disabled??x.triggerProps?.disabled})),E=s(()=>({...x.contentProps,popupProps:x.popupProps??x.contentProps?.popupProps,placement:x.placement??x.contentProps?.placement,sideOffset:x.contentProps?.sideOffset??(x.showArrow?0:8)}));return(e,t)=>(h(),c(i,p(v(C),{"onUpdate:open":t[0]||(t[0]=e=>S(`update:open`,e))}),{default:y(()=>[u(a,m(f(T.value)),{default:y(()=>[g(e.$slots,`trigger`)]),_:3},16),u(v(n),m(f(d.portalProps)),{default:y(()=>[u(o,p(E.value,_(v(w))),{default:y(()=>[g(e.$slots,`default`),d.showArrow?(h(),c(v(r),m(p({key:0},d.arrowProps)),null,16)):l(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{b as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../portal/portal.js";import r from"../popper/popper-arrow.js";import"../menu/index.js";import i from"./dropdown-menu-root.js";import a from"./dropdown-menu-trigger.js";import o from"./dropdown-menu-content.js";import{computed as s,createBlock as c,createCommentVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeProps as m,openBlock as h,renderSlot as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b=d({name:`DropdownMenuWrapperCompact`,__name:`dropdown-menu-wrapper-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(d,{emit:b}){let x=d,S=b,C=t(x,[`disabled`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`]),w=e(S),T=s(()=>({...x.triggerProps,asChild:x.triggerProps?.asChild??!0,disabled:x.disabled??x.triggerProps?.disabled})),E=s(()=>({...x.contentProps,popupProps:x.popupProps??x.contentProps?.popupProps,placement:x.placement??x.contentProps?.placement,sideOffset:x.contentProps?.sideOffset??(x.showArrow?0:8)}));return(e,t)=>(h(),c(i,p(v(C),{"onUpdate:open":t[0]||(t[0]=e=>S(`update:open`,e))}),{default:y(()=>[u(a,m(f(T.value)),{default:y(()=>[g(e.$slots,`trigger`)]),_:3},16),u(v(n),m(f(d.portalProps)),{default:y(()=>[u(o,p(E.value,_(v(w))),{default:y(()=>[g(e.$slots,`default`),d.showArrow?(h(),c(v(r),m(p({key:0},d.arrowProps)),null,16)):l(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{b as default};

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

@@ -5,7 +5,13 @@ import { MenuCheckboxOptionsCompactEmits, MenuCheckboxOptionsCompactProps, MenuC
 import { ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/dropdown-menu/types.d.ts
+/**
+ * Supported dropdown menu trigger values.
+ */
 type DropdownMenuTriggerType = 'click' | 'hover';
+/**
+ * Props for the dropdown menu root component.
+ */
 interface DropdownMenuRootProps extends MenuRootProps {
   /**
    * The trigger type of the dropdown menu.
@@ -29,34 +35,112 @@ interface DropdownMenuRootProps extends MenuRootProps {
    */
   skipDelayDuration?: number;
 }
+/**
+ * Emits for the dropdown menu root component.
+ */
 type DropdownMenuRootEmits = MenuRootEmits;
+/**
+ * Props for the dropdown menu content component.
+ */
 interface DropdownMenuContentProps extends MenuContentProps {}
+/**
+ * Emits for the dropdown menu content component.
+ */
 type DropdownMenuContentEmits = MenuContentEmits;
+/**
+ * Props for the dropdown menu trigger component.
+ */
 interface DropdownMenuTriggerProps extends MenuTriggerProps {}
+/**
+ * Props for the dropdown menu wrapper compact component.
+ */
 interface DropdownMenuWrapperCompactProps extends DropdownMenuRootProps {
+  /**
+   * Whether the component is disabled.
+   */
   disabled?: boolean;
+  /**
+   * Placement.
+   */
   placement?: Placement;
+  /**
+   * Whether to show an arrow.
+   */
   showArrow?: boolean;
+  /**
+   * Props forwarded to the trigger element.
+   */
   triggerProps?: DropdownMenuTriggerProps;
+  /**
+   * Props forwarded to the portal element.
+   */
   portalProps?: PortalProps;
+  /**
+   * Props forwarded to the content element.
+   */
   contentProps?: DropdownMenuContentProps;
+  /**
+   * Props forwarded to the popup element.
+   */
   popupProps?: MenuPopupProps;
+  /**
+   * Props forwarded to the arrow element.
+   */
   arrowProps?: PopperArrowProps;
 }
+/**
+ * Emits for the dropdown menu wrapper compact component.
+ */
 type DropdownMenuWrapperCompactEmits = MenuRootEmits & MenuContentEmits;
+/**
+ * Props for the dropdown menu compact component.
+ */
 interface DropdownMenuCompactProps<T extends DefinedValue = DefinedValue> extends DropdownMenuWrapperCompactProps, MenuOptionsCompactProps<T> {}
+/**
+ * Emits for the dropdown menu compact component.
+ */
 type DropdownMenuCompactEmits<T extends DefinedValue = DefinedValue> = DropdownMenuWrapperCompactEmits & MenuOptionsCompactEmits<T>;
+/**
+ * Slots for the dropdown menu compact component.
+ */
 type DropdownMenuCompactSlots<T extends DefinedValue = DefinedValue> = MenuOptionsCompactSlots<T> & {
+  /**
+   * Custom content for the trigger slot.
+   */
   trigger: () => any;
 };
+/**
+ * Props for the dropdown menu checkbox compact component.
+ */
 interface DropdownMenuCheckboxCompactProps<T extends DefinedValue = DefinedValue> extends DropdownMenuWrapperCompactProps, MenuCheckboxOptionsCompactProps<T> {}
+/**
+ * Emits for the dropdown menu checkbox compact component.
+ */
 type DropdownMenuCheckboxCompactEmits<T extends DefinedValue = DefinedValue> = DropdownMenuWrapperCompactEmits & MenuCheckboxOptionsCompactEmits<T>;
+/**
+ * Slots for the dropdown menu checkbox compact component.
+ */
 type DropdownMenuCheckboxCompactSlots<T extends DefinedValue = DefinedValue> = MenuCheckboxOptionsCompactSlots<T> & {
+  /**
+   * Custom content for the trigger slot.
+   */
   trigger: () => any;
 };
+/**
+ * Props for the dropdown menu radio compact component.
+ */
 interface DropdownMenuRadioCompactProps<T extends AcceptableBooleanValue = AcceptableBooleanValue> extends DropdownMenuWrapperCompactProps, MenuRadioOptionsCompactProps<T> {}
+/**
+ * Emits for the dropdown menu radio compact component.
+ */
 type DropdownMenuRadioCompactEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = DropdownMenuWrapperCompactEmits & MenuRadioOptionsCompactEmits<T>;
+/**
+ * Slots for the dropdown menu radio compact component.
+ */
 type DropdownMenuRadioCompactSlots<T extends AcceptableBooleanValue = AcceptableBooleanValue> = MenuRadioOptionsCompactSlots<T> & {
+  /**
+   * Custom content for the trigger slot.
+   */
   trigger: () => any;
 };
 //#endregion

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

@@ -4,14 +4,38 @@ import { PrimitiveProps } from "../primitive/types.js";
 import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, InputHTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/editable/types.d.ts
+/**
+ * Type information for the editable activation mode component.
+ */
 type EditableActivationMode = 'focus' | 'dblclick' | 'none';
+/**
+ * Type information for the editable submit mode component.
+ */
 type EditableSubmitMode = 'blur' | 'enter' | 'none' | 'both';
+/**
+ * State values for the editable component.
+ */
 type EditableEventState = 'edit' | 'submit' | 'cancel';
+/**
+ * State values for the editable component.
+ */
 type EditableViewState = 'preview' | 'edit';
+/**
+ * Type information for the editable placeholder component.
+ */
 interface EditablePlaceholder {
+  /**
+   * Edit.
+   */
   edit?: string;
+  /**
+   * Preview.
+   */
   preview?: string;
 }
+/**
+ * Props for the editable root component.
+ */
 interface EditableRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */Omit<HTMLAttributes, 'onSubmit' | 'placeholder'> {
   /** The default value of the editable field. */
   defaultValue?: string;
@@ -40,45 +64,144 @@ interface EditableRootProps extends PrimitiveProps, FormFieldCommonProps, /** @v
   /** The id of the field. */
   id?: string;
 }
+/**
+ * Emits for the editable root component.
+ */
 type EditableRootEmits = {
   /** Event handler called whenever the model value changes. */'update:modelValue': [value: string]; /** Event handler called when a value is submitted. */
   submit: [value: string]; /** Event handler called when the editable field changes state. */
   'update:state': [state: EditableEventState];
 };
+/**
+ * Props for the editable area component.
+ */
 interface EditableAreaProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the editable preview component.
+ */
 interface EditablePreviewProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the editable input component.
+ */
 interface EditableInputProps extends PrimitiveProps, /** @vue-ignore */Omit<InputHTMLAttributes, 'id'> {
+  /**
+   * Id.
+   */
   id?: string;
 }
+/**
+ * Props for the editable edit trigger component.
+ */
 interface EditableEditTriggerProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {}
+/**
+ * Props for the editable submit trigger component.
+ */
 interface EditableSubmitTriggerProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {}
+/**
+ * Props for the editable cancel trigger component.
+ */
 interface EditableCancelTriggerProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {}
+/**
+ * Available UI slots for the editable component.
+ */
 type EditableUiSlot = 'root' | 'area' | 'preview' | 'input' | 'controls' | 'editTrigger' | 'submitTrigger' | 'cancelTrigger';
+/**
+ * UI class overrides for the editable component.
+ */
 type EditableUi = UiClass<EditableUiSlot>;
+/**
+ * Props for the editable compact component.
+ */
 interface EditableCompactProps extends EditableRootProps {
+  /**
+   * Props forwarded to the area element.
+   */
   areaProps?: EditableAreaProps;
+  /**
+   * Props forwarded to the preview element.
+   */
   previewProps?: EditablePreviewProps;
+  /**
+   * Props forwarded to the input element.
+   */
   inputProps?: EditableInputProps;
+  /**
+   * Props forwarded to the edit trigger element.
+   */
   editTriggerProps?: EditableEditTriggerProps;
+  /**
+   * Props forwarded to the submit trigger element.
+   */
   submitTriggerProps?: EditableSubmitTriggerProps;
+  /**
+   * Props forwarded to the cancel trigger element.
+   */
   cancelTriggerProps?: EditableCancelTriggerProps;
 }
+/**
+ * Emits for the editable compact component.
+ */
 type EditableCompactEmits = EditableRootEmits;
+/**
+ * Slot props for the editable compact component.
+ */
 interface EditableCompactSlotProps {
+  /**
+   * Current model value.
+   */
   modelValue: string | undefined;
+  /**
+   * Input value exposed in the slot scope.
+   */
   inputValue: string;
+  /**
+   * Whether an editing.
+   */
   isEditing: boolean;
+  /**
+   * Whether an empty.
+   */
   isEmpty: boolean;
+  /**
+   * Edit exposed in the slot scope.
+   */
   edit: () => void;
+  /**
+   * Whether the component can cel.
+   */
   cancel: () => void;
+  /**
+   * Submit exposed in the slot scope.
+   */
   submit: () => void;
 }
+/**
+ * Slots for the editable compact component.
+ */
 interface EditableCompactSlots {
+  /**
+   * Custom content for the default slot.
+   */
   default?: (props: EditableCompactSlotProps) => any;
+  /**
+   * Custom content for the preview slot.
+   */
   preview?: (props: EditableCompactSlotProps) => any;
+  /**
+   * Custom content for the input slot.
+   */
   input?: (props: EditableCompactSlotProps) => any;
+  /**
+   * Custom content for the edit trigger slot.
+   */
   'edit-trigger'?: (props: EditableCompactSlotProps) => any;
+  /**
+   * Custom content for the submit trigger slot.
+   */
   'submit-trigger'?: (props: EditableCompactSlotProps) => any;
+  /**
+   * Custom content for the cancel trigger slot.
+   */
   'cancel-trigger'?: (props: EditableCompactSlotProps) => any;
 }
 //#endregion

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

@@ -2,13 +2,37 @@ import { UiClass } from "../../types/common.js";
 import { HTMLAttributes } from "vue";
 
 //#region src/components/empty/types.d.ts
+/**
+ * Props for the empty root component.
+ */
 interface EmptyRootProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the empty header component.
+ */
 interface EmptyHeaderProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the empty media component.
+ */
 interface EmptyMediaProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the empty content component.
+ */
 interface EmptyContentProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the empty title component.
+ */
 interface EmptyTitleProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the empty description component.
+ */
 interface EmptyDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Available UI slots for the empty component.
+ */
 type EmptyUiSlot = 'root' | 'header' | 'media' | 'content' | 'title' | 'description';
+/**
+ * UI class overrides for the empty component.
+ */
 type EmptyUi = UiClass<EmptyUiSlot>;
 //#endregion
 export { EmptyContentProps, EmptyDescriptionProps, EmptyHeaderProps, EmptyMediaProps, EmptyRootProps, EmptyTitleProps, EmptyUi, EmptyUiSlot };