@soybeanjs/headless 0.29.0-beta.9 → 0.29.1

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

@@ -0,0 +1,377 @@
+import { MaybeArray, UiClass } from "../../types/common.js";
+import { DismissableLayerEmits, DismissableLayerProps, FocusScopeEmits, ForceMountProps, TrapFocusProps } from "../../types/component.js";
+import { BaseProps } from "../../types/vue.js";
+import { IconValue } from "../_icon/types.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { ListboxFilterEmits, ListboxFilterProps, ListboxGroupLabelProps, ListboxGroupProps, ListboxItemEmits, ListboxItemIndicatorProps, ListboxItemProps, ListboxRootEmits, ListboxRootProps, ListboxVirtualizerProps } from "../listbox/types.js";
+import { PopperAnchorProps, PopperArrowProps, PopperPopupProps, PopperPositionerEmits, PopperPositionerProps, PopperUiSlot } from "../popper/types.js";
+import { PortalProps } from "../portal/types.js";
+import { ComputedRef, ShallowRef } from "vue";
+//#region src/components/combobox/types.d.ts
+/**
+ * Properties for the ComboboxRoot component.
+ */
+interface ComboboxRootProps<M extends boolean = false> extends Omit<ListboxRootProps<M>, 'orientation' | 'selectionBehavior'> {
+  /** The controlled open state of the Combobox. Can be bound with `v-model:open`. */
+  open?: boolean;
+  /** The open state of the combobox when it is initially rendered. <br> Use when you do not need to control its open state. */
+  defaultOpen?: boolean;
+  /**
+   * Whether to reset the searchTerm when the Combobox input blurred
+   * @defaultValue `true`
+   */
+  resetSearchTermOnBlur?: boolean;
+  /**
+   * Whether to reset the searchTerm when the Combobox value is selected
+   * @defaultValue `true`
+   */
+  resetSearchTermOnSelect?: boolean;
+  /**
+   * Whether to open the combobox when the input is focused
+   * @defaultValue `false`
+   */
+  openOnFocus?: boolean;
+  /**
+   * Whether to open the combobox when the input is clicked
+   * @defaultValue `false`
+   */
+  openOnClick?: boolean;
+  /**
+   * When `true`, disable the default filters
+   */
+  ignoreFilter?: boolean;
+  /**
+   * When `true` the `modelValue` will be reset to `null` (or `[]` if `multiple`)
+   */
+  resetModelValueOnClear?: boolean;
+}
+/**
+ * Events for the ComboboxRoot component.
+ */
+type ComboboxRootEmits<M extends boolean = false> = Pick<ListboxRootEmits<M>, 'update:modelValue' | 'highlight'> & {
+  /**
+   * Emitted when the open state changes.
+   */
+  'update:open': [value: boolean];
+};
+/**
+ * Properties for the ComboboxTrigger component.
+ */
+interface ComboboxTriggerProps extends PrimitiveWithBaseProps {
+  /**
+   * Whether the component is disabled.
+   */
+  disabled?: boolean;
+}
+/**
+ * Properties for the ComboboxContentImpl component.
+ */
+interface ComboboxContentImplProps extends PopperPositionerProps, TrapFocusProps, DismissableLayerProps, ForceMountProps {
+  /**
+   * Position.
+   */
+  position?: 'inline' | 'popper';
+  /**
+   * Whether body lock.
+   */
+  bodyLock?: boolean;
+  /**
+   * Whether hide when empty.
+   */
+  hideWhenEmpty?: boolean;
+  /**
+   * Properties forwarded to the popup element.
+   */
+  popupProps?: PopperPopupProps;
+}
+/**
+ * Events for the ComboboxContentImpl component.
+ */
+type ComboboxContentImplEmits = DismissableLayerEmits & FocusScopeEmits & PopperPositionerEmits;
+/**
+ * Properties for the ComboboxContent component.
+ */
+interface ComboboxContentProps extends ComboboxContentImplProps {}
+/**
+ * Events for the ComboboxContent component.
+ */
+type ComboboxContentEmits = ComboboxContentImplEmits;
+/**
+ * Properties for the ComboboxInput component.
+ */
+interface ComboboxInputProps extends ListboxFilterProps {
+  /**
+   * Display value.
+   */
+  displayValue?: (value: MaybeArray<string> | undefined) => string;
+}
+/**
+ * Events for the ComboboxInput component.
+ */
+type ComboboxInputEmits = ListboxFilterEmits;
+/**
+ * Properties for the ComboboxViewport component.
+ */
+interface ComboboxViewportProps extends BaseProps {
+  /**
+   * Nonce.
+   */
+  nonce?: string;
+}
+/**
+ * Properties for the ComboboxItem component.
+ */
+interface ComboboxItemProps extends ListboxItemProps {
+  /**
+   * Text value.
+   */
+  textValue?: string;
+}
+/**
+ * Events for the ComboboxItem component.
+ */
+type ComboboxItemEmits = ListboxItemEmits;
+/**
+ * Properties for the ComboboxEmpty component.
+ */
+interface ComboboxEmptyProps extends PrimitiveWithBaseProps {}
+/**
+ * Properties for the ComboboxSeparator component.
+ */
+interface ComboboxSeparatorProps extends PrimitiveWithBaseProps {}
+/**
+ * Properties for the ComboboxCancel component.
+ */
+interface ComboboxCancelProps extends PrimitiveWithBaseProps {
+  /**
+   * Whether the component is disabled.
+   */
+  disabled?: boolean;
+}
+/**
+ * Properties for the ComboboxVirtualizer component.
+ */
+interface ComboboxVirtualizerProps extends ListboxVirtualizerProps {}
+/**
+ * Option data for the ComboboxSingle component.
+ */
+interface ComboboxSingleOptionData extends Pick<ComboboxItemProps, 'disabled' | 'textValue'> {
+  /**
+   * Value associated with the current item.
+   */
+  value: string;
+  /**
+   * Icon rendered by the component.
+   */
+  icon?: IconValue;
+  /**
+   * Label text rendered by the component.
+   */
+  label: string;
+  /**
+   * Whether separator.
+   */
+  separator?: boolean;
+}
+/**
+ * Option data for the ComboboxGroup component.
+ */
+interface ComboboxGroupOptionData extends Pick<ComboboxSingleOptionData, 'label' | 'separator'> {
+  /**
+   * Items rendered by the component.
+   */
+  items: ComboboxSingleOptionData[];
+}
+/**
+ * Option data for the Combobox component.
+ */
+type ComboboxOptionData = ComboboxSingleOptionData | ComboboxGroupOptionData;
+/**
+ * Properties for the ComboboxCompact component.
+ */
+interface ComboboxCompactProps<M extends boolean = false> extends ComboboxRootProps<M> {
+  /**
+   * Items rendered by the component.
+   */
+  items: ComboboxOptionData[];
+  /**
+   * Placeholder.
+   */
+  placeholder?: string;
+  /**
+   * Search placeholder.
+   */
+  searchPlaceholder?: string;
+  /**
+   * Clear label.
+   */
+  clearLabel?: string;
+  /**
+   * Empty label.
+   */
+  emptyLabel?: string;
+  /**
+   * Properties forwarded to the anchor element.
+   */
+  anchorProps?: PopperAnchorProps;
+  /**
+   * Properties forwarded to the trigger element.
+   */
+  triggerProps?: ComboboxTriggerProps;
+  /**
+   * Properties forwarded to the cancel element.
+   */
+  cancelProps?: ComboboxCancelProps;
+  /**
+   * Properties forwarded to the portal element.
+   */
+  portalProps?: PortalProps;
+  /**
+   * Properties forwarded to the content element.
+   */
+  contentProps?: ComboboxContentProps;
+  /**
+   * Properties forwarded to the viewport element.
+   */
+  viewportProps?: ComboboxViewportProps;
+  /**
+   * Properties forwarded to the input element.
+   */
+  inputProps?: ComboboxInputProps;
+  /**
+   * Properties forwarded to the empty element.
+   */
+  emptyProps?: ComboboxEmptyProps;
+  /**
+   * Properties forwarded to the group element.
+   */
+  groupProps?: ListboxGroupProps;
+  /**
+   * Properties forwarded to the group label element.
+   */
+  groupLabelProps?: ListboxGroupLabelProps;
+  /**
+   * Properties forwarded to the item element.
+   */
+  itemProps?: ComboboxItemProps;
+  /**
+   * Properties forwarded to the item indicator element.
+   */
+  itemIndicatorProps?: ListboxItemIndicatorProps;
+  /**
+   * Properties forwarded to the separator element.
+   */
+  separatorProps?: ComboboxSeparatorProps;
+}
+/**
+ * Events for the ComboboxCompact component.
+ */
+type ComboboxCompactEmits<M extends boolean = false> = ComboboxRootEmits<M> & ComboboxContentEmits & ComboboxItemEmits;
+type ComboboxCompactModelValue<M extends boolean = false> = (M extends true ? string[] : string) | undefined;
+/**
+ * Slot properties for the ComboboxCompactTriggerValue component.
+ */
+interface ComboboxCompactTriggerValueSlotProps<M extends boolean = false> {
+  /**
+   * Current model value.
+   */
+  modelValue: ComboboxCompactModelValue<M>;
+  /**
+   * Selected labels exposed in the slot scope.
+   */
+  selectedLabels: string[];
+  /**
+   * Slot text exposed in the slot scope.
+   */
+  slotText: string | undefined;
+}
+/**
+ * Slot properties for the ComboboxCompactInput component.
+ */
+interface ComboboxCompactInputSlotProps {
+  /**
+   * Clear exposed in the slot scope.
+   */
+  clear: () => void;
+}
+/**
+ * Slot properties for the ComboboxCompactGroupLabel component.
+ */
+interface ComboboxCompactGroupLabelSlotProps {
+  /**
+   * Current item data.
+   */
+  item: ComboboxGroupOptionData;
+}
+/**
+ * Slot properties for the ComboboxCompactItem component.
+ */
+interface ComboboxCompactItemSlotProps {
+  /**
+   * Current item data.
+   */
+  item: ComboboxSingleOptionData;
+}
+/**
+ * Slots for the ComboboxCompact component.
+ */
+type ComboboxCompactSlots<M extends boolean = false> = {
+  /**
+   * Custom content for the trigger leading slot.
+   */
+  'trigger-leading'?: () => any;
+  /**
+   * Custom content for the trigger value slot.
+   */
+  'trigger-value'?: (props: ComboboxCompactTriggerValueSlotProps<M>) => any;
+  /**
+   * Custom content for the trigger trailing slot.
+   */
+  'trigger-trailing'?: () => any;
+  /**
+   * Custom content for the trigger icon slot.
+   */
+  'trigger-icon'?: () => any;
+  /**
+   * Custom content for the input leading slot.
+   */
+  'input-leading'?: (props: ComboboxCompactInputSlotProps) => any;
+  /**
+   * Custom content for the input trailing slot.
+   */
+  'input-trailing'?: (props: ComboboxCompactInputSlotProps) => any;
+  /**
+   * Custom content for the empty slot.
+   */
+  empty?: () => any;
+  /**
+   * Custom content for the group label slot.
+   */
+  'group-label'?: (props: ComboboxCompactGroupLabelSlotProps) => any;
+  /**
+   * Custom content for the item leading slot.
+   */
+  'item-leading'?: (props: ComboboxCompactItemSlotProps) => any;
+  /**
+   * Custom content for the item text slot.
+   */
+  'item-text'?: (props: ComboboxCompactItemSlotProps) => any;
+  /**
+   * Custom content for the item trailing slot.
+   */
+  'item-trailing'?: (props: ComboboxCompactItemSlotProps) => any;
+  /**
+   * Custom content for the item indicator slot.
+   */
+  'item-indicator'?: (props: ComboboxCompactItemSlotProps) => any;
+};
+/**
+ * Available UI slots for the Combobox component.
+ */
+type ComboboxUiSlot = PopperUiSlot | 'root' | 'trigger' | 'triggerIcon' | 'cancel' | 'viewport' | 'inputRoot' | 'inputControl' | 'group' | 'groupLabel' | 'item' | 'itemIndicator' | 'empty' | 'separator' | 'virtualizer';
+/**
+ * UI class overrides for the Combobox component.
+ */
+type ComboboxUi = UiClass<ComboboxUiSlot>;
+//#endregion
+export { ComboboxCancelProps, ComboboxCompactEmits, ComboboxCompactProps, ComboboxCompactSlots, ComboboxContentEmits, ComboboxContentProps, ComboboxEmptyProps, ComboboxGroupOptionData, ComboboxInputEmits, ComboboxInputProps, ComboboxItemEmits, ComboboxItemProps, ComboboxOptionData, ComboboxRootEmits, ComboboxRootProps, ComboboxSeparatorProps, ComboboxSingleOptionData, ComboboxTriggerProps, ComboboxUi, ComboboxUiSlot, ComboboxViewportProps, ComboboxVirtualizerProps };

