@soybeanjs/headless 0.30.0 → 0.40.0-beta.1

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

@@ -5,15 +5,15 @@ import "../../types/index.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 { PopperAnchorProps, PopperArrowProps, PopperPositioningPopupProps, PopperPositioningPositionerEmits, PopperPositioningPositionerProps, PopperUiSlot } from "../popper/types.js";
 import { ComputedRef, ShallowRef } from "vue";
 import "@vueuse/core";
 //#region src/components/combobox/types.d.ts
 /**
  * Properties for the ComboboxRoot component.
  */
-interface ComboboxRootProps<M extends boolean = false> extends Omit<ListboxRootProps<M>, 'orientation' | 'selectionBehavior'> {
+export 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. */
@@ -42,24 +42,32 @@ interface ComboboxRootProps<M extends boolean = false> extends Omit<ListboxRootP
    * 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'> & {
+export 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 ComboboxAnchor component.
+ */
+export interface ComboboxAnchorProps extends PopperAnchorProps {}
+/**
+ * Properties for the ComboboxGroupLabel component.
+ */
+export interface ComboboxGroupLabelProps extends ListboxGroupLabelProps {}
+/**
+ * Properties for the ComboboxItemIndicator component.
+ */
+export interface ComboboxItemIndicatorProps extends ListboxItemIndicatorProps {}
 /**
  * Properties for the ComboboxTrigger component.
  */
-interface ComboboxTriggerProps extends PrimitiveWithBaseProps {
+export interface ComboboxTriggerProps extends PrimitiveWithBaseProps {
   /**
    * Whether the component is disabled.
    */
@@ -68,7 +76,7 @@ interface ComboboxTriggerProps extends PrimitiveWithBaseProps {
 /**
  * Properties for the ComboboxContentImpl component.
  */
-interface ComboboxContentImplProps extends PopperPositionerProps, TrapFocusProps, DismissableLayerProps, ForceMountProps {
+export interface ComboboxContentImplProps extends PopperPositioningPositionerProps, TrapFocusProps, DismissableLayerProps, ForceMountProps {
   /**
    * Position.
    */
@@ -84,24 +92,24 @@ interface ComboboxContentImplProps extends PopperPositionerProps, TrapFocusProps
   /**
    * Properties forwarded to the popup element.
    */
-  popupProps?: PopperPopupProps;
+  popupProps?: PopperPositioningPopupProps;
 }
 /**
  * Events for the ComboboxContentImpl component.
  */
-type ComboboxContentImplEmits = DismissableLayerEmits & FocusScopeEmits & PopperPositionerEmits;
+export type ComboboxContentImplEmits = DismissableLayerEmits & FocusScopeEmits & PopperPositioningPositionerEmits;
 /**
  * Properties for the ComboboxContent component.
  */
-interface ComboboxContentProps extends ComboboxContentImplProps {}
+export interface ComboboxContentProps extends ComboboxContentImplProps {}
 /**
  * Events for the ComboboxContent component.
  */
-type ComboboxContentEmits = ComboboxContentImplEmits;
+export type ComboboxContentEmits = ComboboxContentImplEmits;
 /**
  * Properties for the ComboboxInput component.
  */
-interface ComboboxInputProps extends ListboxFilterProps {
+export interface ComboboxInputProps extends ListboxFilterProps {
   /**
    * Display value.
    */
@@ -110,11 +118,11 @@ interface ComboboxInputProps extends ListboxFilterProps {
 /**
  * Events for the ComboboxInput component.
  */
-type ComboboxInputEmits = ListboxFilterEmits;
+export type ComboboxInputEmits = ListboxFilterEmits;
 /**
  * Properties for the ComboboxViewport component.
  */
-interface ComboboxViewportProps extends BaseProps {
+export interface ComboboxViewportProps extends BaseProps {
   /**
    * Nonce.
    */
@@ -123,7 +131,7 @@ interface ComboboxViewportProps extends BaseProps {
 /**
  * Properties for the ComboboxItem component.
  */
-interface ComboboxItemProps extends ListboxItemProps {
+export interface ComboboxItemProps extends ListboxItemProps {
   /**
    * Text value.
    */
@@ -132,32 +140,63 @@ interface ComboboxItemProps extends ListboxItemProps {
 /**
  * Events for the ComboboxItem component.
  */
-type ComboboxItemEmits = ListboxItemEmits;
+export type ComboboxItemEmits = ListboxItemEmits;
 /**
  * Properties for the ComboboxEmpty component.
  */
-interface ComboboxEmptyProps extends PrimitiveWithBaseProps {}
+export interface ComboboxEmptyProps extends PrimitiveWithBaseProps {}
 /**
  * Properties for the ComboboxSeparator component.
  */
-interface ComboboxSeparatorProps extends PrimitiveWithBaseProps {}
+export interface ComboboxSeparatorProps extends PrimitiveWithBaseProps {}
 /**
  * Properties for the ComboboxCancel component.
  */
-interface ComboboxCancelProps extends PrimitiveWithBaseProps {
+export interface ComboboxCancelProps extends PrimitiveWithBaseProps {
   /**
    * Whether the component is disabled.
    */
   disabled?: boolean;
 }
+/**
+ * Properties for the ComboboxClear component.
+ */
+export interface ComboboxClearProps {
+  /**
+   * Aria label for the clear button.
+   */
+  ariaLabel?: string;
+  /**
+   * Whether the clear button is disabled.
+   */
+  disabled?: boolean;
+}
+/**
+ * Properties for the ComboboxValue component.
+ */
+export interface ComboboxValueProps extends PrimitiveWithBaseProps {
+  /**
+   * Items used to resolve selected labels.
+   */
+  items?: ComboboxOptionData[];
+  /**
+   * Placeholder rendered when no value is selected.
+   */
+  placeholder?: string;
+  /**
+   * Separator used to join multiple selected labels.
+   * @defaultValue `', '`
+   */
+  separator?: string;
+}
 /**
  * Properties for the ComboboxVirtualizer component.
  */
-interface ComboboxVirtualizerProps extends ListboxVirtualizerProps {}
+export interface ComboboxVirtualizerProps extends ListboxVirtualizerProps {}
 /**
  * Option data for the ComboboxSingle component.
  */
-interface ComboboxSingleOptionData extends Pick<ComboboxItemProps, 'disabled' | 'textValue'> {
+export interface ComboboxSingleOptionData extends Pick<ComboboxItemProps, 'disabled' | 'textValue'> {
   /**
    * Value associated with the current item.
    */
@@ -178,7 +217,7 @@ interface ComboboxSingleOptionData extends Pick<ComboboxItemProps, 'disabled' |
 /**
  * Option data for the ComboboxGroup component.
  */
-interface ComboboxGroupOptionData extends Pick<ComboboxSingleOptionData, 'label' | 'separator'> {
+export interface ComboboxGroupOptionData extends Pick<ComboboxSingleOptionData, 'label' | 'separator'> {
   /**
    * Items rendered by the component.
    */
@@ -187,11 +226,11 @@ interface ComboboxGroupOptionData extends Pick<ComboboxSingleOptionData, 'label'
 /**
  * Option data for the Combobox component.
  */
-type ComboboxOptionData = ComboboxSingleOptionData | ComboboxGroupOptionData;
+export type ComboboxOptionData = ComboboxSingleOptionData | ComboboxGroupOptionData;
 /**
  * Properties for the ComboboxCompact component.
  */
-interface ComboboxCompactProps<M extends boolean = false> extends ComboboxRootProps<M> {
+export interface ComboboxCompactProps<M extends boolean = false> extends ComboboxRootProps<M> {
   /**
    * Items rendered by the component.
    */
@@ -215,7 +254,7 @@ interface ComboboxCompactProps<M extends boolean = false> extends ComboboxRootPr
   /**
    * Properties forwarded to the anchor element.
    */
-  anchorProps?: PopperAnchorProps;
+  anchorProps?: ComboboxAnchorProps;
   /**
    * Properties forwarded to the trigger element.
    */
@@ -224,6 +263,10 @@ interface ComboboxCompactProps<M extends boolean = false> extends ComboboxRootPr
    * Properties forwarded to the cancel element.
    */
   cancelProps?: ComboboxCancelProps;
+  /**
+   * Properties forwarded to the value element.
+   */
+  valueProps?: ComboboxValueProps;
   /**
    * Properties forwarded to the portal element.
    */
@@ -251,7 +294,7 @@ interface ComboboxCompactProps<M extends boolean = false> extends ComboboxRootPr
   /**
    * Properties forwarded to the group label element.
    */
-  groupLabelProps?: ListboxGroupLabelProps;
+  groupLabelProps?: ComboboxGroupLabelProps;
   /**
    * Properties forwarded to the item element.
    */
@@ -259,7 +302,7 @@ interface ComboboxCompactProps<M extends boolean = false> extends ComboboxRootPr
   /**
    * Properties forwarded to the item indicator element.
    */
-  itemIndicatorProps?: ListboxItemIndicatorProps;
+  itemIndicatorProps?: ComboboxItemIndicatorProps;
   /**
    * Properties forwarded to the separator element.
    */
@@ -268,12 +311,12 @@ interface ComboboxCompactProps<M extends boolean = false> extends ComboboxRootPr
 /**
  * Events for the ComboboxCompact component.
  */
-type ComboboxCompactEmits<M extends boolean = false> = ComboboxRootEmits<M> & ComboboxContentEmits & ComboboxItemEmits;
+export 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> {
+export interface ComboboxCompactTriggerValueSlotProps<M extends boolean = false> {
   /**
    * Current model value.
    */
@@ -290,7 +333,7 @@ interface ComboboxCompactTriggerValueSlotProps<M extends boolean = false> {
 /**
  * Slot properties for the ComboboxCompactInput component.
  */
-interface ComboboxCompactInputSlotProps {
+export interface ComboboxCompactInputSlotProps {
   /**
    * Clear exposed in the slot scope.
    */
@@ -299,7 +342,7 @@ interface ComboboxCompactInputSlotProps {
 /**
  * Slot properties for the ComboboxCompactGroupLabel component.
  */
-interface ComboboxCompactGroupLabelSlotProps {
+export interface ComboboxCompactGroupLabelSlotProps {
   /**
    * Current item data.
    */
@@ -308,7 +351,7 @@ interface ComboboxCompactGroupLabelSlotProps {
 /**
  * Slot properties for the ComboboxCompactItem component.
  */
-interface ComboboxCompactItemSlotProps {
+export interface ComboboxCompactItemSlotProps {
   /**
    * Current item data.
    */
@@ -317,7 +360,7 @@ interface ComboboxCompactItemSlotProps {
 /**
  * Slots for the ComboboxCompact component.
  */
-type ComboboxCompactSlots<M extends boolean = false> = {
+export type ComboboxCompactSlots<M extends boolean = false> = {
   /**
    * Custom content for the trigger leading slot.
    */
@@ -370,10 +413,10 @@ type ComboboxCompactSlots<M extends boolean = false> = {
 /**
  * Available UI slots for the Combobox component.
  */
-type ComboboxUiSlot = PopperUiSlot | 'root' | 'trigger' | 'triggerIcon' | 'cancel' | 'viewport' | 'inputRoot' | 'inputControl' | 'group' | 'groupLabel' | 'item' | 'itemIndicator' | 'empty' | 'separator' | 'virtualizer';
+export type ComboboxUiSlot = PopperUiSlot | 'root' | 'trigger' | 'value' | 'triggerIcon' | 'clear' | 'cancel' | 'viewport' | 'inputRoot' | 'inputControl' | 'group' | 'groupLabel' | 'item' | 'itemIndicator' | 'empty' | 'separator' | 'virtualizer';
 /**
  * UI class overrides for the Combobox component.
  */
-type ComboboxUi = UiClass<ComboboxUiSlot>;
+export type ComboboxUi = UiClass<ComboboxUiSlot>;
 //#endregion
-export { type PopperAnchorProps as ComboboxAnchorProps, type PopperArrowProps as ComboboxArrowProps, ComboboxCancelProps, ComboboxCompactEmits, ComboboxCompactGroupLabelSlotProps, ComboboxCompactInputSlotProps, ComboboxCompactItemSlotProps, ComboboxCompactProps, ComboboxCompactSlots, ComboboxCompactTriggerValueSlotProps, ComboboxContentEmits, ComboboxContentImplEmits, ComboboxContentImplProps, ComboboxContentProps, ComboboxEmptyProps, type ListboxGroupLabelProps as ComboboxGroupLabelProps, ComboboxGroupOptionData, type ListboxGroupProps as ComboboxGroupProps, ComboboxInputEmits, ComboboxInputProps, ComboboxItemEmits, type ListboxItemIndicatorProps as ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxOptionData, ComboboxRootEmits, ComboboxRootProps, ComboboxSeparatorProps, ComboboxSingleOptionData, ComboboxTriggerProps, ComboboxUi, ComboboxUiSlot, ComboboxViewportProps, ComboboxVirtualizerProps };
+export type { PopperArrowProps as ComboboxArrowProps, ListboxGroupProps as ComboboxGroupProps };

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

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

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

@@ -1,10 +1,10 @@
 import { SelectEvent } from "../../types/event.js";
 import { CollectionItemData } from "../../composables/use-collection.js";
-import "../../composables/index.js";
 import { ListboxCollectionItemData } from "../listbox/types.js";
 import "../listbox/index.js";
 import { CommandCompactProps, CommandCompactSlots, CommandSingleOptionData } from "./types.js";
 import "../../index.js";
+import "../../composables/index.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> & {

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

@@ -1,8 +1,8 @@
 import { UiClass } from "../../types/common.js";
-import { UseUiConsumer } from "../../composables/use-ui-context.js";
-import "../../composables/index.js";
 import { CommandUiSlot } from "./types.js";
 import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.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

package/dist/components/command/context.js

@@ -1 +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=>{let r=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:``}));return t(r),e});export{r as provideCommandUi,i as useCommandUi};
+import{useUiContext as e}from"../../composables/use-ui-context.js";import{provideListboxUi as t}from"../listbox/context.js";import{computed as n}from"vue";const[r,i]=e(`CommandUi`,e=>{let r=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:``}));return t(r),e});export{r as provideCommandUi,i as useCommandUi};

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

@@ -1,5 +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 { CommandCompactEmits, CommandCompactProps, CommandCompactSlots, CommandDescriptionProps, CommandEmptyProps, CommandGroupOptionData, CommandItemContentProps, 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 };
+export { _default as CommandCompact, type CommandCompactEmits, type CommandCompactProps, type CommandCompactSlots, type CommandDescriptionProps, type CommandEmptyProps, type ListboxGroupLabelProps as CommandGroupLabelProps, type CommandGroupOptionData, type ListboxGroupProps as CommandGroupProps, type ListboxFilterProps as CommandInputProps, type CommandItemContentProps, 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/types.d.ts

@@ -2,16 +2,16 @@ import { UiClass } from "../../types/common.js";
 import { BaseProps } from "../../types/vue.js";
 import "../../types/index.js";
 import { IconValue } from "../_icon/types.js";
-import { UseFuseOptions } from "../../composables/use-fuse.js";
-import "../../composables/index.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";
+import { UseFuseOptions } from "../../composables/use-fuse.js";
+import "../../composables/index.js";
 //#region src/components/command/types.d.ts
 /**
  * Option data for the CommandSingle component.
  */
-interface CommandSingleOptionData extends Pick<ListboxItemProps, 'value' | 'disabled'> {
+export interface CommandSingleOptionData extends Pick<ListboxItemProps, 'value' | 'disabled'> {
   /**
    * Icon rendered by the component.
    */
@@ -20,6 +20,10 @@ interface CommandSingleOptionData extends Pick<ListboxItemProps, 'value' | 'disa
    * Label text rendered by the component.
    */
   label: string;
+  /**
+   * Secondary description text rendered under the label (also searchable by the built-in filter).
+   */
+  description?: string;
   /**
    * Whether separator.
    */
@@ -32,7 +36,7 @@ interface CommandSingleOptionData extends Pick<ListboxItemProps, 'value' | 'disa
 /**
  * Option data for the CommandGroup component.
  */
-interface CommandGroupOptionData<T extends CommandSingleOptionData = CommandSingleOptionData> extends Pick<CommandSingleOptionData, 'value' | 'label' | 'separator'> {
+export interface CommandGroupOptionData<T extends CommandSingleOptionData = CommandSingleOptionData> extends Pick<CommandSingleOptionData, 'value' | 'label' | 'separator'> {
   /**
    * Items rendered by the component.
    */
@@ -41,23 +45,31 @@ interface CommandGroupOptionData<T extends CommandSingleOptionData = CommandSing
 /**
  * Option data for the Command component.
  */
-type CommandOptionData<T extends CommandSingleOptionData = CommandSingleOptionData> = T | CommandGroupOptionData<T>;
+export type CommandOptionData<T extends CommandSingleOptionData = CommandSingleOptionData> = T | CommandGroupOptionData<T>;
 /**
  * Properties for the CommandItemLabel component.
  */
-interface CommandItemLabelProps extends BaseProps {}
+export interface CommandItemLabelProps extends BaseProps {}
+/**
+ * Properties for the CommandItemContent component.
+ */
+export interface CommandItemContentProps extends BaseProps {}
+/**
+ * Properties for the CommandDescription component.
+ */
+export interface CommandDescriptionProps extends BaseProps {}
 /**
  * Properties for the CommandShortcut component.
  */
-interface CommandShortcutProps extends Omit<KbdProps, 'value'> {}
+export interface CommandShortcutProps extends Omit<KbdProps, 'value'> {}
 /**
  * Properties for the CommandSeparator component.
  */
-interface CommandSeparatorProps extends SeparatorRootProps {}
+export interface CommandSeparatorProps extends SeparatorRootProps {}
 /**
  * Option data for the CommandSearch component.
  */
-type CommandSearchOptionData<T extends CommandSingleOptionData = CommandSingleOptionData> = T & {
+export type CommandSearchOptionData<T extends CommandSingleOptionData = CommandSingleOptionData> = T & {
   /**
    * Group value.
    */
@@ -74,19 +86,19 @@ type CommandSearchOptionData<T extends CommandSingleOptionData = CommandSingleOp
 /**
  * Properties for the CommandEmpty component.
  */
-interface CommandEmptyProps extends BaseProps {}
+export 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';
+export type CommandUiSlot = Extract<ListboxUiSlot, 'root' | 'item' | 'group' | 'groupLabel'> | 'list' | 'inputRoot' | 'inputControl' | 'inputIcon' | 'inputClearable' | 'itemLabel' | 'itemContent' | 'itemDescription' | 'shortcut' | 'separator' | 'empty';
 /**
  * UI class overrides for the Command component.
  */
-type CommandUi = UiClass<CommandUiSlot>;
+export type CommandUi = UiClass<CommandUiSlot>;
 /**
  * Properties for the CommandCompact component.
  */
-interface CommandCompactProps<T extends CommandSingleOptionData = CommandSingleOptionData> extends Omit<ListboxRootProps, 'onSelect'> {
+export interface CommandCompactProps<T extends CommandSingleOptionData = CommandSingleOptionData> extends Omit<ListboxRootProps, 'onSelect'> {
   /**
    * Items rendered by the component.
    */
@@ -99,6 +111,13 @@ interface CommandCompactProps<T extends CommandSingleOptionData = CommandSingleO
    * Search term.
    */
   searchTerm?: string;
+  /**
+   * Whether the items are already filtered and ranked by an external engine
+   * (e.g. full-text content search). When true, the built-in fuzzy filter is
+   * skipped and all `items` render as-is; `searchTerm` still syncs via
+   * `update:searchTerm` so the caller can drive its own search.
+   */
+  externalFilter?: boolean;
   /**
    * Whether clearable.
    */
@@ -119,6 +138,14 @@ interface CommandCompactProps<T extends CommandSingleOptionData = CommandSingleO
    * Properties forwarded to the item label element.
    */
   itemLabelProps?: CommandItemLabelProps;
+  /**
+   * Properties forwarded to the item content element (wraps label + description).
+   */
+  itemContentProps?: CommandItemContentProps;
+  /**
+   * Properties forwarded to the item description element.
+   */
+  itemDescriptionProps?: CommandDescriptionProps;
   /**
    * Properties forwarded to the group element.
    */
@@ -151,7 +178,7 @@ interface CommandCompactProps<T extends CommandSingleOptionData = CommandSingleO
 /**
  * Events for the CommandSearchTerm component.
  */
-type CommandSearchTermEmits = {
+export type CommandSearchTermEmits = {
   /**
    * Emitted when the search term value changes.
    */
@@ -160,11 +187,11 @@ type CommandSearchTermEmits = {
 /**
  * Events for the CommandCompact component.
  */
-type CommandCompactEmits = ListboxRootEmits & ListboxItemEmits & CommandSearchTermEmits;
+export type CommandCompactEmits = ListboxRootEmits & ListboxItemEmits & CommandSearchTermEmits;
 /**
  * Slot properties for the CommandCompactInput component.
  */
-interface CommandCompactInputSlotProps {
+export interface CommandCompactInputSlotProps {
   /**
    * Clear exposed in the slot scope.
    */
@@ -173,7 +200,7 @@ interface CommandCompactInputSlotProps {
 /**
  * Slot properties for the CommandCompactItem component.
  */
-interface CommandCompactItemSlotProps<T extends CommandSingleOptionData = CommandSingleOptionData> {
+export interface CommandCompactItemSlotProps<T extends CommandSingleOptionData = CommandSingleOptionData> {
   /**
    * Current item data.
    */
@@ -182,7 +209,7 @@ interface CommandCompactItemSlotProps<T extends CommandSingleOptionData = Comman
 /**
  * Slots for the CommandCompact component.
  */
-type CommandCompactSlots<T extends CommandSingleOptionData = CommandSingleOptionData> = {
+export type CommandCompactSlots<T extends CommandSingleOptionData = CommandSingleOptionData> = {
   /**
    * Custom content for the input leading slot.
    */
@@ -207,10 +234,14 @@ type CommandCompactSlots<T extends CommandSingleOptionData = CommandSingleOption
    * Custom content for the item label slot.
    */
   'item-label'?: (props: CommandCompactItemSlotProps<T>) => any;
+  /**
+   * Custom content for the item description slot.
+   */
+  'item-description'?: (props: CommandCompactItemSlotProps<T>) => any;
   /**
    * Custom content for the bottom slot.
    */
   bottom?: () => any;
 };
 //#endregion
-export { CommandCompactEmits, CommandCompactInputSlotProps, CommandCompactItemSlotProps, CommandCompactProps, CommandCompactSlots, CommandEmptyProps, type ListboxGroupLabelProps as CommandGroupLabelProps, CommandGroupOptionData, type ListboxGroupProps as CommandGroupProps, type ListboxFilterProps as CommandInputProps, type ListboxItemEmits as CommandItemEmits, CommandItemLabelProps, type ListboxItemProps as CommandItemProps, type ListboxContentProps as CommandListProps, CommandOptionData, type ListboxRootEmits as CommandRootEmits, type ListboxRootProps as CommandRootProps, CommandSearchOptionData, CommandSearchTermEmits, CommandSeparatorProps, CommandShortcutProps, CommandSingleOptionData, CommandUi, CommandUiSlot };
+export type { ListboxGroupLabelProps as CommandGroupLabelProps, ListboxGroupProps as CommandGroupProps, ListboxFilterProps as CommandInputProps, ListboxItemEmits as CommandItemEmits, ListboxItemProps as CommandItemProps, ListboxContentProps as CommandListProps, ListboxRootEmits as CommandRootEmits, ListboxRootProps as CommandRootProps };

package/dist/components/config-provider/config-provider.js

@@ -1,39 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import{resolveLocaleDirection as t}from"../../locale/locales.js";import{provideConfigProviderContext as n}from"./context.js";import"../../shared/index.js";import{computed as r,defineComponent as i,renderSlot as a}from"vue";import{useStyleTag as o}from"@vueuse/core";const s=i({name:`ConfigProvider`,__name:`config-provider`,props:{dir:{},locale:{default:`en`},nonce:{default:void 0},tooltip:{},iconRender:{},messages:{}},setup(i){let s=i,c=r(()=>s.dir??t(s.locale));return n({...e(s),dir:c,iconRender:s.iconRender}),o(`
-.soybean-headless-scrollbar-hidden {
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-  -webkit-overflow-scrolling: touch;
-}
-
-.soybean-headless-scrollbar-hidden::-webkit-scrollbar {
-  display: none;
-}
-
-.soybean-headless-overflow-y-hidden {
-  overflow-y: hidden;
-}
-
-.soybean-headless-transition-all-150 {
-  transition: all 150ms ease-in-out;
-}
-
-.soybean-headless-opacity-0 {
-  opacity: 0;
-}
-
-.soybean-headless-scale-0 {
-  transform: scale(0);
-}
-
-.soybean-headless-sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
-}
-`,{id:`__SoybeanHeadless_Styles`}),(e,t)=>a(e.$slots,`default`)}});export{s as default};
+import{provideConfigProviderContext as e}from"./context.js";import{defineComponent as t,renderSlot as n,shallowReadonly as r}from"vue";const i=t({name:`ConfigProvider`,__name:`config-provider`,props:{dir:{},locale:{default:`en`},nonce:{default:void 0},tooltip:{},iconRender:{},linkComponent:{},messages:{}},setup(t){return e(r(t)),(e,t)=>n(e.$slots,`default`)}});export{i as default};

package/dist/components/config-provider/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{computed as t,toValue as n}from"vue";const[r,i]=e(`ConfigProvider`);function a(e){let r=i();return t(()=>n(e)||r?.dir?.value||`ltr`)}function o(e){let r=i();return t(()=>n(e)||r?.locale?.value||`en`)}export{r as provideConfigProviderContext,i as useConfigProvider,a as useDirection,o as useLocale};
+import{CONFIG_PROVIDER_CONTEXT_KEY as e}from"../../constants/attr.js";import{resolveLocaleDirection as t}from"../../locale/locales.js";import{useContext as n}from"../../composables/use-context.js";import{computed as r,inject as i,toValue as a}from"vue";const[o,s]=n({name:`ConfigProvider`,key:e});function c(n){let o=i(e);return r(()=>a(n)||o?.dir||t(o?.locale)||`ltr`)}function l(t){let n=i(e);return r(()=>a(t)||n?.locale||`en`)}export{o as provideConfigProviderContext,s as useConfigProvider,c as useDirection,l as useLocale};