@soybeanjs/headless 0.15.0-beta.2 → 0.15.0-beta.3

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

@@ -1,8 +1,9 @@
-import { ClassValue, UiClass } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { AutocompleteUiSlot } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/autocomplete/context.d.ts
-declare const provideAutocompleteUi: (ui: _$vue.ComputedRef<Partial<UiClass<AutocompleteUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<AutocompleteUiSlot>>>, useAutocompleteUi: <S extends AutocompleteUiSlot | undefined = undefined>(slot?: S | undefined) => S extends AutocompleteUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<AutocompleteUiSlot>>>;
+declare const provideAutocompleteUi: (ui: _$vue.ComputedRef<Partial<UiClass<AutocompleteUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<AutocompleteUiSlot>>>, useAutocompleteUi: UseUiConsumer<AutocompleteUiSlot>;
 //#endregion
 export { provideAutocompleteUi };

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

@@ -1,16 +1,17 @@
 import { PortalProps } from "../portal/types.js";
-import { _default as _default$7 } from "../portal/portal.vue.js";
-import { AutocompleteAnchorProps, AutocompleteContentProps, AutocompleteGroupLabelProps, AutocompleteGroupProps, AutocompleteHighlightPayload, AutocompleteInputEmits, AutocompleteInputProps, AutocompleteItemEmits, AutocompleteItemIndicatorProps, AutocompleteItemProps, AutocompleteRootEmits, AutocompleteRootProps, AutocompleteSeparatorProps, AutocompleteTriggerProps, AutocompleteUi, AutocompleteUiSlot, AutocompleteViewportProps } from "./types.js";
-import { _default as _default$8 } from "./autocomplete-root.vue.js";
+import { AutocompleteAnchorProps, AutocompleteCompactEmits, AutocompleteCompactProps, AutocompleteCompactSlots, AutocompleteContentProps, AutocompleteGroupLabelProps, AutocompleteGroupOptionData, AutocompleteGroupProps, AutocompleteHighlightPayload, AutocompleteInputEmits, AutocompleteInputProps, AutocompleteItemEmits, AutocompleteItemIndicatorProps, AutocompleteItemProps, AutocompleteOptionData, AutocompleteRootEmits, AutocompleteRootProps, AutocompleteSearchOptionData, AutocompleteSeparatorProps, AutocompleteSingleOptionData, AutocompleteTriggerProps, AutocompleteUi, AutocompleteUiSlot, AutocompleteViewportProps } from "./types.js";
+import { _default as _default$9 } from "./autocomplete-root.vue.js";
+import { _default as _default$1 } from "./autocomplete-compact.vue.js";
 import { _default } from "./autocomplete-anchor.vue.js";
-import { _default as _default$4 } from "./autocomplete-input.vue.js";
-import { _default as _default$10 } from "./autocomplete-trigger.vue.js";
-import { _default as _default$1 } from "./autocomplete-content.vue.js";
-import { _default as _default$11 } from "./autocomplete-viewport.vue.js";
-import { _default as _default$2 } from "./autocomplete-group.vue.js";
-import { _default as _default$3 } from "./autocomplete-group-label.vue.js";
-import { _default as _default$5 } from "./autocomplete-item.vue.js";
-import { _default as _default$6 } from "./autocomplete-item-indicator.vue.js";
-import { _default as _default$9 } from "./autocomplete-separator.vue.js";
+import { _default as _default$5 } from "./autocomplete-input.vue.js";
+import { _default as _default$11 } from "./autocomplete-trigger.vue.js";
+import { _default as _default$8 } from "../portal/portal.vue.js";
+import { _default as _default$2 } from "./autocomplete-content.vue.js";
+import { _default as _default$12 } from "./autocomplete-viewport.vue.js";
+import { _default as _default$3 } from "./autocomplete-group.vue.js";
+import { _default as _default$4 } from "./autocomplete-group-label.vue.js";
+import { _default as _default$6 } from "./autocomplete-item.vue.js";
+import { _default as _default$7 } from "./autocomplete-item-indicator.vue.js";
+import { _default as _default$10 } from "./autocomplete-separator.vue.js";
 import { provideAutocompleteUi } from "./context.js";
-export { _default as AutocompleteAnchor, type AutocompleteAnchorProps, _default$1 as AutocompleteContent, type AutocompleteContentProps, _default$2 as AutocompleteGroup, _default$3 as AutocompleteGroupLabel, type AutocompleteGroupLabelProps, type AutocompleteGroupProps, type AutocompleteHighlightPayload, _default$4 as AutocompleteInput, type AutocompleteInputEmits, type AutocompleteInputProps, _default$5 as AutocompleteItem, type AutocompleteItemEmits, _default$6 as AutocompleteItemIndicator, type AutocompleteItemIndicatorProps, type AutocompleteItemProps, _default$7 as AutocompletePortal, type PortalProps as AutocompletePortalProps, _default$8 as AutocompleteRoot, type AutocompleteRootEmits, type AutocompleteRootProps, _default$9 as AutocompleteSeparator, type AutocompleteSeparatorProps, _default$10 as AutocompleteTrigger, type AutocompleteTriggerProps, type AutocompleteUi, type AutocompleteUiSlot, _default$11 as AutocompleteViewport, type AutocompleteViewportProps, provideAutocompleteUi };
+export { _default as AutocompleteAnchor, type AutocompleteAnchorProps, _default$1 as AutocompleteCompact, type AutocompleteCompactEmits, type AutocompleteCompactProps, type AutocompleteCompactSlots, _default$2 as AutocompleteContent, type AutocompleteContentProps, _default$3 as AutocompleteGroup, _default$4 as AutocompleteGroupLabel, type AutocompleteGroupLabelProps, type AutocompleteGroupOptionData, type AutocompleteGroupProps, type AutocompleteHighlightPayload, _default$5 as AutocompleteInput, type AutocompleteInputEmits, type AutocompleteInputProps, _default$6 as AutocompleteItem, type AutocompleteItemEmits, _default$7 as AutocompleteItemIndicator, type AutocompleteItemIndicatorProps, type AutocompleteItemProps, type AutocompleteOptionData, _default$8 as AutocompletePortal, type PortalProps as AutocompletePortalProps, _default$9 as AutocompleteRoot, type AutocompleteRootEmits, type AutocompleteRootProps, type AutocompleteSearchOptionData, _default$10 as AutocompleteSeparator, type AutocompleteSeparatorProps, type AutocompleteSingleOptionData, _default$11 as AutocompleteTrigger, type AutocompleteTriggerProps, type AutocompleteUi, type AutocompleteUiSlot, _default$12 as AutocompleteViewport, type AutocompleteViewportProps, provideAutocompleteUi };

package/dist/components/autocomplete/index.js

@@ -1 +1 @@
-import e from"../portal/portal.js";import{provideAutocompleteUi as t}from"./context.js";import n from"./autocomplete-root.js";import r from"./autocomplete-anchor.js";import i from"./autocomplete-input.js";import a from"./autocomplete-trigger.js";import"../portal/index.js";import o from"./autocomplete-content.js";import s from"./autocomplete-viewport.js";import c from"./autocomplete-group.js";import l from"./autocomplete-group-label.js";import u from"./autocomplete-item.js";import d from"./autocomplete-item-indicator.js";import f from"./autocomplete-separator.js";export{r as AutocompleteAnchor,o as AutocompleteContent,c as AutocompleteGroup,l as AutocompleteGroupLabel,i as AutocompleteInput,u as AutocompleteItem,d as AutocompleteItemIndicator,e as AutocompletePortal,n as AutocompleteRoot,f as AutocompleteSeparator,a as AutocompleteTrigger,s as AutocompleteViewport,t as provideAutocompleteUi};
+import{provideAutocompleteUi as e}from"./context.js";import t from"./autocomplete-root.js";import n from"./autocomplete-anchor.js";import r from"../portal/portal.js";import i from"./autocomplete-content.js";import a from"./autocomplete-group.js";import o from"./autocomplete-group-label.js";import s from"./autocomplete-input.js";import c from"./autocomplete-item.js";import l from"./autocomplete-item-indicator.js";import"../portal/index.js";import u from"./autocomplete-separator.js";import d from"./autocomplete-trigger.js";import f from"./autocomplete-viewport.js";import p from"./autocomplete-compact.js";export{n as AutocompleteAnchor,p as AutocompleteCompact,i as AutocompleteContent,a as AutocompleteGroup,o as AutocompleteGroupLabel,s as AutocompleteInput,c as AutocompleteItem,l as AutocompleteItemIndicator,r as AutocompletePortal,t as AutocompleteRoot,u as AutocompleteSeparator,d as AutocompleteTrigger,f as AutocompleteViewport,e as provideAutocompleteUi};

package/dist/components/autocomplete/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=>({...e,groupLabel:t.label,groupSeparator:t.separator,groupValue:t.label})):[t])}function n(e){let t=e.reduce((e,t)=>{let{groupLabel:n,groupSeparator:r,groupValue:i,...a}=t;return i?(e[i]||(e[i]={label:n??i,separator:r,items:[]}),e[i].items.push(a)):e[t.value]=a,e},{});return Object.values(t)}export{n as getAutocompleteItemOptions,t as getAutocompleteSearchOptions,e as isGroupOption};

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