package/dist/components/command/command-compact.js

@@ -0,0 +1 @@
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useFuse as n}from"../../composables/use-fuse.js";import{useOmitProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import i from"../_icon/icon.js";import a from"../listbox/listbox-group-label.js";import o from"../listbox/listbox-root.js";import s from"../listbox/listbox-content.js";import c from"../listbox/listbox-group.js";import l from"../listbox/listbox-item.js";import u from"../listbox/listbox-filter.js";import"../listbox/index.js";import d from"../kbd/kbd.js";import f from"../separator/separator-root.js";import{getCommandItemOptions as p,getCommandSearchOptions as m,isGroupOption as h}from"./shared.js";import{useCommandUi as g}from"./context.js";import{Fragment as _,computed as v,createBlock as y,createCommentVNode as b,createElementBlock as x,createElementVNode as S,createTextVNode as C,createVNode as w,defineComponent as T,guardReactiveProps as E,isRef as D,mergeProps as O,normalizeClass as k,normalizeProps as A,openBlock as j,renderList as M,renderSlot as N,toDisplayString as P,unref as F,withCtx as I}from"vue";import{defu as L}from"defu";const R=T({name:`CommandCompact`,__name:`command-compact`,props:{items:{},placeholder:{},searchTerm:{},clearable:{type:Boolean},fuseOptions:{},listProps:{},itemProps:{},itemLabelProps:{},groupProps:{},groupLabelProps:{},shortcutProps:{},separatorProps:{},inputProps:{},emptyProps:{},emptyLabel:{},orientation:{},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`,`update:searchTerm`],setup(T,{emit:R}){let z=T,B=R,V=r(z,[`items`,`placeholder`,`searchTerm`,`fuseOptions`,`emptyLabel`,`listProps`,`itemProps`,`itemLabelProps`,`groupProps`,`groupLabelProps`,`shortcutProps`,`separatorProps`,`inputProps`,`emptyProps`]),H=t(()=>z.searchTerm,e=>{B(`update:searchTerm`,e)},z.inputProps?.defaultValue??``),U=v(()=>L(z.fuseOptions,{fuseOptions:{ignoreLocation:!0,threshold:.1,keys:[`label`,`groupLabel`]},resultLimit:12,matchAllWhenSearchEmpty:!0})),{results:W}=n(H,v(()=>m(z.items)),U),G=v(()=>p(W.value.map(e=>e.item))),K=v(()=>({...z.inputProps,placeholder:z.placeholder??z.inputProps?.placeholder})),q=v(()=>({...z.listProps,"aria-label":z.listProps?.[`aria-label`]??z.placeholder??`Commands`})),J=g(),Y=e(),X=e=>h(e)?`group-${e.value}`:`item-${e.value}`;return(e,t)=>(j(),y(F(o),O(F(V),{"onUpdate:modelValue":t[3]||(t[3]=e=>B(`update:modelValue`,e)),onHighlight:t[4]||(t[4]=e=>B(`highlight`,e)),onEntryFocus:t[5]||(t[5]=e=>B(`entryFocus`,e)),onLeave:t[6]||(t[6]=e=>B(`leave`,e))}),{default:I(()=>[w(F(u),O(K.value,{modelValue:F(H),"onUpdate:modelValue":t[0]||(t[0]=e=>D(H)?H.value=e:null),autofocus:``}),{leading:I(({clear:t})=>[N(e.$slots,`input-leading`,{clear:t},()=>[w(i,{icon:`lucide:search`})])]),trailing:I(({clear:t})=>[T.clearable?(j(),y(i,{key:0,icon:`lucide:x`,class:k(F(J).inputClearable),onClick:t},null,8,[`class`,`onClick`])):b(`v-if`,!0),N(e.$slots,`input-trailing`,{clear:t})]),_:3},16,[`modelValue`]),w(F(s),A(E(q.value)),{default:I(()=>[G.value.length?b(`v-if`,!0):(j(),x(`div`,O({key:0},T.emptyProps,{class:F(J).empty}),[N(e.$slots,`empty`,{},()=>[C(P(z.emptyLabel??F(Y).command.noResults),1)])],16)),(j(!0),x(_,null,M(G.value,n=>(j(),x(_,{key:X(n)},[F(h)(n)?(j(),x(_,{key:0},[w(F(c),O({ref_for:!0},T.groupProps),{default:I(()=>[w(F(a),O({ref_for:!0},T.groupLabelProps),{default:I(()=>[C(P(n.label),1)]),_:2},1040),(j(!0),x(_,null,M(n.items,n=>(j(),y(F(l),O({key:String(n.value)},{ref_for:!0},T.itemProps,{value:n.value,disabled:n.disabled,onSelect:t[1]||(t[1]=e=>B(`select`,e))}),{default:I(()=>[N(e.$slots,`item-leading`,{item:n},()=>[n.icon?(j(),y(i,{key:0,icon:n.icon},null,8,[`icon`])):b(`v-if`,!0)]),S(`span`,O({class:F(J).itemLabel},{ref_for:!0},T.itemLabelProps),[N(e.$slots,`item-label`,{item:n},()=>[C(P(n.label),1)])],16),N(e.$slots,`item-trailing`,{item:n}),n.shortcut?(j(),y(d,O({key:0,ref_for:!0},T.shortcutProps,{value:n.shortcut,class:F(J).shortcut}),null,16,[`value`,`class`])):b(`v-if`,!0)]),_:2},1040,[`value`,`disabled`]))),128))]),_:2},1040),n.separator?(j(),y(f,O({key:0,ref_for:!0},T.separatorProps,{decorative:``,class:F(J).separator}),null,16,[`class`])):b(`v-if`,!0)],64)):(j(),x(_,{key:1},[w(F(l),O({ref_for:!0},T.itemProps,{value:n.value,disabled:n.disabled,onSelect:t[2]||(t[2]=e=>B(`select`,e))}),{default:I(()=>[N(e.$slots,`item-leading`,{item:n},()=>[n.icon?(j(),y(i,{key:0,icon:n.icon},null,8,[`icon`])):b(`v-if`,!0)]),S(`span`,O({class:F(J).itemLabel},{ref_for:!0},T.itemLabelProps),[N(e.$slots,`item-label`,{item:n},()=>[C(P(n.label),1)])],16),N(e.$slots,`item-trailing`,{item:n}),n.shortcut?(j(),y(d,O({key:0,ref_for:!0},T.shortcutProps,{value:n.shortcut,class:F(J).shortcut}),null,16,[`value`,`class`])):b(`v-if`,!0)]),_:2},1040,[`value`,`disabled`]),n.separator?(j(),y(f,O({key:0,ref_for:!0},T.separatorProps,{decorative:``,class:F(J).separator}),null,16,[`class`])):b(`v-if`,!0)],64))],64))),128))]),_:3},16),N(e.$slots,`bottom`)]),_:3},16))}});export{R as default};

package/dist/components/command/command-compact.vue.d.ts

@@ -0,0 +1,27 @@
+import { SelectEvent } from "../../types/event.js";
+import { CollectionItemData } from "../../composables/use-collection.js";
+import { ListboxCollectionItemData } from "../listbox/types.js";
+import { CommandCompactProps, CommandCompactSlots, CommandSingleOptionData } from "./types.js";
+//#region src/components/command/command-compact.vue.d.ts
+declare const __VLS_export: <T extends CommandSingleOptionData = CommandSingleOptionData>(__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: import("vue").PublicProps & __VLS_PrettifyLocal<CommandCompactProps<T> & {
+    onSelect?: ((event: SelectEvent<string>) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
+    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
+    onLeave?: ((event: Event) => any) | undefined;
+    "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: CommandCompactSlots<T>;
+  emit: ((evt: "select", event: SelectEvent<string>) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "leave", event: Event) => void) & ((evt: "update:searchTerm", value: string) => void);
+}>) => import("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/command/context.d.ts

@@ -0,0 +1,7 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { CommandUiSlot } from "./types.js";
+//#region src/components/command/context.d.ts
+declare const provideCommandUi: (ui: import("vue").ComputedRef<Partial<UiClass<CommandUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<CommandUiSlot>>>, useCommandUi: UseUiConsumer<CommandUiSlot>;
+//#endregion
+export { provideCommandUi };

package/dist/components/command/context.js

@@ -0,0 +1 @@
+import{useUiContext as e}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{provideListboxUi as t}from"../listbox/context.js";import{computed as n}from"vue";const[r,i]=e(`CommandUi`,e=>(t(n(()=>({root:e.value?.root,content:e.value?.list,filterRoot:e.value?.inputRoot,filterControl:e.value?.inputControl,item:e.value?.item,itemIndicator:``,group:e.value?.group,groupLabel:e.value?.groupLabel,virtualizer:``}))),e));export{r as provideCommandUi,i as useCommandUi};

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

@@ -0,0 +1,5 @@
+import { ListboxContentProps, ListboxFilterProps, ListboxGroupLabelProps, ListboxGroupProps, ListboxItemEmits, ListboxItemProps, ListboxRootEmits, ListboxRootProps } from "../listbox/types.js";
+import { CommandCompactEmits, CommandCompactProps, CommandCompactSlots, CommandEmptyProps, CommandGroupOptionData, CommandItemLabelProps, CommandOptionData, CommandSearchOptionData, CommandSeparatorProps, CommandShortcutProps, CommandSingleOptionData, CommandUi, CommandUiSlot } from "./types.js";
+import { _default } from "./command-compact.vue.js";
+import { provideCommandUi } from "./context.js";
+export { _default as CommandCompact, type CommandCompactEmits, type CommandCompactProps, type CommandCompactSlots, type CommandEmptyProps, type ListboxGroupLabelProps as CommandGroupLabelProps, type CommandGroupOptionData, type ListboxGroupProps as CommandGroupProps, type ListboxFilterProps as CommandInputProps, type ListboxItemEmits as CommandItemEmits, type CommandItemLabelProps, type ListboxItemProps as CommandItemProps, type ListboxContentProps as CommandListProps, type CommandOptionData, type ListboxRootEmits as CommandRootEmits, type ListboxRootProps as CommandRootProps, type CommandSearchOptionData, type CommandSeparatorProps, type CommandShortcutProps, type CommandSingleOptionData, type CommandUi, type CommandUiSlot, provideCommandUi };

package/dist/components/command/index.js

@@ -0,0 +1 @@
+import{provideCommandUi as e}from"./context.js";import t from"./command-compact.js";export{t as CommandCompact,e as provideCommandUi};

package/dist/components/command/shared.js

@@ -0,0 +1 @@
+function e(e){return`items`in e}function t(t){return t.flatMap(t=>e(t)?t.items.map(e=>({groupValue:t.value,groupLabel:t.label,groupSeparator:t.separator,...e})):[t])}function n(e){let t=e.reduce((e,t)=>{let{groupValue:n,groupLabel:r,groupSeparator:i,...a}=t;return n?(e[n]||(e[n]={value:n,label:r??n,separator:i,items:[]}),e[n].items.push(a)):e[`item-${t.value}`]=a,e},{});return Object.values(t)}export{n as getCommandItemOptions,t as getCommandSearchOptions,e as isGroupOption};

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

@@ -0,0 +1,215 @@
+import { UiClass } from "../../types/common.js";
+import { BaseProps } from "../../types/vue.js";
+import { IconValue } from "../_icon/types.js";
+import { UseFuseOptions } from "../../composables/use-fuse.js";
+import { ListboxContentProps, ListboxFilterProps, ListboxGroupLabelProps, ListboxGroupProps, ListboxItemEmits, ListboxItemProps, ListboxRootEmits, ListboxRootProps, ListboxUiSlot } from "../listbox/types.js";
+import { KbdProps, KbdValue } from "../kbd/types.js";
+import { SeparatorRootProps } from "../separator/types.js";
+
+//#region src/components/command/types.d.ts
+/**
+ * Option data for the CommandSingle component.
+ */
+interface CommandSingleOptionData extends Pick<ListboxItemProps, 'value' | 'disabled'> {
+  /**
+   * Icon rendered by the component.
+   */
+  icon?: IconValue;
+  /**
+   * Label text rendered by the component.
+   */
+  label: string;
+  /**
+   * Whether separator.
+   */
+  separator?: boolean;
+  /**
+   * Shortcut.
+   */
+  shortcut?: KbdValue | KbdValue[];
+}
+/**
+ * Option data for the CommandGroup component.
+ */
+interface CommandGroupOptionData<T extends CommandSingleOptionData = CommandSingleOptionData> extends Pick<CommandSingleOptionData, 'value' | 'label' | 'separator'> {
+  /**
+   * Items rendered by the component.
+   */
+  items: T[];
+}
+/**
+ * Option data for the Command component.
+ */
+type CommandOptionData<T extends CommandSingleOptionData = CommandSingleOptionData> = T | CommandGroupOptionData<T>;
+/**
+ * Properties for the CommandItemLabel component.
+ */
+interface CommandItemLabelProps extends BaseProps {}
+/**
+ * Properties for the CommandShortcut component.
+ */
+interface CommandShortcutProps extends Omit<KbdProps, 'value'> {}
+/**
+ * Properties for the CommandSeparator component.
+ */
+interface CommandSeparatorProps extends SeparatorRootProps {}
+/**
+ * Option data for the CommandSearch component.
+ */
+type CommandSearchOptionData<T extends CommandSingleOptionData = CommandSingleOptionData> = T & {
+  /**
+   * Group value.
+   */
+  groupValue?: string;
+  /**
+   * Group label.
+   */
+  groupLabel?: string;
+  /**
+   * Whether group separator.
+   */
+  groupSeparator?: boolean;
+};
+/**
+ * Properties for the CommandEmpty component.
+ */
+interface CommandEmptyProps extends BaseProps {}
+/**
+ * Available UI slots for the Command component.
+ */
+type CommandUiSlot = Extract<ListboxUiSlot, 'root' | 'item' | 'group' | 'groupLabel'> | 'list' | 'inputRoot' | 'inputControl' | 'inputClearable' | 'itemLabel' | 'shortcut' | 'separator' | 'empty';
+/**
+ * UI class overrides for the Command component.
+ */
+type CommandUi = UiClass<CommandUiSlot>;
+/**
+ * Properties for the CommandCompact component.
+ */
+interface CommandCompactProps<T extends CommandSingleOptionData = CommandSingleOptionData> extends Omit<ListboxRootProps, 'onSelect'> {
+  /**
+   * Items rendered by the component.
+   */
+  items: CommandOptionData<T>[];
+  /**
+   * Placeholder.
+   */
+  placeholder?: string;
+  /**
+   * Search term.
+   */
+  searchTerm?: string;
+  /**
+   * Whether clearable.
+   */
+  clearable?: boolean;
+  /**
+   * Fuse options.
+   */
+  fuseOptions?: UseFuseOptions<CommandSearchOptionData<T>>;
+  /**
+   * Properties forwarded to the list element.
+   */
+  listProps?: ListboxContentProps;
+  /**
+   * Properties forwarded to the item element.
+   */
+  itemProps?: ListboxItemProps;
+  /**
+   * Properties forwarded to the item label element.
+   */
+  itemLabelProps?: CommandItemLabelProps;
+  /**
+   * Properties forwarded to the group element.
+   */
+  groupProps?: ListboxGroupProps;
+  /**
+   * Properties forwarded to the group label element.
+   */
+  groupLabelProps?: ListboxGroupLabelProps;
+  /**
+   * Properties forwarded to the shortcut element.
+   */
+  shortcutProps?: CommandShortcutProps;
+  /**
+   * Properties forwarded to the separator element.
+   */
+  separatorProps?: CommandSeparatorProps;
+  /**
+   * Properties forwarded to the input element.
+   */
+  inputProps?: ListboxFilterProps;
+  /**
+   * Properties forwarded to the empty element.
+   */
+  emptyProps?: CommandEmptyProps;
+  /**
+   * Empty label.
+   */
+  emptyLabel?: string;
+}
+/**
+ * Events for the CommandSearchTerm component.
+ */
+type CommandSearchTermEmits = {
+  /**
+   * Emitted when the search term value changes.
+   */
+  'update:searchTerm': [value: string];
+};
+/**
+ * Events for the CommandCompact component.
+ */
+type CommandCompactEmits = ListboxRootEmits & ListboxItemEmits & CommandSearchTermEmits;
+/**
+ * Slot properties for the CommandCompactInput component.
+ */
+interface CommandCompactInputSlotProps {
+  /**
+   * Clear exposed in the slot scope.
+   */
+  clear: () => void;
+}
+/**
+ * Slot properties for the CommandCompactItem component.
+ */
+interface CommandCompactItemSlotProps<T extends CommandSingleOptionData = CommandSingleOptionData> {
+  /**
+   * Current item data.
+   */
+  item: T;
+}
+/**
+ * Slots for the CommandCompact component.
+ */
+type CommandCompactSlots<T extends CommandSingleOptionData = CommandSingleOptionData> = {
+  /**
+   * Custom content for the input leading slot.
+   */
+  'input-leading'?: (props: CommandCompactInputSlotProps) => any;
+  /**
+   * Custom content for the input trailing slot.
+   */
+  'input-trailing'?: (props: CommandCompactInputSlotProps) => any;
+  /**
+   * Custom content for the empty slot.
+   */
+  empty?: () => any;
+  /**
+   * Custom content for the item leading slot.
+   */
+  'item-leading'?: (props: CommandCompactItemSlotProps<T>) => any;
+  /**
+   * Custom content for the item trailing slot.
+   */
+  'item-trailing'?: (props: CommandCompactItemSlotProps<T>) => any;
+  /**
+   * Custom content for the item label slot.
+   */
+  'item-label'?: (props: CommandCompactItemSlotProps<T>) => any;
+  /**
+   * Custom content for the bottom slot.
+   */
+  bottom?: () => any;
+};
+//#endregion
+export { CommandCompactEmits, CommandCompactProps, CommandCompactSlots, CommandEmptyProps, CommandGroupOptionData, CommandItemLabelProps, CommandOptionData, CommandSearchOptionData, CommandSeparatorProps, CommandShortcutProps, CommandSingleOptionData, CommandUi, CommandUiSlot };