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

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};

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

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./checkbox-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:`CheckboxGroupCompact`,__name:`checkbox-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,s({ref_for:!0},o.rootProps,{key:e.value,value:e.value,label:e.label,disabled:o.disabled||e.disabled,"control-props":o.controlProps,"indicator-props":o.indicatorProps,"label-props":o.labelProps}),null,16,[`value`,`label`,`disabled`,`control-props`,`indicator-props`,`label-props`]))),128))]),_:1},16))}});export{f as default};

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

@@ -0,0 +1,21 @@
+import { CheckboxGroupCompactProps, CheckboxGroupOptionData } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/checkbox/checkbox-group-compact.vue.d.ts
+declare const __VLS_export: <T extends CheckboxGroupOptionData = CheckboxGroupOptionData>(__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<CheckboxGroupCompactProps<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-group-root.js

@@ -1 +1 @@
-import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import"../../composables/index.js";import i from"../visually-hidden/visually-hidden-input.js";import a from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import"../visually-hidden/index.js";import{provideCheckboxGroupRootContext as o}from"./context.js";import{computed as s,createBlock as c,createCommentVNode as l,defineComponent as u,mergeProps as d,openBlock as f,renderSlot as p,resolveDynamicComponent as m,unref as h,withCtx as g}from"vue";const _=u({name:`CheckboxGroupRoot`,__name:`checkbox-group-root`,props:{modelValue:{default:void 0},defaultValue:{},rovingFocus:{type:Boolean,default:!0},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(u,{emit:_}){let v=u,y=_,b=s(()=>{let{rovingFocus:e,loop:t,dir:n,orientation:r}=v;return e?{loop:t,dir:n,orientation:r}:{}}),x=n(()=>v.modelValue,e=>{y(`update:modelValue`,e??[])},v.defaultValue);o({...t(v,[`modelValue`,`defaultValue`,`rovingFocus`,`disabled`]),modelValue:x});let[S,C]=r(),w=s(()=>e(S.value));return(e,t)=>(f(),c(m(u.rovingFocus?h(a):`div`),d(b.value,{ref:h(C),as:`div`}),{default:g(()=>[p(e.$slots,`default`),w.value&&u.name?(f(),c(h(i),{key:0,name:u.name,value:h(x),required:u.required},null,8,[`name`,`value`,`required`])):l(`v-if`,!0)]),_:3},16))}});export{_ as default};
+import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import"../../composables/index.js";import i from"../visually-hidden/visually-hidden-input.js";import{provideCheckboxGroupRootContext as a,useCheckboxUi as o}from"./context.js";import"../visually-hidden/index.js";import s from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import{computed as c,createBlock as l,createCommentVNode as u,defineComponent as d,mergeProps as f,openBlock as p,renderSlot as m,resolveDynamicComponent as h,unref as g,withCtx as _}from"vue";const v=d({name:`CheckboxGroupRoot`,__name:`checkbox-group-root`,props:{modelValue:{default:void 0},defaultValue:{},rovingFocus:{type:Boolean,default:!0},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(d,{emit:v}){let y=d,b=v,x=o(`groupRoot`),S=c(()=>{let{rovingFocus:e,loop:t,dir:n,orientation:r}=y;return e?{loop:t,dir:n,orientation:r}:{}}),C=n(()=>y.modelValue,e=>{b(`update:modelValue`,e??[])},y.defaultValue);a({...t(y,[`modelValue`,`defaultValue`,`rovingFocus`,`disabled`]),modelValue:C});let[w,T]=r(),E=c(()=>e(w.value));return(e,t)=>(p(),l(h(d.rovingFocus?g(s):`div`),f(S.value,{ref:g(T),class:g(x),as:`div`}),{default:_(()=>[m(e.$slots,`default`),E.value&&d.name?(p(),l(g(i),{key:0,name:d.name,value:g(C),required:d.required},null,8,[`name`,`value`,`required`])):u(`v-if`,!0)]),_:3},16,[`class`]))}});export{v as default};

package/dist/components/checkbox/checkbox-root.js

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import{isValueEqualOrExist as t}from"../../shared/comparison.js";import{isFormControl as n,transformPropsToContext as r}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as i}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import a from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import{provideCheckboxRootContext as o,useCheckboxGroupRootContext as s,useCheckboxUi as c}from"./context.js";import{computed as l,createBlock as u,createCommentVNode as d,createElementBlock as f,defineComponent as p,normalizeClass as m,openBlock as h,renderSlot as g,unref as _,useTemplateRef as v}from"vue";const y=[`data-state`],b=p({name:`CheckboxRoot`,__name:`checkbox-root`,props:{modelValue:{type:[Boolean,String,null],default:void 0},defaultValue:{type:[Boolean,String]},value:{default:`on`},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(p,{emit:b}){let x=p,S=b,C=c(`root`),w=v(`rootElement`),T=s(),E=i(()=>x.modelValue,e=>{e!==void 0&&S(`update:modelValue`,e)},x.defaultValue),D=l(()=>n(w.value)),O=l(()=>T?.disabled?.value||x.disabled),k=l(()=>e(T?.modelValue?.value)?e(E.value)?!1:E.value===`indeterminate`?`indeterminate`:E.value:t(T?.modelValue.value,x.value)),{dataState:A}=o({...r(x,[`value`,`name`,`required`]),modelValue:E,disabled:O,state:k});return(e,t)=>(h(),f(`div`,{ref_key:`rootElement`,ref:w,class:m(_(C)),"data-state":_(A)},[g(e.$slots,`default`,{modelValue:_(E),state:k.value}),D.value&&p.name&&!_(T)?(h(),u(_(a),{key:0,type:`checkbox`,checked:!!k.value,name:p.name,value:p.value,disabled:O.value,required:p.required},null,8,[`checked`,`name`,`value`,`disabled`,`required`])):d(`v-if`,!0)],10,y))}});export{b as default};
+import{isNullish as e}from"../../shared/guard.js";import{isValueEqualOrExist as t}from"../../shared/comparison.js";import{isFormControl as n,transformPropsToContext as r}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as i}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import a from"../visually-hidden/visually-hidden-input.js";import{provideCheckboxRootContext as o,useCheckboxGroupRootContext as s,useCheckboxUi as c}from"./context.js";import"../visually-hidden/index.js";import{computed as l,createBlock as u,createCommentVNode as d,createElementBlock as f,defineComponent as p,normalizeClass as m,openBlock as h,renderSlot as g,unref as _,useTemplateRef as v}from"vue";const y=[`data-state`],b=p({name:`CheckboxRoot`,__name:`checkbox-root`,props:{id:{},modelValue:{type:[Boolean,String,null],default:void 0},defaultValue:{type:[Boolean,String]},value:{default:`on`},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(p,{emit:b}){let x=p,S=b,C=c(`root`),w=v(`rootElement`),T=s(),E=i(()=>x.modelValue,e=>{e!==void 0&&S(`update:modelValue`,e)},x.defaultValue),D=l(()=>n(w.value)),O=l(()=>T?.disabled?.value||x.disabled),k=l(()=>e(T?.modelValue?.value)?e(E.value)?!1:E.value===`indeterminate`?`indeterminate`:E.value:t(T?.modelValue.value,x.value)),{dataState:A}=o({...r(x,[`value`,`name`,`required`]),modelValue:E,disabled:O,state:k});return(e,t)=>(h(),f(`div`,{ref_key:`rootElement`,ref:w,class:m(_(C)),"data-state":_(A)},[g(e.$slots,`default`,{modelValue:_(E),state:k.value}),D.value&&p.name&&!_(T)?(h(),u(_(a),{key:0,type:`checkbox`,checked:!!k.value,name:p.name,value:p.value,disabled:O.value,required:p.required},null,8,[`checked`,`name`,`value`,`disabled`,`required`])):d(`v-if`,!0)],10,y))}});export{b as default};

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

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

package/dist/components/checkbox/context.js

@@ -1 +1 @@
-import{getCheckedState as e,isIndeterminate as t}from"../../shared/value.js";import"../../shared/index.js";import{useContext as n}from"../../composables/use-context.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{computed as i,shallowRef as a}from"vue";const[o,s]=n(`CheckboxGroupRoot`,e=>e),[c,l]=n(`CheckboxRoot`,n=>{let{modelValue:r,state:o}=n,s=i(()=>t(o.value)?`mixed`:o.value),c=i(()=>n.disabled.value?``:void 0),l=i(()=>e(o.value)),u=a(``),d=e=>{u.value=e};return{...n,modelValue:r,state:o,ariaChecked:s,dataDisabled:c,dataState:l,controlId:u,initControlId:d}}),[u,d]=r(`CheckboxUi`);export{o as provideCheckboxGroupRootContext,c as provideCheckboxRootContext,u as provideCheckboxUi,s as useCheckboxGroupRootContext,l as useCheckboxRootContext,d as useCheckboxUi};
+import{getCheckedState as e,isIndeterminate as t}from"../../shared/value.js";import"../../shared/index.js";import{useContext as n}from"../../composables/use-context.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{computed as i,shallowRef as a}from"vue";const[o,s]=n(`CheckboxGroupRoot`,e=>e),[c,l]=n(`CheckboxRoot`,n=>{let{modelValue:r,state:o}=n,s=i(()=>t(o.value)?`mixed`:o.value),c=i(()=>n.disabled.value?``:void 0),l=i(()=>e(o.value)),u=a(``),d=e=>{u.value=e};return{...n,modelValue:r,state:o,ariaChecked:s,dataDisabled:c,dataState:l,controlId:u,initControlId:d}}),[u,d]=r(`CheckboxUi`),[f,p]=r(`CheckboxCardUi`,e=>(u(e),e));export{f as provideCheckboxCardUi,o as provideCheckboxGroupRootContext,c as provideCheckboxRootContext,u as provideCheckboxUi,p as useCheckboxCardUi,s as useCheckboxGroupRootContext,l as useCheckboxRootContext,d as useCheckboxUi};

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

@@ -1,9 +1,13 @@
 import { LabelProps } from "../label/types.js";
-import { CheckboxControlProps, CheckboxGroupRootEmits, CheckboxGroupRootProps, CheckboxIndicatorProps, CheckboxRootEmits, CheckboxRootProps, CheckboxUi, CheckboxUiSlot } from "./types.js";
-import { _default as _default$1 } from "./checkbox-group-root.vue.js";
-import { _default as _default$4 } from "./checkbox-root.vue.js";
-import { _default } from "./checkbox-control.vue.js";
-import { _default as _default$2 } from "./checkbox-indicator.vue.js";
-import { _default as _default$3 } from "./checkbox-label.vue.js";
-import { provideCheckboxUi } from "./context.js";
-export { _default as CheckboxControl, type CheckboxControlProps, _default$1 as CheckboxGroupRoot, type CheckboxGroupRootEmits, type CheckboxGroupRootProps, _default$2 as CheckboxIndicator, type CheckboxIndicatorProps, _default$3 as CheckboxLabel, type LabelProps as CheckboxLabelProps, _default$4 as CheckboxRoot, type CheckboxRootEmits, type CheckboxRootProps, type CheckboxUi, type CheckboxUiSlot, provideCheckboxUi };
+import { CheckboxCardCompactEmits, CheckboxCardCompactProps, CheckboxCardGroupCompactEmits, CheckboxCardGroupCompactProps, CheckboxCardGroupOptionData, CheckboxCardUi, CheckboxCardUiSlot, CheckboxCompactEmits, CheckboxCompactProps, CheckboxControlProps, CheckboxGroupCompactEmits, CheckboxGroupCompactProps, CheckboxGroupOptionData, CheckboxGroupRootEmits, CheckboxGroupRootProps, CheckboxIndicatorProps, CheckboxRootEmits, CheckboxRootProps, CheckboxUi, CheckboxUiSlot } from "./types.js";
+import { _default as _default$2 } from "./checkbox-compact.vue.js";
+import { _default } from "./checkbox-card-compact.vue.js";
+import { _default as _default$4 } from "./checkbox-group-compact.vue.js";
+import { _default as _default$1 } from "./checkbox-card-group-compact.vue.js";
+import { _default as _default$5 } from "./checkbox-group-root.vue.js";
+import { _default as _default$8 } from "./checkbox-root.vue.js";
+import { _default as _default$3 } from "./checkbox-control.vue.js";
+import { _default as _default$6 } from "./checkbox-indicator.vue.js";
+import { _default as _default$7 } from "./checkbox-label.vue.js";
+import { provideCheckboxCardUi, provideCheckboxUi } from "./context.js";
+export { _default as CheckboxCardCompact, type CheckboxCardCompactEmits, type CheckboxCardCompactProps, _default$1 as CheckboxCardGroupCompact, type CheckboxCardGroupCompactEmits, type CheckboxCardGroupCompactProps, type CheckboxCardGroupOptionData, type CheckboxCardUi, type CheckboxCardUiSlot, _default$2 as CheckboxCompact, type CheckboxCompactEmits, type CheckboxCompactProps, _default$3 as CheckboxControl, type CheckboxControlProps, _default$4 as CheckboxGroupCompact, type CheckboxGroupCompactEmits, type CheckboxGroupCompactProps, type CheckboxGroupOptionData, _default$5 as CheckboxGroupRoot, type CheckboxGroupRootEmits, type CheckboxGroupRootProps, _default$6 as CheckboxIndicator, type CheckboxIndicatorProps, _default$7 as CheckboxLabel, type LabelProps as CheckboxLabelProps, _default$8 as CheckboxRoot, type CheckboxRootEmits, type CheckboxRootProps, type CheckboxUi, type CheckboxUiSlot, provideCheckboxCardUi, provideCheckboxUi };

package/dist/components/checkbox/index.js

@@ -1 +1 @@
-import{provideCheckboxUi as e}from"./context.js";import t from"./checkbox-group-root.js";import n from"./checkbox-root.js";import r from"./checkbox-control.js";import i from"./checkbox-indicator.js";import a from"./checkbox-label.js";export{r as CheckboxControl,t as CheckboxGroupRoot,i as CheckboxIndicator,a as CheckboxLabel,n as CheckboxRoot,e as provideCheckboxUi};
+import{provideCheckboxCardUi as e,provideCheckboxUi as t}from"./context.js";import n from"./checkbox-root.js";import r from"./checkbox-control.js";import i from"./checkbox-indicator.js";import a from"./checkbox-label.js";import o from"./checkbox-compact.js";import s from"./checkbox-card-compact.js";import c from"./checkbox-group-root.js";import l from"./checkbox-group-compact.js";import u from"./checkbox-card-group-compact.js";export{s as CheckboxCardCompact,u as CheckboxCardGroupCompact,o as CheckboxCompact,r as CheckboxControl,l as CheckboxGroupCompact,c as CheckboxGroupRoot,i as CheckboxIndicator,a as CheckboxLabel,n as CheckboxRoot,e as provideCheckboxCardUi,t as provideCheckboxUi};

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

@@ -1,12 +1,14 @@
+import { IconValue } from "../_icon/types.js";
 import { CheckedState, DefinedValue, UiClass } from "../../types/common.js";
 import { ForceMountProps, FormFieldCommonProps } from "../../types/component.js";
 import { PrimitiveProps } from "../primitive/types.js";
-import { RovingFocusGroupProps } from "../roving-focus/types.js";
 import { LabelProps } from "../label/types.js";
+import { RovingFocusGroupProps } from "../roving-focus/types.js";
 import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/checkbox/types.d.ts
 interface CheckboxRootProps extends FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
+  id?: string;
   /** The controlled value of the checkbox. Can be bound with v-model. */
   modelValue?: CheckedState | null;
   /** The value of the checkbox when it is initially rendered. Use when you do not need to control its value. */
@@ -32,6 +34,15 @@ interface CheckboxControlProps extends /** @vue-ignore */ButtonHTMLAttributes {
   id?: string;
 }
 interface CheckboxIndicatorProps extends PrimitiveProps, ForceMountProps, /** @vue-ignore */HTMLAttributes {}
+type CheckboxGroupOptionData<T extends DefinedValue = DefinedValue> = {
+  value: T;
+  label: string;
+  disabled?: boolean;
+};
+type CheckboxCardGroupOptionData<T extends DefinedValue = DefinedValue> = CheckboxGroupOptionData<T> & {
+  icon?: string;
+  description?: string;
+};
 interface CheckboxGroupRootProps<T extends DefinedValue = DefinedValue> extends Omit<RovingFocusGroupProps, 'currentTabStopId' | 'defaultCurrentTabStopId' | 'preventScrollOnEntryFocus' | 'as' | 'asChild'>, FormFieldCommonProps {
   /** The controlled value of the checkbox. Can be bound with v-model. */
   modelValue?: T[];
@@ -53,7 +64,31 @@ interface CheckboxGroupRootProps<T extends DefinedValue = DefinedValue> extends
 type CheckboxGroupRootEmits<T extends DefinedValue = DefinedValue> = {
   /** Event handler called when the value of the checkbox group changes. */'update:modelValue': [value: T[]];
 };
-type CheckboxUiSlot = 'root' | 'indicator' | 'groupRoot' | 'label' | 'control';
+interface CheckboxCompactProps extends CheckboxRootProps {
+  label?: string;
+  controlProps?: CheckboxControlProps;
+  indicatorProps?: CheckboxIndicatorProps;
+  labelProps?: LabelProps;
+}
+type CheckboxCompactEmits = CheckboxRootEmits;
+interface CheckboxCardCompactProps extends CheckboxCompactProps {
+  icon?: IconValue;
+  description?: string;
+}
+type CheckboxCardCompactEmits = CheckboxCompactEmits;
+interface CheckboxGroupCompactProps<T extends CheckboxGroupOptionData = CheckboxGroupOptionData> extends CheckboxGroupRootProps<T['value']> {
+  items: T[];
+  rootProps?: CheckboxRootProps;
+  controlProps?: CheckboxControlProps;
+  indicatorProps?: CheckboxIndicatorProps;
+  labelProps?: LabelProps;
+}
+interface CheckboxCardGroupCompactProps<T extends CheckboxCardGroupOptionData = CheckboxCardGroupOptionData> extends CheckboxGroupCompactProps<T> {}
+type CheckboxGroupCompactEmits<T extends DefinedValue = DefinedValue> = CheckboxGroupRootEmits<T>;
+type CheckboxCardGroupCompactEmits<T extends DefinedValue = DefinedValue> = CheckboxGroupRootEmits<T>;
+type CheckboxUiSlot = 'groupRoot' | 'root' | 'indicator' | 'indicator-icon' | 'label' | 'control';
+type CheckboxCardUiSlot = CheckboxUiSlot | 'content' | 'icon' | 'textContent' | 'description';
 type CheckboxUi = UiClass<CheckboxUiSlot>;
+type CheckboxCardUi = UiClass<CheckboxCardUiSlot>;
 //#endregion
-export { CheckboxControlProps, CheckboxGroupRootEmits, CheckboxGroupRootProps, CheckboxIndicatorProps, CheckboxRootEmits, CheckboxRootProps, CheckboxUi, CheckboxUiSlot };
+export { CheckboxCardCompactEmits, CheckboxCardCompactProps, CheckboxCardGroupCompactEmits, CheckboxCardGroupCompactProps, CheckboxCardGroupOptionData, CheckboxCardUi, CheckboxCardUiSlot, CheckboxCompactEmits, CheckboxCompactProps, CheckboxControlProps, CheckboxGroupCompactEmits, CheckboxGroupCompactProps, CheckboxGroupOptionData, CheckboxGroupRootEmits, CheckboxGroupRootProps, CheckboxIndicatorProps, CheckboxRootEmits, CheckboxRootProps, CheckboxUi, CheckboxUiSlot };

package/dist/components/clipboard/clipboard.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"../button/button.js";import"../button/index.js";import{computed as r,createBlock as i,createElementVNode as a,createTextVNode as o,createVNode as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeProps as d,openBlock as f,renderSlot as p,toDisplayString as m,unref as h,withCtx as g}from"vue";import{useClipboard as _}from"@vueuse/core";const v={"aria-hidden":`true`},y=c({name:`Clipboard`,__name:`clipboard`,props:{value:{},copiedDuration:{default:2e3},legacy:{type:Boolean,default:!0},copyIcon:{default:`lucide:copy`},copiedIcon:{default:`lucide:check`},copyText:{default:`Copy`},copiedText:{default:`Copied`},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`click`,`copied`,`copyError`],setup(c,{emit:y}){let b=c,x=y,{copied:S,copy:C,isSupported:w}=_({copiedDuring:b.copiedDuration,legacy:b.legacy}),T=r(()=>b.disabled||!w.value),E=r(()=>w.value?S.value?`copied`:`ready`:`unsupported`),D=e(b,[`value`,`copiedDuration`,`legacy`,`disabled`,`copyIcon`,`copiedIcon`,`copyText`,`copiedText`]),O=r(()=>S.value?b.copiedIcon:b.copyIcon),k=r(()=>S.value?b.copiedText:b.copyText),A=async()=>{if(!T.value)try{await C(b.value),x(`copied`,b.value)}catch(e){x(`copyError`,e)}},j=r(()=>({copied:S.value,disabled:T.value,icon:O.value,supported:w.value,state:E.value,text:k.value,copy:A})),M=async e=>{x(`click`,e),await A()};return(e,r)=>(f(),i(h(n),u(h(D),{disabled:T.value,"data-state":E.value,onClick:M}),{default:g(()=>[p(e.$slots,`leading`,d(l(j.value)),()=>[a(`span`,v,[s(t,{icon:O.value},null,8,[`icon`])])]),p(e.$slots,`default`,d(l(j.value)),()=>[o(m(k.value),1)]),p(e.$slots,`trailing`,d(l(j.value)))]),_:3},16,[`disabled`,`data-state`]))}});export{y as default};

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

@@ -0,0 +1,66 @@
+import { IconValue } from "../_icon/types.js";
+import { ClipboardProps, ClipboardState } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/clipboard/clipboard.vue.d.ts
+declare var __VLS_10: {
+    copied: boolean;
+    disabled: boolean;
+    icon: IconValue;
+    supported: boolean;
+    state: ClipboardState;
+    text: string;
+    copy: () => Promise<void>;
+  }, __VLS_17: {
+    copied: boolean;
+    disabled: boolean;
+    icon: IconValue;
+    supported: boolean;
+    state: ClipboardState;
+    text: string;
+    copy: () => Promise<void>;
+  }, __VLS_19: {
+    copied: boolean;
+    disabled: boolean;
+    icon: IconValue;
+    supported: boolean;
+    state: ClipboardState;
+    text: string;
+    copy: () => Promise<void>;
+  };
+type __VLS_Slots = {} & {
+  leading?: (props: typeof __VLS_10) => any;
+} & {
+  default?: (props: typeof __VLS_17) => any;
+} & {
+  trailing?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ClipboardProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  click: (event: MouseEvent) => any;
+  copied: (value: string) => any;
+  copyError: (error: unknown) => any;
+}, string, _$vue.PublicProps, Readonly<ClipboardProps> & Readonly<{
+  onClick?: ((event: MouseEvent) => any) | undefined;
+  onCopied?: ((value: string) => any) | undefined;
+  onCopyError?: ((error: unknown) => any) | undefined;
+}>, {
+  copiedDuration: number;
+  legacy: boolean;
+  copyIcon: string | _$vue.Component | _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
+    [key: string]: any;
+  }> | null;
+  copiedIcon: string | _$vue.Component | _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
+    [key: string]: any;
+  }> | null;
+  copyText: string;
+  copiedText: string;
+}, {}, {}, {}, 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/clipboard/index.d.ts

@@ -0,0 +1,3 @@
+import { ClipboardEmits, ClipboardProps, ClipboardSlotProps, ClipboardState } from "./types.js";
+import { _default } from "./clipboard.vue.js";
+export { _default as Clipboard, type ClipboardEmits, type ClipboardProps, type ClipboardSlotProps, type ClipboardState };

package/dist/components/clipboard/index.js

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

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

@@ -0,0 +1,63 @@
+import { IconValue } from "../_icon/types.js";
+import { ButtonProps } from "../button/types.js";
+
+//#region src/components/clipboard/types.d.ts
+type ClipboardState = 'ready' | 'copied' | 'unsupported';
+interface ClipboardProps extends ButtonProps {
+  /**
+   * The text value to copy.
+   */
+  value: string;
+  /**
+   * The duration in milliseconds to keep the copied state.
+   *
+   * @defaultValue 2000
+   */
+  copiedDuration?: number;
+  /**
+   * Whether to enable the legacy `execCommand` fallback.
+   *
+   * @defaultValue true
+   */
+  legacy?: boolean;
+  /**
+   * The icon to display before copying.
+   *
+   * @defaultValue 'lucide:copy'
+   */
+  copyIcon?: IconValue;
+  /**
+   * The icon to display after copying.
+   *
+   * @defaultValue 'lucide:check'
+   */
+  copiedIcon?: IconValue;
+  /**
+   * The text to display before copying.
+   *
+   * @defaultValue 'Copy'
+   */
+  copyText?: string;
+  /**
+   * The text to display after copying.
+   *
+   * @defaultValue 'Copied'
+   */
+  copiedText?: string;
+}
+interface ClipboardSlotProps {
+  copied: boolean;
+  disabled: boolean;
+  icon: IconValue;
+  supported: boolean;
+  state: ClipboardState;
+  text: string;
+  copy: () => Promise<void>;
+}
+type ClipboardEmits = {
+  click: [event: MouseEvent];
+  copied: [value: string];
+  copyError: [error: unknown];
+};
+//#endregion
+export { ClipboardEmits, ClipboardProps, ClipboardSlotProps, ClipboardState };

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

@@ -15,8 +15,8 @@ declare const __VLS_base: _$vue.DefineComponent<CollapsibleRootProps, {
 }, string, _$vue.PublicProps, Readonly<CollapsibleRootProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-  open: boolean;
   unmountOnHide: boolean;
+  open: boolean;
   defaultOpen: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

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

package/dist/components/color-area/color-area-root.vue.d.ts

@@ -19,8 +19,8 @@ declare const __VLS_base: _$vue.DefineComponent<ColorAreaRootProps, {}, {}, {},
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {
-  format: ColorFormat;
   disabled: boolean;
+  format: ColorFormat;
   modelValue: string | ColorValue;
   defaultValue: string | ColorValue;
   as: AsTag | _$vue.Component;

package/dist/components/color-area/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 { ColorAreaUiSlot } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/color-area/context.d.ts
-declare const provideColorAreaUi: (ui: _$vue.ComputedRef<Partial<UiClass<ColorAreaUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ColorAreaUiSlot>>>, useColorAreaUi: <S extends ColorAreaUiSlot | undefined = undefined>(slot?: S | undefined) => S extends ColorAreaUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<ColorAreaUiSlot>>>;
+declare const provideColorAreaUi: (ui: _$vue.ComputedRef<Partial<UiClass<ColorAreaUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ColorAreaUiSlot>>>, useColorAreaUi: UseUiConsumer<ColorAreaUiSlot>;
 //#endregion
 export { provideColorAreaUi };

package/dist/components/color-field/color-field-root.vue.d.ts

@@ -15,12 +15,12 @@ declare const __VLS_base: _$vue.DefineComponent<ColorFieldRootProps, {}, {}, {},
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
 }>, {
-  format: ColorFormat;
   disabled: boolean;
+  format: ColorFormat;
   modelValue: string | ColorValue;
   defaultValue: string | ColorValue;
-  as: AsTag | _$vue.Component;
   step: number;
+  as: AsTag | _$vue.Component;
   readonly: boolean;
   disableWheelChange: boolean;
   colorSpace: ColorSpace;

package/dist/components/color-field/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 { ColorFieldUiSlot } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/color-field/context.d.ts
-declare const provideColorFieldUi: (ui: _$vue.ComputedRef<Partial<UiClass<ColorFieldUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ColorFieldUiSlot>>>, useColorFieldUi: <S extends ColorFieldUiSlot | undefined = undefined>(slot?: S | undefined) => S extends ColorFieldUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<ColorFieldUiSlot>>>;
+declare const provideColorFieldUi: (ui: _$vue.ComputedRef<Partial<UiClass<ColorFieldUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ColorFieldUiSlot>>>, useColorFieldUi: UseUiConsumer<ColorFieldUiSlot>;
 //#endregion
 export { provideColorFieldUi };

package/dist/components/color-picker/color-picker-root.vue.d.ts

@@ -23,8 +23,8 @@ declare const __VLS_base: _$vue.DefineComponent<ColorPickerRootProps, {}, {}, {}
   onChange?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
 }>, {
-  format: ColorFormat;
   disabled: boolean;
+  format: ColorFormat;
   modelValue: string | ColorValue;
   defaultValue: string | ColorValue;
   as: AsTag | _$vue.Component;

package/dist/components/color-slider/color-slider-root.vue.d.ts

@@ -19,14 +19,14 @@ declare const __VLS_base: _$vue.DefineComponent<ColorSliderRootProps, {}, {}, {}
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {
+  disabled: boolean;
   format: ColorFormat;
   orientation: DataOrientation;
-  disabled: boolean;
   modelValue: string | ColorValue;
   defaultValue: string | ColorValue;
   step: number;
-  inverted: boolean;
   colorSpace: ColorSpace;
+  inverted: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/color-slider/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 { ColorSliderUiSlot } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/color-slider/context.d.ts
-declare const provideColorSliderUi: (ui: _$vue.ComputedRef<Partial<UiClass<ColorSliderUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ColorSliderUiSlot>>>, useColorSliderUi: <S extends ColorSliderUiSlot | undefined = undefined>(slot?: S | undefined) => S extends ColorSliderUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<ColorSliderUiSlot>>>;
+declare const provideColorSliderUi: (ui: _$vue.ComputedRef<Partial<UiClass<ColorSliderUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ColorSliderUiSlot>>>, useColorSliderUi: UseUiConsumer<ColorSliderUiSlot>;
 //#endregion
 export { provideColorSliderUi };

package/dist/components/color-swatch-picker/color-swatch-picker-root.js

@@ -1 +1 @@
-import{useControllableState as e}from"../../composables/use-controllable-state.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../listbox/listbox-root.js";import r from"../listbox/listbox-content.js";import"../listbox/index.js";import{createBlock as i,createVNode as a,defineComponent as o,isRef as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=o({name:`ColorSwatchPickerRoot`,__name:`color-swatch-picker-root`,props:{asChild:{type:Boolean},as:{default:`div`},orientation:{default:`horizontal`},dir:{default:`ltr`},disabled:{type:Boolean,default:!1},selectionBehavior:{},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{default:void 0},multiple:{},singleClearable:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`],setup(o,{emit:p}){let m=o,h=p,g=e(()=>m.modelValue,e=>{h(`update:modelValue`,e)},m.defaultValue??(m.multiple?[]:void 0)),_=t(m,[`modelValue`,`defaultValue`,`class`]);return(e,t)=>(l(),i(d(n),c(d(_),{modelValue:d(g),"onUpdate:modelValue":t[0]||(t[0]=e=>s(g)?g.value=e:null),onHighlight:t[1]||(t[1]=e=>h(`highlight`,e)),onEntryFocus:t[2]||(t[2]=e=>h(`entryFocus`,e)),onLeave:t[3]||(t[3]=e=>h(`leave`,e))}),{default:f(()=>[a(d(r),{as:o.as,"as-child":o.asChild},{default:f(()=>[u(e.$slots,`default`,{modelValue:d(g)})]),_:3},8,[`as`,`as-child`])]),_:3},16,[`modelValue`]))}});export{p as default};
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../listbox/listbox-root.js";import r from"../listbox/listbox-content.js";import"../listbox/index.js";import{createBlock as i,createVNode as a,defineComponent as o,isRef as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=o({name:`ColorSwatchPickerRoot`,__name:`color-swatch-picker-root`,props:{asChild:{type:Boolean},as:{default:`div`},orientation:{default:`horizontal`},dir:{default:`ltr`},disabled:{type:Boolean,default:!1},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{default:void 0},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`],setup(o,{emit:p}){let m=o,h=p,g=e(()=>m.modelValue,e=>{h(`update:modelValue`,e)},m.defaultValue??(m.multiple?[]:void 0)),_=t(m,[`modelValue`,`defaultValue`,`class`]);return(e,t)=>(l(),i(d(n),c(d(_),{modelValue:d(g),"onUpdate:modelValue":t[0]||(t[0]=e=>s(g)?g.value=e:null),onHighlight:t[1]||(t[1]=e=>h(`highlight`,e)),onEntryFocus:t[2]||(t[2]=e=>h(`entryFocus`,e)),onLeave:t[3]||(t[3]=e=>h(`leave`,e))}),{default:f(()=>[a(d(r),{as:o.as,"as-child":o.asChild},{default:f(()=>[u(e.$slots,`default`,{modelValue:d(g)})]),_:3},8,[`as`,`as-child`])]),_:3},16,[`modelValue`]))}});export{p as default};