@@ -1,13 +1,15 @@
+import { IconValue } from "../_icon/types.js";
 import { Direction, UiClass } from "../../types/common.js";
 import { ForceMountProps, FormFieldCommonProps } from "../../types/component.js";
 import { PrimitiveProps } from "../primitive/types.js";
-import { PortalProps } from "../portal/types.js";
 import { CollectionItemData } from "../../composables/use-collection.js";
 import { InputControlProps, InputRootEmits, InputRootProps } from "../input/types.js";
 import { ListboxCollectionItemData, ListboxContentProps, ListboxGroupLabelProps, ListboxGroupProps, ListboxItemEmits, ListboxItemIndicatorProps, ListboxItemProps } from "../listbox/types.js";
 import { PopperAnchorProps, PopperPositionerProps } from "../popper/types.js";
+import { PortalProps } from "../portal/types.js";
 import { SeparatorRootProps } from "../separator/types.js";
 import { ButtonHTMLAttributes, HTMLAttributes, ShallowRef } from "vue";
+import { UseFuseOptions } from "@vueuse/integrations/useFuse";
 
 //#region src/components/autocomplete/types.d.ts
 interface AutocompleteRootProps extends FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
@@ -51,7 +53,79 @@ interface AutocompleteItemProps extends ListboxItemProps {}
 type AutocompleteItemEmits = ListboxItemEmits;
 interface AutocompleteItemIndicatorProps extends ListboxItemIndicatorProps {}
 interface AutocompleteSeparatorProps extends SeparatorRootProps {}
-type AutocompleteUiSlot = 'root' | 'anchor' | 'inputRoot' | 'inputControl' | 'trigger' | 'content' | 'viewport' | 'group' | 'groupLabel' | 'item' | 'itemIndicator' | 'separator';
+interface AutocompleteSingleOptionData extends Pick<AutocompleteItemProps, 'disabled' | 'value'> {
+  /** Display label in the option list. */
+  label?: string;
+  /** Icon displayed before the option text. */
+  icon?: IconValue;
+  /** Additional keywords used for filtering. */
+  keywords?: string[];
+  /** Whether to show a separator after this option. */
+  separator?: boolean;
+}
+interface AutocompleteGroupOptionData<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> {
+  /** Group label in the option list. */
+  label: string;
+  /** Whether to show a separator after this group. */
+  separator?: boolean;
+  items: T[];
+}
+type AutocompleteOptionData<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> = T | AutocompleteGroupOptionData<T>;
+interface AutocompleteSearchOptionData extends AutocompleteSingleOptionData {
+  groupLabel?: string;
+  groupValue?: string;
+  groupSeparator?: boolean;
+}
+interface AutocompleteCompactProps<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> extends Omit<AutocompleteRootProps, 'defaultValue' | 'modelValue' | 'onSelect'> {
+  /** The controlled value of the autocomplete input. */
+  modelValue?: string;
+  /** The initial value of the autocomplete input. */
+  defaultValue?: string;
+  items: AutocompleteOptionData<T>[];
+  placeholder?: string;
+  clearable?: boolean;
+  clearLabel?: string;
+  emptyLabel?: string;
+  fuseOptions?: UseFuseOptions<AutocompleteSearchOptionData>;
+  anchorProps?: AutocompleteAnchorProps;
+  inputProps?: AutocompleteInputProps;
+  triggerProps?: AutocompleteTriggerProps;
+  portalProps?: PortalProps;
+  contentProps?: AutocompleteContentProps;
+  viewportProps?: AutocompleteViewportProps;
+  groupProps?: AutocompleteGroupProps;
+  groupLabelProps?: AutocompleteGroupLabelProps;
+  itemProps?: Omit<AutocompleteItemProps, 'disabled' | 'value'>;
+  itemIndicatorProps?: AutocompleteItemIndicatorProps;
+  separatorProps?: AutocompleteSeparatorProps;
+}
+type AutocompleteCompactEmits<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> = AutocompleteRootEmits & {
+  select: [item: T];
+};
+type AutocompleteCompactSlots<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> = {
+  'input-leading'?: () => any;
+  'input-trailing'?: () => any;
+  'trigger-icon'?: () => any;
+  empty?: () => any;
+  'group-label'?: (props: {
+    item: Extract<AutocompleteOptionData<T>, {
+      items: T[];
+    }>;
+  }) => any;
+  'item-leading'?: (props: {
+    item: T;
+  }) => any;
+  'item-label'?: (props: {
+    item: T;
+  }) => any;
+  'item-trailing'?: (props: {
+    item: T;
+  }) => any;
+  'item-indicator'?: (props: {
+    item: T;
+  }) => any;
+};
+type AutocompleteUiSlot = 'root' | 'anchor' | 'inputRoot' | 'inputControl' | 'inputIcon' | 'inputClearable' | 'trigger' | 'triggerIcon' | 'content' | 'viewport' | 'group' | 'groupLabel' | 'item' | 'itemText' | 'itemIcon' | 'itemIndicator' | 'separator' | 'empty';
 type AutocompleteUi = UiClass<AutocompleteUiSlot>;
 //#endregion
