@soybeanjs/headless 0.14.0 → 0.15.0-beta.2

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

@@ -1,5 +1,5 @@
 import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
-import { MenuContentProps } from "../menu/types.js";
+import { DropdownMenuContentProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/dropdown-menu/dropdown-menu-content.vue.d.ts
@@ -7,19 +7,19 @@ declare var __VLS_11: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_11) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<MenuContentProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  escapeKeyDown: (event: KeyboardEvent) => any;
-  entryFocus: (event: Event) => any;
+declare const __VLS_base: _$vue.DefineComponent<DropdownMenuContentProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   closeAutoFocus: (event: Event) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  entryFocus: (event: Event) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
-}, string, _$vue.PublicProps, Readonly<MenuContentProps> & Readonly<{
-  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
+}, string, _$vue.PublicProps, Readonly<DropdownMenuContentProps> & Readonly<{
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;

package/dist/components/dropdown-menu/dropdown-menu-radio-compact.js

@@ -0,0 +1 @@
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{e as r}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.0/node_modules/@soybeanjs/utils/dist/index.js";import i from"../menu/menu-radio-options-compact.js";import a from"./dropdown-menu-wrapper-compact.js";import{computed as o,createBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`DropdownMenuRadioCompact`,__name:`dropdown-menu-radio-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},items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`disabled`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=n(S,[...T]),D=t(S,[...T]),O=e(C),k=o(()=>r(w).filter(e=>e!==`trigger`));return(e,t)=>(m(),s(a,f(v(E),_(v(O))),{trigger:b(()=>[g(e.$slots,`trigger`)]),default:b(()=>[l(i,f(v(D),{"portal-props":u.portalProps},_(v(O))),c({_:2},[h(k.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};

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

@@ -0,0 +1,33 @@
+import { AcceptableBooleanValue } from "../../types/common.js";
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { MenuRadioOptionData } from "../menu/types.js";
+import { DropdownMenuRadioCompactProps, DropdownMenuRadioCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/dropdown-menu/dropdown-menu-radio-compact.vue.d.ts
+declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue>(__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<DropdownMenuRadioCompactProps<T> & {
+    onSelect?: ((item: MenuRadioOptionData<T>, event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
+    onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: DropdownMenuRadioCompactSlots<T>;
+  emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void);
+}>) => _$vue.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

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

@@ -1,5 +1,5 @@
 import { AsTag } from "../primitive/types.js";
-import { MenuTriggerProps } from "../menu/types.js";
+import { DropdownMenuTriggerProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/dropdown-menu/dropdown-menu-trigger.vue.d.ts
@@ -7,7 +7,7 @@ declare var __VLS_16: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_16) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<MenuTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<MenuTriggerProps> & Readonly<{}>, {
+declare const __VLS_base: _$vue.DefineComponent<DropdownMenuTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<DropdownMenuTriggerProps> & Readonly<{}>, {
   as: AsTag | _$vue.Component;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/dropdown-menu/dropdown-menu-wrapper-compact.js

@@ -0,0 +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}},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/dropdown-menu-wrapper-compact.vue.d.ts

@@ -0,0 +1,42 @@
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { DropdownMenuWrapperCompactProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/dropdown-menu/dropdown-menu-wrapper-compact.vue.d.ts
+declare var __VLS_16: {}, __VLS_30: {};
+type __VLS_Slots = {} & {
+  trigger?: (props: typeof __VLS_16) => any;
+} & {
+  default?: (props: typeof __VLS_30) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<DropdownMenuWrapperCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
+  closeAutoFocus: (event: Event) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  entryFocus: (event: Event) => any;
+  focusOutside: (event: FocusOutsideEvent) => any;
+  interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
+  openAutoFocus: (event: Event) => any;
+}, string, _$vue.PublicProps, Readonly<DropdownMenuWrapperCompactProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
+  onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
+  onOpenAutoFocus?: ((event: Event) => any) | undefined;
+}>, {
+  open: boolean;
+  modal: 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/dropdown-menu/index.d.ts

@@ -1,24 +1,28 @@
 import { PortalProps } from "../portal/types.js";
-import { _default as _default$9 } from "../portal/portal.vue.js";
+import { _default as _default$11 } from "../portal/portal.vue.js";
 import { PopperAnchorProps, PopperArrowProps } from "../popper/types.js";
-import { MenuCheckboxGroupProps, MenuCheckboxItemEmits, MenuCheckboxItemProps, MenuContentProps, MenuGroupLabelProps, MenuGroupProps, MenuItemEmits, MenuItemIndicatorProps, MenuItemProps, MenuPopupProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemEmits, MenuRadioItemProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, MenuTriggerProps, MenuUi, MenuUiSlot } from "../menu/types.js";
+import { SeparatorRootProps } from "../separator/types.js";
+import { MenuCheckboxGroupProps, MenuCheckboxItemEmits, MenuCheckboxItemProps, MenuGroupLabelProps, MenuGroupProps, MenuItemEmits, MenuItemIndicatorProps, MenuItemProps, MenuPopupProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemEmits, MenuRadioItemProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, MenuUi, MenuUiSlot } from "../menu/types.js";
 import { _default } from "../popper/popper-anchor.vue.js";
 import { _default as _default$1 } from "../popper/popper-arrow.vue.js";
-import { _default as _default$5 } from "../menu/menu-group.vue.js";
-import { _default as _default$6 } from "../menu/menu-group-label.vue.js";
-import { _default as _default$7 } from "../menu/menu-item.vue.js";
-import { _default as _default$8 } from "../menu/menu-item-indicator.vue.js";
-import { _default as _default$3 } from "../menu/menu-checkbox-item.vue.js";
-import { _default as _default$11 } from "../menu/menu-radio-item.vue.js";
-import { _default as _default$14 } from "../menu/menu-sub.vue.js";
-import { _default as _default$16 } from "../menu/menu-sub-trigger.vue.js";
-import { _default as _default$15 } from "../menu/menu-sub-content.vue.js";
-import { SeparatorRootProps } from "../separator/types.js";
-import { _default as _default$13 } from "../separator/separator-root.vue.js";
-import { _default as _default$2 } from "../menu/menu-checkbox-group.vue.js";
-import { _default as _default$10 } from "../menu/menu-radio-group.vue.js";
-import { DropdownMenuContentEmits, DropdownMenuRootEmits, DropdownMenuRootProps, DropdownMenuTriggerType } from "./types.js";
-import { _default as _default$12 } from "./dropdown-menu-root.vue.js";
-import { _default as _default$17 } from "./dropdown-menu-trigger.vue.js";
-import { _default as _default$4 } from "./dropdown-menu-content.vue.js";
-export { _default as DropdownMenuAnchor, type PopperAnchorProps as DropdownMenuAnchorProps, _default$1 as DropdownMenuArrow, type PopperArrowProps as DropdownMenuArrowProps, _default$2 as DropdownMenuCheckboxGroup, type MenuCheckboxGroupProps as DropdownMenuCheckboxGroupEmits, type MenuCheckboxGroupProps as DropdownMenuCheckboxGroupProps, _default$3 as DropdownMenuCheckboxItem, type MenuCheckboxItemEmits as DropdownMenuCheckboxItemEmits, type MenuCheckboxItemProps as DropdownMenuCheckboxItemProps, _default$4 as DropdownMenuContent, type DropdownMenuContentEmits, type MenuContentProps as DropdownMenuContentProps, _default$5 as DropdownMenuGroup, _default$6 as DropdownMenuGroupLabel, type MenuGroupLabelProps as DropdownMenuGroupLabelProps, type MenuGroupProps as DropdownMenuGroupProps, _default$7 as DropdownMenuItem, type MenuItemEmits as DropdownMenuItemEmits, _default$8 as DropdownMenuItemIndicator, type MenuItemIndicatorProps as DropdownMenuItemIndicatorProps, type MenuItemProps as DropdownMenuItemProps, type MenuPopupProps as DropdownMenuPopupProps, _default$9 as DropdownMenuPortal, type PortalProps as DropdownMenuPortalProps, _default$10 as DropdownMenuRadioGroup, type MenuRadioGroupEmits as DropdownMenuRadioGroupEmits, type MenuRadioGroupProps as DropdownMenuRadioGroupProps, _default$11 as DropdownMenuRadioItem, type MenuRadioItemEmits as DropdownMenuRadioItemEmits, type MenuRadioItemProps as DropdownMenuRadioItemProps, _default$12 as DropdownMenuRoot, type DropdownMenuRootEmits, type DropdownMenuRootProps, _default$13 as DropdownMenuSeparator, type SeparatorRootProps as DropdownMenuSeparatorProps, _default$14 as DropdownMenuSub, _default$15 as DropdownMenuSubContent, type MenuSubContentEmits as DropdownMenuSubContentEmits, type MenuSubContentProps as DropdownMenuSubContentProps, type MenuSubEmits as DropdownMenuSubEmits, type MenuSubProps as DropdownMenuSubProps, _default$16 as DropdownMenuSubTrigger, type MenuSubTriggerProps as DropdownMenuSubTriggerProps, _default$17 as DropdownMenuTrigger, type MenuTriggerProps as DropdownMenuTriggerProps, type DropdownMenuTriggerType, type MenuUi as DropdownMenuUi, type MenuUiSlot as DropdownMenuUiSlot };
+import { _default as _default$7 } from "../menu/menu-group.vue.js";
+import { _default as _default$8 } from "../menu/menu-group-label.vue.js";
+import { _default as _default$9 } from "../menu/menu-item.vue.js";
+import { _default as _default$10 } from "../menu/menu-item-indicator.vue.js";
+import { _default as _default$4 } from "../menu/menu-checkbox-item.vue.js";
+import { _default as _default$14 } from "../menu/menu-radio-item.vue.js";
+import { _default as _default$17 } from "../menu/menu-sub.vue.js";
+import { _default as _default$19 } from "../menu/menu-sub-trigger.vue.js";
+import { _default as _default$18 } from "../menu/menu-sub-content.vue.js";
+import { _default as _default$16 } from "../separator/separator-root.vue.js";
+import { _default as _default$3 } from "../menu/menu-checkbox-group.vue.js";
+import { _default as _default$13 } from "../menu/menu-radio-group.vue.js";
+import { DropdownMenuCheckboxCompactEmits, DropdownMenuCheckboxCompactProps, DropdownMenuCheckboxCompactSlots, DropdownMenuCompactEmits, DropdownMenuCompactProps, DropdownMenuCompactSlots, DropdownMenuContentEmits, DropdownMenuContentProps, DropdownMenuRadioCompactEmits, DropdownMenuRadioCompactProps, DropdownMenuRadioCompactSlots, DropdownMenuRootEmits, DropdownMenuRootProps, DropdownMenuTriggerProps, DropdownMenuTriggerType, DropdownMenuWrapperCompactEmits, DropdownMenuWrapperCompactProps } from "./types.js";
+import { _default as _default$15 } from "./dropdown-menu-root.vue.js";
+import { _default as _default$20 } from "./dropdown-menu-trigger.vue.js";
+import { _default as _default$6 } from "./dropdown-menu-content.vue.js";
+import { _default as _default$5 } from "./dropdown-menu-compact.vue.js";
+import { _default as _default$2 } from "./dropdown-menu-checkbox-compact.vue.js";
+import { _default as _default$12 } from "./dropdown-menu-radio-compact.vue.js";
+import { _default as _default$21 } from "./dropdown-menu-wrapper-compact.vue.js";
+export { _default as DropdownMenuAnchor, type PopperAnchorProps as DropdownMenuAnchorProps, _default$1 as DropdownMenuArrow, type PopperArrowProps as DropdownMenuArrowProps, _default$2 as DropdownMenuCheckboxCompact, type DropdownMenuCheckboxCompactEmits, type DropdownMenuCheckboxCompactProps, type DropdownMenuCheckboxCompactSlots, _default$3 as DropdownMenuCheckboxGroup, type MenuCheckboxGroupProps as DropdownMenuCheckboxGroupEmits, type MenuCheckboxGroupProps as DropdownMenuCheckboxGroupProps, _default$4 as DropdownMenuCheckboxItem, type MenuCheckboxItemEmits as DropdownMenuCheckboxItemEmits, type MenuCheckboxItemProps as DropdownMenuCheckboxItemProps, _default$5 as DropdownMenuCompact, type DropdownMenuCompactEmits, type DropdownMenuCompactProps, type DropdownMenuCompactSlots, _default$6 as DropdownMenuContent, type DropdownMenuContentEmits, type DropdownMenuContentProps, _default$7 as DropdownMenuGroup, _default$8 as DropdownMenuGroupLabel, type MenuGroupLabelProps as DropdownMenuGroupLabelProps, type MenuGroupProps as DropdownMenuGroupProps, _default$9 as DropdownMenuItem, type MenuItemEmits as DropdownMenuItemEmits, _default$10 as DropdownMenuItemIndicator, type MenuItemIndicatorProps as DropdownMenuItemIndicatorProps, type MenuItemProps as DropdownMenuItemProps, type MenuPopupProps as DropdownMenuPopupProps, _default$11 as DropdownMenuPortal, type PortalProps as DropdownMenuPortalProps, _default$12 as DropdownMenuRadioCompact, type DropdownMenuRadioCompactEmits, type DropdownMenuRadioCompactProps, type DropdownMenuRadioCompactSlots, _default$13 as DropdownMenuRadioGroup, type MenuRadioGroupEmits as DropdownMenuRadioGroupEmits, type MenuRadioGroupProps as DropdownMenuRadioGroupProps, _default$14 as DropdownMenuRadioItem, type MenuRadioItemEmits as DropdownMenuRadioItemEmits, type MenuRadioItemProps as DropdownMenuRadioItemProps, _default$15 as DropdownMenuRoot, type DropdownMenuRootEmits, type DropdownMenuRootProps, _default$16 as DropdownMenuSeparator, type SeparatorRootProps as DropdownMenuSeparatorProps, _default$17 as DropdownMenuSub, _default$18 as DropdownMenuSubContent, type MenuSubContentEmits as DropdownMenuSubContentEmits, type MenuSubContentProps as DropdownMenuSubContentProps, type MenuSubEmits as DropdownMenuSubEmits, type MenuSubProps as DropdownMenuSubProps, _default$19 as DropdownMenuSubTrigger, type MenuSubTriggerProps as DropdownMenuSubTriggerProps, _default$20 as DropdownMenuTrigger, type DropdownMenuTriggerProps, type DropdownMenuTriggerType, type MenuUi as DropdownMenuUi, type MenuUiSlot as DropdownMenuUiSlot, _default$21 as DropdownMenuWrapperCompact, type DropdownMenuWrapperCompactEmits, type DropdownMenuWrapperCompactProps };

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

@@ -1 +1 @@
-import e from"../portal/portal.js";import t from"../popper/popper-anchor.js";import n from"../popper/popper-arrow.js";import r from"../menu/menu-group.js";import i from"../menu/menu-group-label.js";import a from"../menu/menu-item.js";import o from"../menu/menu-item-indicator.js";import s from"../menu/menu-checkbox-item.js";import c from"../menu/menu-radio-item.js";import l from"../menu/menu-sub.js";import u from"../menu/menu-sub-trigger.js";import d from"../menu/menu-sub-content.js";import f from"../separator/separator-root.js";import p from"../menu/menu-checkbox-group.js";import m from"../menu/menu-radio-group.js";import"../menu/index.js";import h from"./dropdown-menu-root.js";import g from"./dropdown-menu-trigger.js";import _ from"./dropdown-menu-content.js";export{t as DropdownMenuAnchor,n as DropdownMenuArrow,p as DropdownMenuCheckboxGroup,s as DropdownMenuCheckboxItem,_ as DropdownMenuContent,r as DropdownMenuGroup,i as DropdownMenuGroupLabel,a as DropdownMenuItem,o as DropdownMenuItemIndicator,e as DropdownMenuPortal,m as DropdownMenuRadioGroup,c as DropdownMenuRadioItem,h as DropdownMenuRoot,f as DropdownMenuSeparator,l as DropdownMenuSub,d as DropdownMenuSubContent,u as DropdownMenuSubTrigger,g as DropdownMenuTrigger};
+import e from"../portal/portal.js";import t from"../popper/popper-anchor.js";import n from"../popper/popper-arrow.js";import r from"../separator/separator-root.js";import i from"../menu/menu-group.js";import a from"../menu/menu-group-label.js";import o from"../menu/menu-item.js";import s from"../menu/menu-item-indicator.js";import c from"../menu/menu-checkbox-item.js";import l from"../menu/menu-radio-item.js";import u from"../menu/menu-sub.js";import d from"../menu/menu-sub-trigger.js";import f from"../menu/menu-sub-content.js";import p from"../menu/menu-checkbox-group.js";import m from"../menu/menu-radio-group.js";import"../menu/index.js";import h from"./dropdown-menu-root.js";import g from"./dropdown-menu-trigger.js";import _ from"./dropdown-menu-content.js";import v from"./dropdown-menu-wrapper-compact.js";import y from"./dropdown-menu-compact.js";import b from"./dropdown-menu-checkbox-compact.js";import x from"./dropdown-menu-radio-compact.js";export{t as DropdownMenuAnchor,n as DropdownMenuArrow,b as DropdownMenuCheckboxCompact,p as DropdownMenuCheckboxGroup,c as DropdownMenuCheckboxItem,y as DropdownMenuCompact,_ as DropdownMenuContent,i as DropdownMenuGroup,a as DropdownMenuGroupLabel,o as DropdownMenuItem,s as DropdownMenuItemIndicator,e as DropdownMenuPortal,x as DropdownMenuRadioCompact,m as DropdownMenuRadioGroup,l as DropdownMenuRadioItem,h as DropdownMenuRoot,r as DropdownMenuSeparator,u as DropdownMenuSub,f as DropdownMenuSubContent,d as DropdownMenuSubTrigger,g as DropdownMenuTrigger,v as DropdownMenuWrapperCompact};

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

@@ -1,4 +1,7 @@
-import { MenuContentEmits, MenuContentProps, MenuRootEmits, MenuRootProps, MenuTriggerProps } from "../menu/types.js";
+import { AcceptableBooleanValue, DefinedValue, Placement } from "../../types/common.js";
+import { PortalProps } from "../portal/types.js";
+import { PopperArrowProps } from "../popper/types.js";
+import { MenuCheckboxOptionsCompactEmits, MenuCheckboxOptionsCompactProps, MenuCheckboxOptionsCompactSlots, MenuContentEmits, MenuContentProps, MenuOptionsCompactEmits, MenuOptionsCompactProps, MenuOptionsCompactSlots, MenuPopupProps, MenuRadioOptionsCompactEmits, MenuRadioOptionsCompactProps, MenuRadioOptionsCompactSlots, MenuRootEmits, MenuRootProps, MenuTriggerProps } from "../menu/types.js";
 import { ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/dropdown-menu/types.d.ts
@@ -27,6 +30,34 @@ interface DropdownMenuRootProps extends MenuRootProps {
   skipDelayDuration?: number;
 }
 type DropdownMenuRootEmits = MenuRootEmits;
+interface DropdownMenuContentProps extends MenuContentProps {}
 type DropdownMenuContentEmits = MenuContentEmits;
+interface DropdownMenuTriggerProps extends MenuTriggerProps {}
+interface DropdownMenuWrapperCompactProps extends DropdownMenuRootProps {
+  disabled?: boolean;
+  placement?: Placement;
+  showArrow?: boolean;
+  triggerProps?: DropdownMenuTriggerProps;
+  portalProps?: PortalProps;
+  contentProps?: DropdownMenuContentProps;
+  popupProps?: MenuPopupProps;
+  arrowProps?: PopperArrowProps;
+}
+type DropdownMenuWrapperCompactEmits = MenuRootEmits & MenuContentEmits;
+interface DropdownMenuCompactProps<T extends DefinedValue = DefinedValue> extends DropdownMenuWrapperCompactProps, MenuOptionsCompactProps<T> {}
+type DropdownMenuCompactEmits<T extends DefinedValue = DefinedValue> = DropdownMenuWrapperCompactEmits & MenuOptionsCompactEmits<T>;
+type DropdownMenuCompactSlots<T extends DefinedValue = DefinedValue> = MenuOptionsCompactSlots<T> & {
+  trigger: () => any;
+};
+interface DropdownMenuCheckboxCompactProps<T extends DefinedValue = DefinedValue> extends DropdownMenuWrapperCompactProps, MenuCheckboxOptionsCompactProps<T> {}
+type DropdownMenuCheckboxCompactEmits<T extends DefinedValue = DefinedValue> = DropdownMenuWrapperCompactEmits & MenuCheckboxOptionsCompactEmits<T>;
+type DropdownMenuCheckboxCompactSlots<T extends DefinedValue = DefinedValue> = MenuCheckboxOptionsCompactSlots<T> & {
+  trigger: () => any;
+};
+interface DropdownMenuRadioCompactProps<T extends AcceptableBooleanValue = AcceptableBooleanValue> extends DropdownMenuWrapperCompactProps, MenuRadioOptionsCompactProps<T> {}
+type DropdownMenuRadioCompactEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = DropdownMenuWrapperCompactEmits & MenuRadioOptionsCompactEmits<T>;
+type DropdownMenuRadioCompactSlots<T extends AcceptableBooleanValue = AcceptableBooleanValue> = MenuRadioOptionsCompactSlots<T> & {
+  trigger: () => any;
+};
 //#endregion
-export { DropdownMenuContentEmits, DropdownMenuRootEmits, DropdownMenuRootProps, DropdownMenuTriggerType };
+export { DropdownMenuCheckboxCompactEmits, DropdownMenuCheckboxCompactProps, DropdownMenuCheckboxCompactSlots, DropdownMenuCompactEmits, DropdownMenuCompactProps, DropdownMenuCompactSlots, DropdownMenuContentEmits, DropdownMenuContentProps, DropdownMenuRadioCompactEmits, DropdownMenuRadioCompactProps, DropdownMenuRadioCompactSlots, DropdownMenuRootEmits, DropdownMenuRootProps, DropdownMenuTriggerProps, DropdownMenuTriggerType, DropdownMenuWrapperCompactEmits, DropdownMenuWrapperCompactProps };

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

@@ -0,0 +1,8 @@
+import { ClassValue, UiClass } from "../../types/common.js";
+import { EditableUiSlot } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/editable/context.d.ts
+declare const provideEditableUi: (ui: _$vue.ComputedRef<Partial<UiClass<EditableUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<EditableUiSlot>>>, useEditableUi: <S extends EditableUiSlot | undefined = undefined>(slot?: S | undefined) => S extends EditableUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<EditableUiSlot>>>;
+//#endregion
+export { provideEditableUi };

package/dist/components/editable/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{useUiContext as n}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{useDirection as r}from"../config-provider/context.js";import{computed as i}from"vue";const[a,o]=e(`EditableRoot`,e=>{let n=r(()=>e.dir.value),[a,o]=t(),s=i(()=>e.disabled.value?``:void 0),c=i(()=>e.readonly.value?``:void 0),l=i(()=>e.isEditing.value?`edit`:`preview`);return{...e,dir:n,inputElement:a,setInputElement:o,dataDisabled:s,dataReadonly:c,dataState:l}}),[s,c]=n(`EditableUi`);export{a as provideEditableRootContext,s as provideEditableUi,o as useEditableRootContext,c as useEditableUi};

package/dist/components/editable/editable-area.js

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useEditableRootContext as t,useEditableUi as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`EditableArea`,__name:`editable-area`,props:{asChild:{type:Boolean},as:{default:`div`}},setup(a){let d=a,{autoResize:f,dataDisabled:p,dataReadonly:m,dataState:h,isEmpty:g}=t(`EditableArea`),_=n(`area`),v=r(()=>f.value?{display:`inline-grid`}:void 0);return(t,n)=>(s(),i(l(e),o(d,{class:l(_),"data-disabled":l(p),"data-empty":l(g)?``:void 0,"data-placeholder-shown":l(g)?``:void 0,"data-readonly":l(m),"data-state":l(h),style:v.value}),{default:u(()=>[c(t.$slots,`default`)]),_:3},16,[`class`,`data-disabled`,`data-empty`,`data-placeholder-shown`,`data-readonly`,`data-state`,`style`]))}});export{d as default};

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

@@ -0,0 +1,21 @@
+import { AsTag } from "../primitive/types.js";
+import { EditableAreaProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/editable/editable-area.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<EditableAreaProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<EditableAreaProps> & Readonly<{}>, {
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, 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/editable-cancel-trigger.js

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useEditableRootContext as t,useEditableUi as n}from"./context.js";import{computed as r,createBlock as i,createTextVNode as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,useAttrs as d,withCtx as f}from"vue";const p=o({name:`EditableCancelTrigger`,__name:`editable-cancel-trigger`,props:{asChild:{type:Boolean},as:{default:`button`}},setup(o){let p=o,m=d(),{dataDisabled:h,dataReadonly:g,dataState:_,disabled:v,cancel:y,isEditing:b}=t(`EditableCancelTrigger`),x=n(`cancelTrigger`),S=r(()=>p.as===`button`?`button`:void 0),C=r(()=>{if(!m[`aria-labelledby`])return m[`aria-label`]||`Cancel`});function w(){y()}return(t,n)=>(c(),i(u(e),s(p,{"aria-label":C.value,class:u(x),"data-disabled":u(h),"data-readonly":u(g),"data-state":u(_),disabled:u(v),hidden:!u(b),type:S.value,onClick:w}),{default:f(()=>[l(t.$slots,`default`,{},()=>[n[0]||(n[0]=a(`Cancel`,-1))])]),_:3},16,[`aria-label`,`class`,`data-disabled`,`data-readonly`,`data-state`,`disabled`,`hidden`,`type`]))}});export{p as default};

package/dist/components/editable/editable-cancel-trigger.vue.d.ts

@@ -0,0 +1,21 @@
+import { AsTag } from "../primitive/types.js";
+import { EditableCancelTriggerProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/editable/editable-cancel-trigger.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<EditableCancelTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<EditableCancelTriggerProps> & Readonly<{}>, {
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, 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/editable-edit-trigger.js

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useEditableRootContext as t,useEditableUi as n}from"./context.js";import{computed as r,createBlock as i,createTextVNode as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,useAttrs as d,withCtx as f}from"vue";const p=o({name:`EditableEditTrigger`,__name:`editable-edit-trigger`,props:{asChild:{type:Boolean},as:{default:`button`}},setup(o){let p=o,m=d(),{dataDisabled:h,dataReadonly:g,dataState:_,disabled:v,edit:y,isEditing:b,readonly:x}=t(`EditableEditTrigger`),S=n(`editTrigger`),C=r(()=>p.as===`button`?`button`:void 0),w=r(()=>v.value||x.value),T=r(()=>{if(!m[`aria-labelledby`])return m[`aria-label`]||`Edit`});function E(){y()}return(t,n)=>(c(),i(u(e),s(p,{"aria-label":T.value,class:u(S),"data-disabled":u(h),"data-readonly":u(g),"data-state":u(_),disabled:w.value,hidden:u(b),type:C.value,onClick:E}),{default:f(()=>[l(t.$slots,`default`,{},()=>[n[0]||(n[0]=a(`Edit`,-1))])]),_:3},16,[`aria-label`,`class`,`data-disabled`,`data-readonly`,`data-state`,`disabled`,`hidden`,`type`]))}});export{p as default};

package/dist/components/editable/editable-edit-trigger.vue.d.ts

@@ -0,0 +1,21 @@
+import { AsTag } from "../primitive/types.js";
+import { EditableEditTriggerProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/editable/editable-edit-trigger.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<EditableEditTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<EditableEditTriggerProps> & Readonly<{}>, {
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, 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/editable-input.js

@@ -0,0 +1 @@
+import{getAriaLabel as e}from"../../shared/dom.js";import"../../shared/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useEditableRootContext as n,useEditableUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,nextTick as c,onMounted as l,openBlock as u,renderSlot as d,unref as f,useAttrs as p,watch as m,withCtx as h}from"vue";const g=o({name:`EditableInput`,__name:`editable-input`,props:{id:{},asChild:{type:Boolean},as:{}},setup(o){let g=o,_=p(),v=g,{dataDisabled:y,dataReadonly:b,dataState:x,id:S,inputElement:C,inputValue:w,isEditing:T,maxLength:E,placeholder:D,readonly:O,selectOnFocus:k,setInputElement:A,submitMode:j,disabled:M,cancel:N,submit:P}=n(`EditableInput`),F=r(`input`),I=i(()=>v.id||S.value),L=i(()=>{if(!_[`aria-labelledby`])return e(C.value,I.value,_[`aria-label`])});function R(){C.value?.focus({preventScroll:!0}),k.value&&C.value?.select()}function z(e){w.value=e.target.value}function B(e){if(!e.isComposing){if(e.key===`Escape`){e.preventDefault(),N();return}(j.value===`enter`||j.value===`both`)&&e.key===`Enter`&&!e.shiftKey&&!e.metaKey&&!e.ctrlKey&&!e.altKey&&(e.preventDefault(),P())}}return m(T,async e=>{e&&(await c(),R())}),l(()=>{T.value&&R()}),(e,n)=>(u(),a(f(t),s(g,{id:I.value,ref:f(A),as:g.as||`input`,"as-child":g.asChild,class:f(F),"aria-label":L.value,"data-disabled":f(y),"data-readonly":f(b),"data-state":f(x),disabled:f(M),hidden:!f(T),maxlength:f(E),placeholder:f(D).edit,readonly:f(O),value:f(w),onInput:z,onKeydown:B}),{default:h(()=>[d(e.$slots,`default`)]),_:3},16,[`id`,`as`,`as-child`,`class`,`aria-label`,`data-disabled`,`data-readonly`,`data-state`,`disabled`,`hidden`,`maxlength`,`placeholder`,`readonly`,`value`]))}});export{g as default};

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

@@ -0,0 +1,18 @@
+import { EditableInputProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/editable/editable-input.vue.d.ts
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<EditableInputProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<EditableInputProps> & 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/editable/editable-preview.js

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useEditableRootContext as t,useEditableUi as n}from"./context.js";import{computed as r,createBlock as i,createTextVNode as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,toDisplayString as u,unref as d,withCtx as f}from"vue";const p=o({name:`EditablePreview`,__name:`editable-preview`,props:{asChild:{type:Boolean},as:{default:`span`}},setup(o){let p=o,{activationMode:m,dataDisabled:h,dataReadonly:g,dataState:_,disabled:v,edit:y,isEditing:b,isEmpty:x,modelValue:S,placeholder:C}=t(`EditablePreview`),w=n(`preview`),T=r(()=>C.value.preview),E=r(()=>v.value?-1:0);function D(){m.value===`focus`&&y()}function O(){m.value===`dblclick`&&y()}return(t,n)=>(c(),i(d(e),s(p,{class:d(w),"data-disabled":d(h),"data-placeholder-shown":d(x)?``:void 0,"data-readonly":d(g),"data-state":d(_),hidden:d(b),tabindex:E.value,onDblclick:O,onFocusin:D}),{default:f(()=>[l(t.$slots,`default`,{},()=>[a(u(d(S)||T.value),1)])]),_:3},16,[`class`,`data-disabled`,`data-placeholder-shown`,`data-readonly`,`data-state`,`hidden`,`tabindex`]))}});export{p as default};

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

@@ -0,0 +1,21 @@
+import { AsTag } from "../primitive/types.js";
+import { EditablePreviewProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/editable/editable-preview.vue.d.ts
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<EditablePreviewProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<EditablePreviewProps> & Readonly<{}>, {
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, 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/editable-root.js

@@ -0,0 +1 @@
+import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useFocusOutside as r,usePointerdownOutside as i}from"../../composables/use-dismissable-layer.js";import{useForwardElement as a}from"../../composables/use-forward-element.js";import{useOmitProps as o}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as s}from"../primitive/primitive.js";import"../primitive/index.js";import{useDirection as c}from"../config-provider/context.js";import l from"../visually-hidden/visually-hidden-input.js";import{provideEditableRootContext as u,useEditableUi as d}from"./context.js";import{computed as f,createBlock as p,createCommentVNode as m,defineComponent as h,mergeProps as g,openBlock as _,renderSlot as v,shallowRef as y,unref as b,watch as x,withCtx as S}from"vue";const C=h({name:`EditableRoot`,__name:`editable-root`,props:{defaultValue:{},modelValue:{default:void 0},placeholder:{},dir:{},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},activationMode:{default:`focus`},selectOnFocus:{type:Boolean,default:!1},submitMode:{default:`blur`},startWithEditMode:{type:Boolean,default:!1},maxLength:{},autoResize:{type:Boolean,default:!1},id:{},asChild:{type:Boolean},as:{default:`div`},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`submit`,`update:state`],setup(h,{expose:C,emit:w}){let T=h,E=w,[D,O]=a(),k=d(`root`),A=o(T,[`defaultValue`,`modelValue`,`placeholder`,`dir`,`disabled`,`readonly`,`activationMode`,`selectOnFocus`,`submitMode`,`startWithEditMode`,`maxLength`,`id`,`name`,`required`,`autoResize`]),j=c(()=>T.dir),M=n(()=>T.modelValue,e=>{E(`update:modelValue`,e??``)},T.defaultValue??``),N=y(M.value??``),P=y(T.startWithEditMode),F=f(()=>e(D.value)),I=f(()=>typeof T.placeholder==`string`?{edit:T.placeholder,preview:T.placeholder}:T.placeholder??{}),L=f(()=>P.value?N.value:M.value),R=f(()=>!L.value);x(M,e=>{N.value=e??``},{immediate:!0});function z(){T.disabled||T.readonly||P.value||(N.value=M.value??``,P.value=!0,E(`update:state`,`edit`))}function B(){P.value&&(N.value=M.value??``,P.value=!1,E(`update:state`,`cancel`))}function V(){if(!P.value)return;let e=N.value??``;M.value=e,P.value=!1,E(`update:state`,`submit`),E(`submit`,e)}function H(){if(P.value){if(T.submitMode===`blur`||T.submitMode===`both`){V();return}B()}}let U=i(D,()=>{H()},P),W=r(D,()=>{H()},P),{dataDisabled:G,dataReadonly:K,dataState:q}=u({...t(T,[`id`,`name`,`maxLength`,`disabled`,`readonly`,`activationMode`,`submitMode`,`selectOnFocus`,`startWithEditMode`,`dir`,`required`,`autoResize`]),modelValue:M,inputValue:N,placeholder:I,isEditing:P,isEmpty:R,edit:z,cancel:B,submit:V});return C({edit:z,cancel:B,submit:V}),(e,t)=>(_(),p(b(s),g(b(A),{ref:b(O),class:b(k),dir:b(j),"data-dismissable-layer":``,"data-disabled":b(G),"data-readonly":b(K),"data-state":b(q),onFocusCapture:b(W).onFocusCapture,onBlurCapture:b(W).onBlurCapture,onPointerdownCapture:b(U).onPointerdownCapture}),{default:S(()=>[v(e.$slots,`default`,{modelValue:b(M),inputValue:N.value,isEditing:P.value,isEmpty:R.value,edit:z,cancel:B,submit:V}),F.value&&h.name?(_(),p(l,{key:0,type:`text`,value:b(M),name:h.name,disabled:h.disabled,readonly:h.readonly,required:h.required},null,8,[`value`,`name`,`disabled`,`readonly`,`required`])):m(`v-if`,!0)]),_:3},16,[`class`,`dir`,`data-disabled`,`data-readonly`,`data-state`,`onFocusCapture`,`onBlurCapture`,`onPointerdownCapture`]))}});export{C as default};

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

@@ -0,0 +1,52 @@
+import { AsTag } from "../primitive/types.js";
+import { EditableActivationMode, EditableEventState, EditableRootProps, EditableSubmitMode } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/editable/editable-root.vue.d.ts
+declare function edit(): void;
+declare function cancel(): void;
+declare function submit(): void;
+declare var __VLS_12: {
+  modelValue: string | undefined;
+  inputValue: string;
+  isEditing: boolean;
+  isEmpty: boolean;
+  edit: typeof edit;
+  cancel: typeof cancel;
+  submit: typeof submit;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<EditableRootProps, {
+  edit: typeof edit;
+  cancel: typeof cancel;
+  submit: typeof submit;
+}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: string) => any;
+  submit: (value: string) => any;
+  "update:state": (state: EditableEventState) => any;
+}, string, _$vue.PublicProps, Readonly<EditableRootProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onSubmit?: ((value: string) => any) | undefined;
+  "onUpdate:state"?: ((state: EditableEventState) => any) | undefined;
+}>, {
+  disabled: boolean;
+  modelValue: string;
+  as: AsTag | _$vue.Component;
+  activationMode: EditableActivationMode;
+  readonly: boolean;
+  selectOnFocus: boolean;
+  submitMode: EditableSubmitMode;
+  startWithEditMode: boolean;
+  autoResize: 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/editable/editable-submit-trigger.js

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useEditableRootContext as t,useEditableUi as n}from"./context.js";import{computed as r,createBlock as i,createTextVNode as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,useAttrs as d,withCtx as f}from"vue";const p=o({name:`EditableSubmitTrigger`,__name:`editable-submit-trigger`,props:{asChild:{type:Boolean},as:{default:`button`}},setup(o){let p=o,m=d(),{dataDisabled:h,dataReadonly:g,dataState:_,disabled:v,isEditing:y,submit:b}=t(`EditableSubmitTrigger`),x=n(`submitTrigger`),S=r(()=>p.as===`button`?`button`:void 0),C=r(()=>{if(!m[`aria-labelledby`])return m[`aria-label`]||`Submit`});function w(){b()}return(t,n)=>(c(),i(u(e),s(p,{"aria-label":C.value,class:u(x),"data-disabled":u(h),"data-readonly":u(g),"data-state":u(_),disabled:u(v),hidden:!u(y),type:S.value,onClick:w}),{default:f(()=>[l(t.$slots,`default`,{},()=>[n[0]||(n[0]=a(`Submit`,-1))])]),_:3},16,[`aria-label`,`class`,`data-disabled`,`data-readonly`,`data-state`,`disabled`,`hidden`,`type`]))}});export{p as default};

package/dist/components/editable/editable-submit-trigger.vue.d.ts

@@ -0,0 +1,21 @@
+import { AsTag } from "../primitive/types.js";
+import { EditableSubmitTriggerProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/editable/editable-submit-trigger.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<EditableSubmitTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<EditableSubmitTriggerProps> & Readonly<{}>, {
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, 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,10 @@
+import { EditableActivationMode, EditableAreaProps, EditableCancelTriggerProps, EditableEditTriggerProps, EditableEventState, EditableInputProps, EditablePlaceholder, EditablePreviewProps, EditableRootEmits, EditableRootProps, EditableSubmitMode, EditableSubmitTriggerProps, EditableUi, EditableUiSlot, EditableViewState } from "./types.js";
+import { _default } from "./editable-area.vue.js";
+import { _default as _default$1 } from "./editable-cancel-trigger.vue.js";
+import { _default as _default$2 } from "./editable-edit-trigger.vue.js";
+import { _default as _default$3 } from "./editable-input.vue.js";
+import { _default as _default$4 } from "./editable-preview.vue.js";
+import { _default as _default$5 } from "./editable-root.vue.js";
+import { _default as _default$6 } from "./editable-submit-trigger.vue.js";
+import { provideEditableUi } from "./context.js";
+export { type EditableActivationMode, _default as EditableArea, type EditableAreaProps, _default$1 as EditableCancelTrigger, type EditableCancelTriggerProps, _default$2 as EditableEditTrigger, type EditableEditTriggerProps, type EditableEventState, _default$3 as EditableInput, type EditableInputProps, type EditablePlaceholder, _default$4 as EditablePreview, type EditablePreviewProps, _default$5 as EditableRoot, type EditableRootEmits, type EditableRootProps, type EditableSubmitMode, _default$6 as EditableSubmitTrigger, type EditableSubmitTriggerProps, type EditableUi, type EditableUiSlot, type EditableViewState, provideEditableUi };

package/dist/components/editable/index.js

@@ -0,0 +1 @@
+import{provideEditableUi as e}from"./context.js";import t from"./editable-area.js";import n from"./editable-cancel-trigger.js";import r from"./editable-edit-trigger.js";import i from"./editable-input.js";import a from"./editable-preview.js";import o from"./editable-root.js";import s from"./editable-submit-trigger.js";export{t as EditableArea,n as EditableCancelTrigger,r as EditableEditTrigger,i as EditableInput,a as EditablePreview,o as EditableRoot,s as EditableSubmitTrigger,e as provideEditableUi};

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

@@ -0,0 +1,59 @@
+import { Direction, UiClass } from "../../types/common.js";
+import { FormFieldCommonProps } from "../../types/component.js";
+import { PrimitiveProps } from "../primitive/types.js";
+import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, InputHTMLAttributes, ShallowRef } from "vue";
+
+//#region src/components/editable/types.d.ts
+type EditableActivationMode = 'focus' | 'dblclick' | 'none';
+type EditableSubmitMode = 'blur' | 'enter' | 'none' | 'both';
+type EditableEventState = 'edit' | 'submit' | 'cancel';
+type EditableViewState = 'preview' | 'edit';
+interface EditablePlaceholder {
+  edit?: string;
+  preview?: string;
+}
+interface EditableRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */Omit<HTMLAttributes, 'onSubmit' | 'placeholder'> {
+  /** The default value of the editable field. */
+  defaultValue?: string;
+  /** The controlled value of the editable field. */
+  modelValue?: string;
+  /** The placeholder for the editable field. */
+  placeholder?: string | EditablePlaceholder;
+  /** The reading direction of the editable field when applicable. */
+  dir?: Direction;
+  /** When `true`, prevents the user from interacting with the editable field. */
+  disabled?: boolean;
+  /** When `true`, prevents the user from editing the value. */
+  readonly?: boolean;
+  /** The activation event of the editable field. */
+  activationMode?: EditableActivationMode;
+  /** Whether to select the text in the input when it is focused. */
+  selectOnFocus?: boolean;
+  /** The submit event of the editable field. */
+  submitMode?: EditableSubmitMode;
+  /** Whether to start with the edit mode active. */
+  startWithEditMode?: boolean;
+  /** The maximum number of characters allowed. */
+  maxLength?: number;
+  /** Whether the editable field should auto resize. */
+  autoResize?: boolean;
+  /** The id of the field. */
+  id?: string;
+}
+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];
+};
+interface EditableAreaProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface EditablePreviewProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface EditableInputProps extends PrimitiveProps, /** @vue-ignore */Omit<InputHTMLAttributes, 'id'> {
+  id?: string;
+}
+interface EditableEditTriggerProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {}
+interface EditableSubmitTriggerProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {}
+interface EditableCancelTriggerProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {}
+type EditableUiSlot = 'root' | 'area' | 'preview' | 'input' | 'editTrigger' | 'submitTrigger' | 'cancelTrigger';
+type EditableUi = UiClass<EditableUiSlot>;
+//#endregion
+export { EditableActivationMode, EditableAreaProps, EditableCancelTriggerProps, EditableEditTriggerProps, EditableEventState, EditableInputProps, EditablePlaceholder, EditablePreviewProps, EditableRootEmits, EditableRootProps, EditableSubmitMode, EditableSubmitTriggerProps, EditableUi, EditableUiSlot, EditableViewState };

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

@@ -0,0 +1,8 @@
+import { ClassValue, UiClass } from "../../types/common.js";
+import { EmptyUiSlot } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/empty/context.d.ts
+declare const provideEmptyUi: (ui: _$vue.ComputedRef<Partial<UiClass<EmptyUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<EmptyUiSlot>>>, useEmptyUi: <S extends EmptyUiSlot | undefined = undefined>(slot?: S | undefined) => S extends EmptyUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<EmptyUiSlot>>>;
+//#endregion
+export { provideEmptyUi };

package/dist/components/empty/context.js

@@ -0,0 +1 @@
+import{useUiContext as e}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[t,n]=e(`EmptyUi`);export{t as provideEmptyUi,n as useEmptyUi};

package/dist/components/empty/empty-content.js

@@ -0,0 +1 @@
+import{useEmptyUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`EmptyContent`,__name:`empty-content`,setup(n){let s=e(`content`);return(e,n)=>(i(),t(`div`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};