package/dist/components/color-swatch-picker/color-swatch-picker-root.vue.d.ts

@@ -7,8 +7,8 @@ import * as _$vue from "vue";
 declare const __VLS_export: <M extends boolean>(__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<ColorSwatchPickerRootProps<M> & {
     "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
-    onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
     onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
+    onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
     onLeave?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -20,7 +20,7 @@ declare const __VLS_export: <M extends boolean>(__VLS_props: NonNullable<Awaited
       modelValue: ((M extends true ? string[] : string) | undefined) & (M extends true ? string[] | undefined : string | undefined);
     }) => any;
   };
-  emit: ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "leave", event: Event) => void);
+  emit: ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "leave", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/color-swatch-picker/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 { ColorSwatchPickerUiSlot } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/color-swatch-picker/context.d.ts
-declare const provideColorSwatchPickerUi: (ui: _$vue.ComputedRef<Partial<UiClass<ColorSwatchPickerUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ColorSwatchPickerUiSlot>>>, useColorSwatchPickerUi: <S extends ColorSwatchPickerUiSlot | undefined = undefined>(slot?: S | undefined) => S extends ColorSwatchPickerUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<ColorSwatchPickerUiSlot>>>;
+declare const provideColorSwatchPickerUi: (ui: _$vue.ComputedRef<Partial<UiClass<ColorSwatchPickerUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ColorSwatchPickerUiSlot>>>, useColorSwatchPickerUi: UseUiConsumer<ColorSwatchPickerUiSlot>;
 //#endregion
 export { provideColorSwatchPickerUi };

package/dist/components/combobox/combobox-anchor.js

@@ -0,0 +1 @@
+import e from"../popper/popper-anchor.js";import"../popper/index.js";import{useComboboxUi as t}from"./context.js";import{createBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";const l=r({name:`ComboboxAnchor`,__name:`combobox-anchor`,props:{reference:{},asChild:{type:Boolean},as:{}},setup(r){let l=t(`anchor`);return(t,u)=>(a(),n(s(e),{as:r.as,"as-child":r.asChild,class:i(s(l)),reference:r.reference,"data-slot":`anchor`},{default:c(()=>[o(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`reference`]))}});export{l as default};

package/dist/components/combobox/combobox-anchor.vue.d.ts

@@ -0,0 +1,18 @@
+import { ComboboxAnchorProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/combobox/combobox-anchor.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ComboboxAnchorProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ComboboxAnchorProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/combobox/combobox-arrow.js

@@ -0,0 +1 @@
+import e from"../popper/popper-arrow.js";import"../popper/index.js";import{useComboboxContentContext as t,useComboboxRootContext as n,useComboboxUi as r}from"./context.js";import{computed as i,createBlock as a,createCommentVNode as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`ComboboxArrow`,__name:`combobox-arrow`,setup(s){let p=r(`arrow`),{open:m}=n(`ComboboxArrow`),{position:h}=t(`ComboboxArrow`),g=i(()=>m.value&&h.value===`popper`);return(t,n)=>g.value?(l(),a(d(e),{key:0,class:c(d(p)),"data-slot":`arrow`},{default:f(()=>[u(t.$slots,`default`)]),_:3},8,[`class`])):o(`v-if`,!0)}});export{p as default};

package/dist/components/combobox/combobox-arrow.vue.d.ts

@@ -0,0 +1,18 @@
+import { ComboboxArrowProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/combobox/combobox-arrow.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ComboboxArrowProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ComboboxArrowProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/combobox/combobox-cancel.js

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useComboboxRootContext as t,useComboboxUi as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`ComboboxCancel`,__name:`combobox-cancel`,props:{disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(a){let d=a,f=n(`cancel`),{disabled:p,inputElement:m,filterSearch:h,resetModelValueOnClear:g,resetModelValue:_}=t(`ComboboxCancel`),v=r(()=>d.disabled||p.value||!1),y=r(()=>d.as===`button`?`button`:void 0),b=r(()=>v.value?-1:d.as===`button`?void 0:0),x=()=>{if(v.value)return;h.value=``;let e=m.value;e&&(e.value=``,e.dispatchEvent(new Event(`input`,{bubbles:!0})),e.dispatchEvent(new Event(`change`,{bubbles:!0})),e.focus()),g.value&&_()};return(t,n)=>(s(),i(l(e),{as:a.as,"as-child":a.asChild,class:o(l(f)),type:y.value,"aria-disabled":v.value||void 0,"data-disabled":v.value?``:void 0,disabled:v.value,tabindex:b.value,"data-slot":`cancel`,onClick:x},{default:u(()=>[c(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`type`,`aria-disabled`,`data-disabled`,`disabled`,`tabindex`]))}});export{d as default};

package/dist/components/combobox/combobox-cancel.vue.d.ts

@@ -0,0 +1,21 @@
+import { AsTag } from "../primitive/types.js";
+import { ComboboxCancelProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/combobox/combobox-cancel.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ComboboxCancelProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ComboboxCancelProps> & Readonly<{}>, {
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/combobox/combobox-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"../portal/portal.js";import r from"./combobox-root.js";import i from"./combobox-anchor.js";import a from"./combobox-cancel.js";import o from"./combobox-content.js";import s from"./combobox-empty.js";import c from"./combobox-group.js";import l from"./combobox-group-label.js";import u from"./combobox-input.js";import d from"./combobox-item.js";import f from"./combobox-item-indicator.js";import p from"./combobox-separator.js";import m from"./combobox-trigger.js";import h from"./combobox-viewport.js";import{getDisplayValue as g,getSelectedLabels as _,isGroupOption as v}from"./shared.js";import{Fragment as y,computed as b,createBlock as x,createCommentVNode as S,createElementBlock as C,createTextVNode as w,createVNode as T,defineComponent as E,guardReactiveProps 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";const L=E({name:`ComboboxCompact`,__name:`combobox-compact`,props:{items:{},placeholder:{},searchPlaceholder:{},clearLabel:{default:`Clear input`},emptyLabel:{default:`No results found.`},anchorProps:{},triggerProps:{},cancelProps:{},portalProps:{},contentProps:{},viewportProps:{},inputProps:{},emptyProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemIndicatorProps:{},separatorProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},resetSearchTermOnBlur:{type:Boolean},resetSearchTermOnSelect:{type:Boolean},openOnFocus:{type:Boolean},openOnClick:{type:Boolean},ignoreFilter:{type:Boolean},resetModelValueOnClear:{type:Boolean},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`placed`,`select`],setup(E,{emit:L}){let R=E,z=L,B=e(R,[`items`,`placeholder`,`searchPlaceholder`,`clearLabel`,`emptyLabel`,`anchorProps`,`triggerProps`,`cancelProps`,`portalProps`,`contentProps`,`viewportProps`,`inputProps`,`emptyProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemIndicatorProps`,`separatorProps`]),V=e=>R.multiple?``:g(e,R.items),H=b(()=>R.inputProps?.controlProps?.[`aria-label`]??R.searchPlaceholder??R.placeholder??`Search`),U=b(()=>({...R.inputProps,displayValue:R.inputProps?.displayValue??V,controlProps:{...R.inputProps?.controlProps,"aria-label":H.value},placeholder:R.searchPlaceholder??R.inputProps?.placeholder,autofocus:R.inputProps?.autofocus??!0})),W=b(()=>({...R.viewportProps,"aria-label":R.viewportProps?.[`aria-label`]??R.placeholder??`Options`})),G=b(()=>({...R.anchorProps,asChild:R.anchorProps?.asChild??!0})),K=(e,t)=>v(e)?`group-${e.label}-${t}`:e.value,q=e=>_(e,R.items),J=e=>{let t=q(e);return t.length?t.join(`, `):R.placeholder},Y=e=>({...R.triggerProps,"aria-label":R.triggerProps?.[`aria-label`]??J(e),"data-placeholder":q(e).length?void 0:``});return(e,g)=>(j(),x(r,O(F(B),{onHighlight:g[7]||(g[7]=e=>z(`highlight`,e)),"onUpdate:modelValue":g[8]||(g[8]=e=>z(`update:modelValue`,e)),"onUpdate:open":g[9]||(g[9]=e=>z(`update:open`,e))}),{default:I(({modelValue:r})=>[T(i,A(D(G.value)),{default:I(()=>[T(m,A(D(Y(r))),{default:I(({triggerIconClass:n})=>[N(e.$slots,`trigger-leading`),N(e.$slots,`trigger-value`,{modelValue:r,selectedLabels:q(r),slotText:J(r)},()=>[w(P(J(r)),1)]),N(e.$slots,`trigger-trailing`),N(e.$slots,`trigger-icon`,{},()=>[T(t,{icon:`lucide:chevrons-up-down`,class:k(n)},null,8,[`class`])])]),_:2},1040)]),_:2},1040),T(n,A(D(E.portalProps)),{default:I(()=>[T(o,O(E.contentProps,{onCloseAutoFocus:g[2]||(g[2]=e=>z(`closeAutoFocus`,e)),onEscapeKeyDown:g[3]||(g[3]=e=>z(`escapeKeyDown`,e)),onPointerDownOutside:g[4]||(g[4]=e=>z(`pointerDownOutside`,e)),onFocusOutside:g[5]||(g[5]=e=>z(`focusOutside`,e)),onInteractOutside:g[6]||(g[6]=e=>z(`interactOutside`,e))}),{default:I(()=>[T(u,A(D(U.value)),{leading:I(n=>[N(e.$slots,`input-leading`,A(D(n)),()=>[T(t,{icon:`lucide:search`})])]),trailing:I(n=>[E.clearable?(j(),x(a,O({key:0},E.cancelProps,{"aria-label":E.clearLabel}),{default:I(()=>[T(t,{icon:`lucide:x`})]),_:1},16,[`aria-label`])):S(`v-if`,!0),N(e.$slots,`input-trailing`,A(D(n)))]),_:3},16),T(s,A(D(E.emptyProps)),{default:I(()=>[N(e.$slots,`empty`,{},()=>[w(P(E.emptyLabel),1)])]),_:3},16),T(h,A(D(W.value)),{default:I(()=>[(j(!0),C(y,null,M(E.items,(n,r)=>(j(),C(y,{key:K(n,r)},[F(v)(n)?(j(),C(y,{key:0},[n.separator?(j(),x(p,O({key:0,ref_for:!0},E.separatorProps),null,16)):S(`v-if`,!0),T(c,O({ref_for:!0},E.groupProps),{default:I(()=>[T(l,O({ref_for:!0},E.groupLabelProps),{default:I(()=>[N(e.$slots,`group-label`,{item:n},()=>[w(P(n.label),1)])]),_:2},1040),(j(!0),C(y,null,M(n.items,n=>(j(),C(y,{key:n.value},[n.separator?(j(),x(p,O({key:0,ref_for:!0},E.separatorProps),null,16)):S(`v-if`,!0),T(d,O({ref_for:!0},E.itemProps,{value:n.value,"text-value":n.textValue??n.label,disabled:n.disabled,onSelect:g[0]||(g[0]=e=>z(`select`,e))}),{default:I(()=>[N(e.$slots,`item-leading`,{item:n},()=>[n.icon?(j(),x(t,{key:0,icon:n.icon},null,8,[`icon`])):S(`v-if`,!0)]),N(e.$slots,`item-text`,{item:n},()=>[w(P(n.label),1)]),N(e.$slots,`item-trailing`,{item:n}),T(f,O({ref_for:!0},E.itemIndicatorProps),{default:I(()=>[N(e.$slots,`item-indicator`,{item:n},()=>[T(t,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`])],64))),128))]),_:2},1040)],64)):(j(),C(y,{key:1},[n.separator?(j(),x(p,O({key:0,ref_for:!0},E.separatorProps),null,16)):S(`v-if`,!0),T(d,O({ref_for:!0},E.itemProps,{value:n.value,"text-value":n.textValue??n.label,disabled:n.disabled,onSelect:g[1]||(g[1]=e=>z(`select`,e))}),{default:I(()=>[N(e.$slots,`item-leading`,{item:n},()=>[n.icon?(j(),x(t,{key:0,icon:n.icon},null,8,[`icon`])):S(`v-if`,!0)]),N(e.$slots,`item-text`,{item:n},()=>[w(P(n.label),1)]),N(e.$slots,`item-trailing`,{item:n}),T(f,O({ref_for:!0},E.itemIndicatorProps),{default:I(()=>[N(e.$slots,`item-indicator`,{item:n},()=>[T(t,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`])],64))],64))),128))]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16))}});export{L as default};