-export { AutocompleteAnchorProps, AutocompleteContentProps, AutocompleteGroupLabelProps, AutocompleteGroupProps, AutocompleteHighlightPayload, AutocompleteInputEmits, AutocompleteInputProps, AutocompleteItemEmits, AutocompleteItemIndicatorProps, AutocompleteItemProps, AutocompleteRootEmits, AutocompleteRootProps, AutocompleteSeparatorProps, AutocompleteTriggerProps, AutocompleteUi, AutocompleteUiSlot, AutocompleteViewportProps };
+export { AutocompleteAnchorProps, AutocompleteCompactEmits, AutocompleteCompactProps, AutocompleteCompactSlots, AutocompleteContentProps, AutocompleteGroupLabelProps, AutocompleteGroupOptionData, AutocompleteGroupProps, AutocompleteHighlightPayload, AutocompleteInputEmits, AutocompleteInputProps, AutocompleteItemEmits, AutocompleteItemIndicatorProps, AutocompleteItemProps, AutocompleteOptionData, AutocompleteRootEmits, AutocompleteRootProps, AutocompleteSearchOptionData, AutocompleteSeparatorProps, AutocompleteSingleOptionData, AutocompleteTriggerProps, AutocompleteUi, AutocompleteUiSlot, AutocompleteViewportProps };

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

@@ -1,8 +1,9 @@
-import { ClassValue, UiClass } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { AvatarUiSlot } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/avatar/context.d.ts
-declare const provideAvatarUi: (ui: _$vue.ComputedRef<Partial<UiClass<AvatarUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<AvatarUiSlot>>>, useAvatarUi: <S extends AvatarUiSlot | undefined = undefined>(slot?: S | undefined) => S extends AvatarUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<AvatarUiSlot>>>;
+declare const provideAvatarUi: (ui: _$vue.ComputedRef<Partial<UiClass<AvatarUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<AvatarUiSlot>>>, useAvatarUi: UseUiConsumer<AvatarUiSlot>;
 //#endregion
 export { provideAvatarUi };

package/dist/components/backtop/backtop.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../button/button.js";import"../button/index.js";import{easeInOutCubic as n,getScrollTop as r,prefersReducedMotion as i,resolveBacktopTarget as a,setScrollTop as o}from"./shared.js";import{computed as s,createBlock as c,defineComponent as l,mergeProps as u,nextTick as d,onBeforeUnmount as f,onMounted as p,onWatcherCleanup as m,openBlock as h,renderSlot as g,shallowRef as _,unref as v,watch as y,withCtx as b}from"vue";import{useEventListener as x,useRafFn as S}from"@vueuse/core";const C=l({name:`Backtop`,__name:`backtop`,props:{visibilityHeight:{default:400},target:{},duration:{default:300}},emits:[`change`,`click`],setup(l,{expose:C,emit:w}){let T=l,E=w,D=e(T,[`duration`,`target`,`visibilityHeight`]),O=_(!1),k=_(null),A=null,j=s(()=>O.value?`visible`:`hidden`),M=s(()=>T[`aria-label`]??`Back to top`);function N(e){O.value!==e&&(O.value=e,E(`change`,e))}function P(){k.value=a(T.target)}function F(){let e=k.value;if(!e){N(!1);return}N(r(e)>=T.visibilityHeight)}let{pause:I,resume:L}=S(F,{immediate:!1,once:!0});function R(){A!==null&&(cancelAnimationFrame(A),A=null)}function z(){let e=k.value??a(T.target);if(!e)return;let t=r(e);if(t<=0){L();return}if(R(),T.duration<=0||i()){o(e,0),L();return}let s=performance.now(),c=r=>{let i=Math.min((r-s)/T.duration,1),a=Math.round(t*(1-n(i)));if(o(e,a),i<1&&a>0){A=requestAnimationFrame(c);return}o(e,0),A=null,L()};A=requestAnimationFrame(c)}function B(e){E(`click`,e),z()}return y([()=>T.target,()=>T.visibilityHeight],async()=>{P(),await d(),L()},{immediate:!0}),y(k,e=>{if(!e)return;let t=x(e,`scroll`,L);m(()=>{t()})},{immediate:!0}),x(()=>typeof window>`u`?null:window,`resize`,L),p(async()=>{await d(),P(),L()}),f(()=>{I(),R()}),C({visible:O,scrollToTop:z,updateVisibility:L}),(e,n)=>(h(),c(v(t),u(v(D),{"aria-hidden":O.value?void 0:!0,"aria-label":M.value,"data-slot":`root`,"data-state":j.value,hidden:!O.value,onClick:B}),{default:b(()=>[g(e.$slots,`default`,{visible:O.value})]),_:3},16,[`aria-hidden`,`aria-label`,`data-state`,`hidden`]))}});export{C as default};

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

@@ -0,0 +1,33 @@
+import { AsTag } from "../primitive/types.js";
+import { ButtonType } from "../button/types.js";
+import { BacktopExposed, BacktopProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/backtop/backtop.vue.d.ts
+declare var __VLS_10: {
+  visible: boolean;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<BacktopProps, BacktopExposed, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  click: (event: MouseEvent) => any;
+  change: (visible: boolean) => any;
+}, string, _$vue.PublicProps, Readonly<BacktopProps> & Readonly<{
+  onClick?: ((event: MouseEvent) => any) | undefined;
+  onChange?: ((visible: boolean) => any) | undefined;
+}>, {
+  type: ButtonType;
+  as: AsTag | _$vue.Component;
+  visibilityHeight: number;
+  duration: number;
+}, {}, {}, {}, 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/backtop/index.d.ts

@@ -0,0 +1,3 @@
+import { BacktopEmits, BacktopExposed, BacktopProps, BacktopTarget } from "./types.js";
+import { _default } from "./backtop.vue.js";
+export { _default as Backtop, type BacktopEmits, type BacktopExposed, type BacktopProps, type BacktopTarget };

package/dist/components/backtop/index.js

@@ -0,0 +1 @@
+import e from"./backtop.js";export{e as Backtop};

package/dist/components/backtop/shared.js

@@ -0,0 +1 @@
+import{toValue as e}from"vue";function t(){return typeof window>`u`?null:window}function n(e){if(typeof document>`u`)return null;try{return document.querySelector(e)}catch{return null}}function r(r){return r?typeof r==`string`?n(r):e(r)??null:t()}function i(e){return`document`in e}function a(e){if(!i(e))return e.scrollTop;let t=e.document.scrollingElement??e.document.documentElement;return e.scrollY||t?.scrollTop||e.document.body?.scrollTop||0}function o(e,t){if(!i(e)){if(typeof e.scrollTo==`function`)try{e.scrollTo({top:t,behavior:`auto`})}catch{e.scrollTo(0,t)}e.scrollTop=t;return}let n=e.document.scrollingElement??e.document.documentElement;if(typeof e.scrollTo==`function`)try{e.scrollTo({top:t,behavior:`auto`})}catch{e.scrollTo(0,t)}n&&(n.scrollTop=t),e.document.body&&(e.document.body.scrollTop=t)}function s(e){return e<.5?4*e*e*e:1-(-2*e+2)**3/2}function c(){return typeof window>`u`||typeof window.matchMedia!=`function`?!1:window.matchMedia(`(prefers-reduced-motion: reduce)`).matches}export{s as easeInOutCubic,a as getScrollTop,c as prefersReducedMotion,r as resolveBacktopTarget,o as setScrollTop};

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

@@ -0,0 +1,43 @@
+import { AffixTarget } from "../affix/types.js";
+import { ButtonProps } from "../button/types.js";
+import { ShallowRef } from "vue";
+
+//#region src/components/backtop/types.d.ts
+type BacktopTarget = AffixTarget;
+interface BacktopProps extends /** @vue-ignore */Omit<ButtonProps, 'onChange'> {
+  /**
+   * Scroll distance that must be reached before the Backtop button becomes visible.
+   *
+   * @defaultValue 400
+   */
+  visibilityHeight?: number;
+  /**
+   * Scroll target that Backtop listens to and scrolls.
+   *
+   * @defaultValue window
+   */
+  target?: BacktopTarget | null;
+  /**
+   * Duration of the scroll-to-top animation in milliseconds.
+   *
+   * @defaultValue 300
+   */
+  duration?: number;
+}
+type BacktopEmits = {
+  change: [visible: boolean];
+  click: [event: MouseEvent];
+};
+interface BacktopExposed {
+  visible: ShallowRef<boolean>;
+  /**
+   * Scroll the target container back to the start position.
+   */
+  scrollToTop: () => void;
+  /**
+   * Schedule a visibility update on the next animation frame.
+   */
+  updateVisibility: () => void;
+}
+//#endregion
+export { BacktopEmits, BacktopExposed, BacktopProps, BacktopTarget };

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

@@ -1,8 +1,9 @@
-import { ClassValue, UiClass } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { BadgeUiSlot } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/badge/context.d.ts
-declare const provideBadgeUi: (ui: _$vue.ComputedRef<Partial<UiClass<BadgeUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<BadgeUiSlot>>>, useBadgeUi: <S extends BadgeUiSlot | undefined = undefined>(slot?: S | undefined) => S extends BadgeUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<BadgeUiSlot>>>;
+declare const provideBadgeUi: (ui: _$vue.ComputedRef<Partial<UiClass<BadgeUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<BadgeUiSlot>>>, useBadgeUi: UseUiConsumer<BadgeUiSlot>;
 //#endregion
 export { provideBadgeUi };

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

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import n from"./breadcrumb-root.js";import r from"./breadcrumb-ellipsis.js";import i from"./breadcrumb-item.js";import a from"./breadcrumb-link.js";import o from"./breadcrumb-list.js";import s from"./breadcrumb-page.js";import c from"./breadcrumb-separator.js";import{getEllipsisRange as l}from"./shared.js";import{Fragment as u,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createTextVNode as h,createVNode as g,defineComponent as _,guardReactiveProps as v,mergeProps as y,normalizeProps as b,openBlock as x,renderList as S,renderSlot as C,toDisplayString as w,unref as T,withCtx as E}from"vue";const D=_({name:`BreadcrumbCompact`,__name:`breadcrumb-compact`,props:{items:{},ellipsis:{type:[Boolean,Array,null]},listProps:{},itemProps:{},linkProps:{},pageProps:{},separatorProps:{},ellipsisProps:{}},emits:[`click`],setup(_,{emit:D}){let O=_,k=D,A=e(O,[`items`,`ellipsis`,`listProps`,`itemProps`,`linkProps`,`pageProps`,`separatorProps`,`ellipsisProps`]),j=d(()=>l(O.items,O.ellipsis)),M=d(()=>j.value?.[0]),N=d(()=>{if(!j.value)return O.items;let[e,t]=j.value;return[...O.items.slice(0,e),...O.items.slice(t)]}),P=d(()=>{if(!j.value)return[];let[e,t]=j.value;return O.items.slice(e,t)}),F=e=>{k(`click`,e)};return(e,l)=>(x(),f(n,b(v(T(A))),{default:E(()=>[g(o,b(v(_.listProps)),{default:E(()=>[(x(!0),m(u,null,S(N.value,(n,o)=>(x(),m(u,{key:n.value||o},[M.value&&o===M.value?(x(),m(u,{key:0},[C(e.$slots,`ellipsis`,{ellipsisItems:P.value},()=>[g(r,y({ref_for:!0},_.ellipsisProps),{default:E(()=>[C(e.$slots,`ellipsis-icon`,{},()=>[g(t,{icon:`lucide:ellipsis`})])]),_:3},16)]),g(c,y({ref_for:!0},_.separatorProps),{default:E(()=>[C(e.$slots,`separator`,{},()=>[g(t,{icon:`lucide:chevron-right`})])]),_:3},16)],64)):p(`v-if`,!0),g(i,y({ref_for:!0},_.itemProps,{onClick:e=>F(n)}),{default:E(()=>[C(e.$slots,`item-leading`,{item:n,index:o},()=>[n.icon?(x(),f(t,{key:0,icon:n.icon},null,8,[`icon`])):p(`v-if`,!0)]),C(e.$slots,`default`,{item:n,index:o},()=>[n.to||n.href?(x(),f(a,y({key:0,ref_for:!0},_.linkProps,{disabled:n.disabled,to:n.to,href:n.href,target:n.target,external:n.external}),{default:E(()=>[C(e.$slots,`item-link`,{item:n,index:o},()=>[h(w(n.label),1)])]),_:2},1040,[`disabled`,`to`,`href`,`target`,`external`])):(x(),f(s,y({key:1,ref_for:!0},_.pageProps),{default:E(()=>[C(e.$slots,`item-label`,{item:n,index:o},()=>[h(w(n.label),1)])]),_:2},1040))]),C(e.$slots,`item-trailing`,{item:n,index:o})]),_:2},1040,[`onClick`]),o<N.value.length-1?(x(),f(c,y({key:1,ref_for:!0},_.separatorProps),{default:E(()=>[C(e.$slots,`separator`,{},()=>[g(t,{icon:`lucide:chevron-right`})])]),_:3},16)):p(`v-if`,!0)],64))),128))]),_:3},16)]),_:3},16))}});export{D as default};

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

@@ -0,0 +1,21 @@
+import { BreadcrumbCompactProps, BreadcrumbCompactSlots, BreadcrumbOptionData } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/breadcrumb/breadcrumb-compact.vue.d.ts
+declare const __VLS_export: <T extends BreadcrumbOptionData = BreadcrumbOptionData>(__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<BreadcrumbCompactProps<T> & {
+    onClick?: ((item: T) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: BreadcrumbCompactSlots<T>;
+  emit: (evt: "click", item: T) => 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/breadcrumb/context.d.ts

@@ -1,8 +1,9 @@
-import { ClassValue, UiClass } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { BreadcrumbUiSlot } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/breadcrumb/context.d.ts
-declare const provideBreadcrumbUi: (ui: _$vue.ComputedRef<Partial<UiClass<BreadcrumbUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<BreadcrumbUiSlot>>>, useBreadcrumbUi: <S extends BreadcrumbUiSlot | undefined = undefined>(slot?: S | undefined) => S extends BreadcrumbUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<BreadcrumbUiSlot>>>;
+declare const provideBreadcrumbUi: (ui: _$vue.ComputedRef<Partial<UiClass<BreadcrumbUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<BreadcrumbUiSlot>>>, useBreadcrumbUi: UseUiConsumer<BreadcrumbUiSlot>;
 //#endregion
 export { provideBreadcrumbUi };

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

@@ -1,10 +1,11 @@
-import { BreadcrumbEllipsisProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbPageProps, BreadcrumbRootProps, BreadcrumbSeparatorProps, BreadcrumbUi, BreadcrumbUiSlot } from "./types.js";
-import { _default as _default$5 } from "./breadcrumb-root.vue.js";
-import { _default as _default$3 } from "./breadcrumb-list.vue.js";
-import { _default as _default$1 } from "./breadcrumb-item.vue.js";
-import { _default as _default$2 } from "./breadcrumb-link.vue.js";
-import { _default as _default$4 } from "./breadcrumb-page.vue.js";
-import { _default as _default$6 } from "./breadcrumb-separator.vue.js";
-import { _default } from "./breadcrumb-ellipsis.vue.js";
+import { BreadcrumbCompactEmits, BreadcrumbCompactProps, BreadcrumbCompactSlots, BreadcrumbEllipsisProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbOptionData, BreadcrumbPageProps, BreadcrumbRootProps, BreadcrumbSeparatorProps, BreadcrumbUi, BreadcrumbUiSlot } from "./types.js";
+import { _default as _default$6 } from "./breadcrumb-root.vue.js";
+import { _default } from "./breadcrumb-compact.vue.js";
+import { _default as _default$4 } from "./breadcrumb-list.vue.js";
+import { _default as _default$2 } from "./breadcrumb-item.vue.js";
+import { _default as _default$3 } from "./breadcrumb-link.vue.js";
+import { _default as _default$5 } from "./breadcrumb-page.vue.js";
+import { _default as _default$7 } from "./breadcrumb-separator.vue.js";
+import { _default as _default$1 } from "./breadcrumb-ellipsis.vue.js";
 import { provideBreadcrumbUi } from "./context.js";
-export { _default as BreadcrumbEllipsis, type BreadcrumbEllipsisProps, _default$1 as BreadcrumbItem, type BreadcrumbItemProps, _default$2 as BreadcrumbLink, type BreadcrumbLinkProps, _default$3 as BreadcrumbList, type BreadcrumbListProps, _default$4 as BreadcrumbPage, type BreadcrumbPageProps, _default$5 as BreadcrumbRoot, type BreadcrumbRootProps, _default$6 as BreadcrumbSeparator, type BreadcrumbSeparatorProps, type BreadcrumbUi, type BreadcrumbUiSlot, provideBreadcrumbUi };
+export { _default as BreadcrumbCompact, type BreadcrumbCompactEmits, type BreadcrumbCompactProps, type BreadcrumbCompactSlots, _default$1 as BreadcrumbEllipsis, type BreadcrumbEllipsisProps, _default$2 as BreadcrumbItem, type BreadcrumbItemProps, _default$3 as BreadcrumbLink, type BreadcrumbLinkProps, _default$4 as BreadcrumbList, type BreadcrumbListProps, type BreadcrumbOptionData, _default$5 as BreadcrumbPage, type BreadcrumbPageProps, _default$6 as BreadcrumbRoot, type BreadcrumbRootProps, _default$7 as BreadcrumbSeparator, type BreadcrumbSeparatorProps, type BreadcrumbUi, type BreadcrumbUiSlot, provideBreadcrumbUi };

package/dist/components/breadcrumb/index.js

@@ -1 +1 @@
-import{provideBreadcrumbUi as e}from"./context.js";import t from"./breadcrumb-root.js";import n from"./breadcrumb-list.js";import r from"./breadcrumb-item.js";import i from"./breadcrumb-link.js";import a from"./breadcrumb-page.js";import o from"./breadcrumb-separator.js";import s from"./breadcrumb-ellipsis.js";export{s as BreadcrumbEllipsis,r as BreadcrumbItem,i as BreadcrumbLink,n as BreadcrumbList,a as BreadcrumbPage,t as BreadcrumbRoot,o as BreadcrumbSeparator,e as provideBreadcrumbUi};
+import{provideBreadcrumbUi as e}from"./context.js";import t from"./breadcrumb-root.js";import n from"./breadcrumb-ellipsis.js";import r from"./breadcrumb-item.js";import i from"./breadcrumb-link.js";import a from"./breadcrumb-list.js";import o from"./breadcrumb-page.js";import s from"./breadcrumb-separator.js";import c from"./breadcrumb-compact.js";export{c as BreadcrumbCompact,n as BreadcrumbEllipsis,r as BreadcrumbItem,i as BreadcrumbLink,a as BreadcrumbList,o as BreadcrumbPage,t as BreadcrumbRoot,s as BreadcrumbSeparator,e as provideBreadcrumbUi};

package/dist/components/breadcrumb/shared.js

@@ -0,0 +1 @@
+function e(e,t){if(!t||e.length<5)return null;if(t===!0)return[1,e.length-2];let[n,r]=t;return n===0&&(n=1),r===e.length&&(r=e.length-1),[n,r]}export{e as getEllipsisRange};

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

@@ -1,5 +1,6 @@
+import { IconValue } from "../_icon/types.js";
 import { UiClass } from "../../types/common.js";
-import { LinkProps } from "../link/types.js";
+import { LinkBaseProps, LinkProps } from "../link/types.js";
 import { HTMLAttributes } from "vue";
 
 //#region src/components/breadcrumb/types.d.ts
@@ -10,7 +11,52 @@ interface BreadcrumbPageProps extends /** @vue-ignore */HTMLAttributes {}
 interface BreadcrumbSeparatorProps extends /** @vue-ignore */HTMLAttributes {}
 interface BreadcrumbEllipsisProps extends /** @vue-ignore */HTMLAttributes {}
 interface BreadcrumbLinkProps extends LinkProps {}
+interface BreadcrumbOptionData extends LinkBaseProps {
+  /** The value of the option. */
+  value?: string;
+  /** The label to display in the option. */
+  label: string;
+  /** The icon of the option. */
+  icon?: IconValue;
+  /** Whether the option is disabled. */
+  disabled?: boolean;
+}
+interface BreadcrumbCompactProps<T extends BreadcrumbOptionData = BreadcrumbOptionData> extends Omit<BreadcrumbRootProps, 'onClick'> {
+  items: T[];
+  /**
+   * The range of items to show ellipsis.
+   *
+   * When the item count is greater than 4, we will show ellipsis.
+   */
+  ellipsis?: true | [number, number] | null;
+  listProps?: BreadcrumbListProps;
+  itemProps?: BreadcrumbItemProps;
+  linkProps?: BreadcrumbLinkProps;
+  pageProps?: BreadcrumbPageProps;
+  separatorProps?: BreadcrumbSeparatorProps;
+  ellipsisProps?: BreadcrumbEllipsisProps;
+}
+type BreadcrumbCompactEmits<T extends BreadcrumbOptionData = BreadcrumbOptionData> = {
+  click: [item: T];
+};
+interface BreadcrumbCompactItemSlotProps<T extends BreadcrumbOptionData = BreadcrumbOptionData> {
+  item: T;
+  index: number;
+}
+interface BreadcrumbCompactEllipsisSlotProps<T extends BreadcrumbOptionData = BreadcrumbOptionData> {
+  ellipsisItems: T[];
+}
+type BreadcrumbCompactSlots<T extends BreadcrumbOptionData = BreadcrumbOptionData> = {
+  default?: (props: BreadcrumbCompactItemSlotProps<T>) => any;
+  ellipsis?: (props: BreadcrumbCompactEllipsisSlotProps<T>) => any;
+  'ellipsis-icon'?: () => any;
+  separator?: () => any;
+  'item-leading'?: (props: BreadcrumbCompactItemSlotProps<T>) => any;
+  'item-link'?: (props: BreadcrumbCompactItemSlotProps<T>) => any;
+  'item-label'?: (props: BreadcrumbCompactItemSlotProps<T>) => any;
+  'item-trailing'?: (props: BreadcrumbCompactItemSlotProps<T>) => any;
+};
 type BreadcrumbUiSlot = 'root' | 'list' | 'item' | 'page' | 'separator' | 'ellipsis' | 'link';
 type BreadcrumbUi = UiClass<BreadcrumbUiSlot>;
 //#endregion
-export { BreadcrumbEllipsisProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbPageProps, BreadcrumbRootProps, BreadcrumbSeparatorProps, BreadcrumbUi, BreadcrumbUiSlot };
+export { BreadcrumbCompactEmits, BreadcrumbCompactProps, BreadcrumbCompactSlots, BreadcrumbEllipsisProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbOptionData, BreadcrumbPageProps, BreadcrumbRootProps, BreadcrumbSeparatorProps, BreadcrumbUi, BreadcrumbUiSlot };

package/dist/components/button/button.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`Button`,__name:`button`,props:{type:{default:`button`},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},emits:[`click`],setup(i,{emit:u}){let d=i,f=u,p=n(()=>d.disabled?``:void 0),m=n(()=>d.disabled?!0:void 0),h=e(d,[`disabled`]),g=e=>{if(d.disabled){e.preventDefault(),e.stopPropagation();return}f(`click`,e)};return(e,n)=>(o(),r(c(t),a(c(h),{"data-disabled":p.value,"aria-disabled":m.value,tabindex:i.disabled?`-1`:void 0,onClick:g}),{default:l(()=>[s(e.$slots,`default`)]),_:3},16,[`data-disabled`,`aria-disabled`,`tabindex`]))}});export{u as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`Button`,__name:`button`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},emits:[`click`],setup(i,{emit:u}){let d=i,f=u,p=n(()=>d.disabled?``:void 0),m=n(()=>d.disabled?!0:void 0),h=e(d,[`disabled`,`type`]),g=n(()=>{if(d.as===`button`)return d.type??`button`}),_=e=>{if(d.disabled){e.preventDefault(),e.stopPropagation();return}f(`click`,e)};return(e,n)=>(o(),r(c(t),a(c(h),{"data-disabled":p.value,"aria-disabled":m.value,tabindex:i.disabled?`-1`:void 0,type:g.value,onClick:_}),{default:l(()=>[s(e.$slots,`default`)]),_:3},16,[`data-disabled`,`aria-disabled`,`tabindex`,`type`]))}});export{u as default};

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

@@ -1,5 +1,5 @@
 import { AsTag } from "../primitive/types.js";
-import { ButtonProps, ButtonType } from "./types.js";
+import { ButtonProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/button/button.vue.d.ts
@@ -12,7 +12,6 @@ declare const __VLS_base: _$vue.DefineComponent<ButtonProps, {}, {}, {}, {}, _$v
 }, string, _$vue.PublicProps, Readonly<ButtonProps> & Readonly<{
   onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {
-  type: ButtonType;
   as: AsTag | _$vue.Component;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1,8 +1,9 @@
-import { ClassValue, UiClass } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { CardUiSlot } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/card/context.d.ts
-declare const provideCardUi: (ui: _$vue.ComputedRef<Partial<UiClass<CardUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<CardUiSlot>>>, useCardUi: <S extends CardUiSlot | undefined = undefined>(slot?: S | undefined) => S extends CardUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<CardUiSlot>>>;
+declare const provideCardUi: (ui: _$vue.ComputedRef<Partial<UiClass<CardUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<CardUiSlot>>>, useCardUi: UseUiConsumer<CardUiSlot>;
 //#endregion
 export { provideCardUi };

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

@@ -1,8 +1,9 @@
-import { ClassValue, UiClass } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { CarouselUiSlot } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/carousel/context.d.ts
-declare const provideCarouselUi: (ui: _$vue.ComputedRef<Partial<UiClass<CarouselUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<CarouselUiSlot>>>, useCarouselUi: <S extends CarouselUiSlot | undefined = undefined>(slot?: S | undefined) => S extends CarouselUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<CarouselUiSlot>>>;
+declare const provideCarouselUi: (ui: _$vue.ComputedRef<Partial<UiClass<CarouselUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<CarouselUiSlot>>>, useCarouselUi: UseUiConsumer<CarouselUiSlot>;
 //#endregion
 export { provideCarouselUi };

package/dist/components/checkbox/checkbox-card-compact.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import{useCheckboxCardUi as n}from"./context.js";import r from"./checkbox-root.js";import i from"./checkbox-control.js";import a from"./checkbox-indicator.js";import o from"./checkbox-label.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createTextVNode as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeClass as _,normalizeProps as v,openBlock as y,renderSlot as b,toDisplayString as x,unref as S,useId as C,useSlots as w,withCtx as T}from"vue";const E=m({name:`CheckboxCardCompact`,__name:`checkbox-card-compact`,props:{icon:{},description:{},label:{},controlProps:{},indicatorProps:{},labelProps:{},id:{},modelValue:{type:[Boolean,String,null],default:void 0},defaultValue:{type:[Boolean,String]},value:{},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(m,{emit:E}){let D=m,O=E,k=w(),A=e(D,[`label`,`icon`,`description`,`controlProps`,`indicatorProps`,`labelProps`]),j=n(),M=C(),N=s(()=>D.id||`checkbox-${M}`),P=s(()=>D.modelValue===`indeterminate`);return(e,n)=>(y(),c(r,g(S(A),{"onUpdate:modelValue":n[0]||(n[0]=e=>O(`update:modelValue`,e))}),{default:T(()=>[d(`div`,{class:_(S(j).content)},[p(t,{icon:m.icon,class:_(S(j).icon)},null,8,[`icon`,`class`]),d(`div`,{class:_(S(j).textContent)},[p(o,g(m.labelProps,{for:N.value}),{default:T(()=>[b(e.$slots,`default`,{id:N.value},()=>[f(x(m.label),1)])]),_:3},16,[`for`]),S(k).description||m.description?(y(),u(`p`,{key:0,class:_(S(j).description)},[b(e.$slots,`description`,{},()=>[f(x(m.description),1)])],2)):l(`v-if`,!0)],2)],2),p(i,g(m.controlProps,{id:N.value,class:`checkbox-control`}),{default:T(()=>[p(a,v(h(m.indicatorProps)),{default:T(n=>[b(e.$slots,`indicator`,v(h(n)),()=>[p(t,{icon:P.value?`lucide:minus`:`lucide:check`,class:_(S(j)[`indicator-icon`])},null,8,[`icon`,`class`])])]),_:3},16)]),_:3},16,[`id`])]),_:3},16))}});export{E as default};

package/dist/components/checkbox/checkbox-card-compact.vue.d.ts

@@ -0,0 +1,31 @@
+import { CheckedState } from "../../types/common.js";
+import { CheckboxCardCompactProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/checkbox/checkbox-card-compact.vue.d.ts
+declare var __VLS_21: {
+    id: string;
+  }, __VLS_23: {}, __VLS_37: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_21) => any;
+} & {
+  description?: (props: typeof __VLS_23) => any;
+} & {
+  indicator?: (props: typeof __VLS_37) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<CheckboxCardCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: CheckedState | null) => any;
+}, string, _$vue.PublicProps, Readonly<CheckboxCardCompactProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: CheckedState | null) => any) | undefined;
+}>, {
+  modelValue: CheckedState | null;
+}, {}, {}, {}, 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/checkbox/checkbox-card-group-compact.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./checkbox-card-compact.js";import n from"./checkbox-group-root.js";import{Fragment as r,createBlock as i,createElementBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderList as l,unref as u,withCtx as d}from"vue";const f=o({name:`CheckboxCardGroupCompact`,__name:`checkbox-card-group-compact`,props:{items:{},rootProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},rovingFocus:{type:Boolean},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(o,{emit:f}){let p=o,m=f,h=e(p,[`items`,`rootProps`,`controlProps`,`indicatorProps`,`labelProps`]);return(e,f)=>(c(),i(n,s(u(h),{"onUpdate:modelValue":f[0]||(f[0]=e=>m(`update:modelValue`,e))}),{default:d(()=>[(c(!0),a(r,null,l(o.items,e=>(c(),i(t,{key:e.value,label:e.label,icon:e.icon,description:e.description,value:e.value,disabled:o.disabled||e.disabled,"control-props":o.controlProps,"indicator-props":o.indicatorProps,"label-props":o.labelProps},null,8,[`label`,`icon`,`description`,`value`,`disabled`,`control-props`,`indicator-props`,`label-props`]))),128))]),_:1},16))}});export{f as default};

package/dist/components/checkbox/checkbox-card-group-compact.vue.d.ts

@@ -0,0 +1,21 @@
+import { CheckboxCardGroupCompactProps, CheckboxCardGroupOptionData } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/checkbox/checkbox-card-group-compact.vue.d.ts
+declare const __VLS_export: <T extends CheckboxCardGroupOptionData = CheckboxCardGroupOptionData>(__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<CheckboxCardGroupCompactProps<T> & {
+    "onUpdate:modelValue"?: ((value: T["value"][]) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {};
+  emit: (evt: "update:modelValue", value: T["value"][]) => 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/checkbox/checkbox-compact.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import{useCheckboxUi as n}from"./context.js";import r from"./checkbox-root.js";import i from"./checkbox-control.js";import a from"./checkbox-indicator.js";import o from"./checkbox-label.js";import{computed as s,createBlock as c,createCommentVNode as l,createTextVNode as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeClass as h,normalizeProps as g,openBlock as _,renderSlot as v,toDisplayString as y,unref as b,useId as x,withCtx as S}from"vue";const C=f({name:`CheckboxCompact`,__name:`checkbox-compact`,props:{label:{},controlProps:{},indicatorProps:{},labelProps:{},id:{},modelValue:{type:[Boolean,String,null],default:void 0},defaultValue:{type:[Boolean,String]},value:{},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(f,{emit:C}){let w=f,T=C,E=e(w,[`label`,`controlProps`,`indicatorProps`,`labelProps`]),D=x(),O=s(()=>w.id||`checkbox-${D}`),k=n();return(e,n)=>(_(),c(r,m(b(E),{"onUpdate:modelValue":n[0]||(n[0]=e=>T(`update:modelValue`,e))}),{default:S(n=>[d(i,m(f.controlProps,{id:O.value}),{default:S(()=>[d(a,g(p(f.indicatorProps)),{default:S(()=>[v(e.$slots,`indicator`,g(p(n)),()=>[d(t,{icon:n.state===`indeterminate`?`lucide:minus`:`lucide:check`,class:h(b(k)[`indicator-icon`])},null,8,[`icon`,`class`])])]),_:2},1040)]),_:2},1040,[`id`]),e.$slots.default||f.label?(_(),c(o,m({key:0},f.labelProps,{for:O.value}),{default:S(()=>[v(e.$slots,`default`,m(n,{id:O.value}),()=>[u(y(f.label),1)])]),_:2},1040,[`for`])):l(`v-if`,!0)]),_:3},16))}});export{C as default};

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

@@ -0,0 +1,34 @@
+import { CheckedState } from "../../types/common.js";
+import { CheckboxCompactProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/checkbox/checkbox-compact.vue.d.ts
+declare var __VLS_22: {
+    modelValue: CheckedState | null | undefined;
+    state: CheckedState;
+  }, __VLS_35: {
+    id: string;
+    modelValue: CheckedState | null | undefined;
+    state: CheckedState;
+  };
+type __VLS_Slots = {} & {
+  indicator?: (props: typeof __VLS_22) => any;
+} & {
+  default?: (props: typeof __VLS_35) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<CheckboxCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: CheckedState | null) => any;
+}, string, _$vue.PublicProps, Readonly<CheckboxCompactProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: CheckedState | null) => any) | undefined;
+}>, {
+  modelValue: CheckedState | null;
+}, {}, {}, {}, 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/checkbox/checkbox-control.js

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import{isValueEqualOrExist as t}from"../../shared/comparison.js";import{isIndeterminate as n}from"../../shared/value.js";import{getAriaLabel as r}from"../../shared/dom.js";import"../../shared/index.js";import{useForwardElement as i}from"../../composables/use-forward-element.js";import"../../composables/index.js";import a from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import{useCheckboxGroupRootContext as o,useCheckboxRootContext as s,useCheckboxUi as c}from"./context.js";import{computed as l,createBlock as u,defineComponent as d,normalizeClass as f,openBlock as p,renderSlot as m,resolveDynamicComponent as h,unref as g,useAttrs as _,watchEffect as v,withCtx as y,withKeys as b,withModifiers as x}from"vue";const S=d({name:`CheckboxControl`,__name:`checkbox-control`,props:{id:{}},setup(d){let S=d,C=_(),w=c(`control`),T=o(),{modelValue:E,value:D,disabled:O,state:k,ariaChecked:A,dataDisabled:j,dataState:M,required:N,initControlId:P}=s(`CheckboxControl`),[F,I]=i(),L=l(()=>T?.rovingFocus?.value),R=l(()=>r(F.value,S.id,C[`aria-label`])),z=l(()=>L.value?!O.value:void 0),B=()=>{if(T){let n=[...T.modelValue.value||[]];if(t(n,D.value)){let e=n.findIndex(e=>e===D.value);n.splice(e,1)}else e(D.value)||n.push(D.value);T.modelValue.value=n}else E.value=n(E.value)?!0:!E.value};return v(()=>{S.id&&P(S.id)}),(e,t)=>(p(),u(h(L.value?g(a):`button`),{id:d.id,ref:g(I),class:f(g(w)),as:`button`,role:`checkbox`,type:`button`,disabled:g(O),"aria-checked":g(A),"data-disabled":g(j),"aria-label":R.value,"aria-required":g(N),"data-state":g(M),focusable:z.value,onClick:B,onKeydown:b(x(B,[`prevent`]),[`enter`])},{default:y(()=>[m(e.$slots,`default`,{modelValue:g(E),state:g(k)})]),_:3},40,[`id`,`class`,`disabled`,`aria-checked`,`data-disabled`,`aria-label`,`aria-required`,`data-state`,`focusable`,`onKeydown`]))}});export{S as default};
+import{isNullish as e}from"../../shared/guard.js";import{isValueEqualOrExist as t}from"../../shared/comparison.js";import{isIndeterminate as n}from"../../shared/value.js";import{getAriaLabel as r}from"../../shared/dom.js";import"../../shared/index.js";import{useForwardElement as i}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{useCheckboxGroupRootContext as a,useCheckboxRootContext as o,useCheckboxUi as s}from"./context.js";import c from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import{computed as l,createBlock as u,defineComponent as d,normalizeClass as f,openBlock as p,renderSlot as m,resolveDynamicComponent as h,unref as g,useAttrs as _,watchEffect as v,withCtx as y,withKeys as b,withModifiers as x}from"vue";const S=d({name:`CheckboxControl`,__name:`checkbox-control`,props:{id:{}},setup(d){let S=d,C=_(),w=s(`control`),T=a(),{modelValue:E,value:D,disabled:O,state:k,ariaChecked:A,dataDisabled:j,dataState:M,required:N,initControlId:P}=o(`CheckboxControl`),[F,I]=i(),L=l(()=>T?.rovingFocus?.value),R=l(()=>r(F.value,S.id,C[`aria-label`])),z=l(()=>L.value?!O.value:void 0),B=()=>{if(T){let n=[...T.modelValue.value||[]];if(t(n,D.value)){let e=n.findIndex(e=>e===D.value);n.splice(e,1)}else e(D.value)||n.push(D.value);T.modelValue.value=n}else E.value=n(E.value)?!0:!E.value};return v(()=>{S.id&&P(S.id)}),(e,t)=>(p(),u(h(L.value?g(c):`button`),{id:d.id,ref:g(I),class:f(g(w)),as:`button`,role:`checkbox`,type:`button`,disabled:g(O),"aria-checked":g(A),"data-disabled":g(j),"aria-label":R.value,"aria-required":g(N),"data-state":g(M),focusable:z.value,onClick:B,onKeydown:b(x(B,[`prevent`]),[`enter`])},{default:y(()=>[m(e.$slots,`default`,{modelValue:g(E),state:g(k)})]),_:3},40,[`id`,`class`,`disabled`,`aria-checked`,`data-disabled`,`aria-label`,`aria-required`,`data-state`,`focusable`,`onKeydown`]))}});export{S as default};