@soybeanjs/headless 0.29.0-beta.9 → 0.29.0

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

@@ -0,0 +1,29 @@
+import { CheckedState } from "../../types/common.js";
+import { CheckboxCardCompactProps } from "./types.js";
+//#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: import("vue").DefineComponent<CheckboxCardCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:modelValue": (value: CheckedState | null) => any;
+}, string, import("vue").PublicProps, Readonly<CheckboxCardCompactProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: CheckedState | null) => any) | undefined;
+}>, {
+  modelValue: CheckedState | null;
+}, {}, {}, {}, string, import("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,default:!0},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,20 @@
+import { CheckboxCardGroupCompactProps, CheckboxCardGroupOptionData } from "./types.js";
+
+//#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: import("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;
+}>) => import("vue").VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

package/dist/components/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-control.js";import i from"./checkbox-indicator.js";import a from"./checkbox-label.js";import o from"./checkbox-root.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(o,m(b(E),{"onUpdate:modelValue":n[0]||(n[0]=e=>T(`update:modelValue`,e))}),{default:S(n=>[d(r,m(f.controlProps,{id:O.value}),{default:S(()=>[d(i,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(a,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,32 @@
+import { CheckedState } from "../../types/common.js";
+import { CheckboxCompactProps } from "./types.js";
+//#region src/components/checkbox/checkbox-compact.vue.d.ts
+declare var __VLS_22: {
+    modelValue: CheckedState | null;
+    state: CheckedState;
+  }, __VLS_35: {
+    id: string;
+    modelValue: CheckedState | null;
+    state: CheckedState;
+  };
+type __VLS_Slots = {} & {
+  indicator?: (props: typeof __VLS_22) => any;
+} & {
+  default?: (props: typeof __VLS_35) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CheckboxCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:modelValue": (value: CheckedState | null) => any;
+}, string, import("vue").PublicProps, Readonly<CheckboxCompactProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: CheckedState | null) => any) | undefined;
+}>, {
+  modelValue: CheckedState | null;
+}, {}, {}, {}, string, import("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

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

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

@@ -0,0 +1,20 @@
+import { CheckedState } from "../../types/common.js";
+import { CheckboxControlProps } from "./types.js";
+//#region src/components/checkbox/checkbox-control.vue.d.ts
+declare var __VLS_11: {
+  modelValue: CheckedState | null | undefined;
+  state: CheckedState;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CheckboxControlProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CheckboxControlProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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-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,default:!0},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,20 @@
+import { CheckboxGroupCompactProps, CheckboxGroupOptionData } from "./types.js";
+
+//#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: import("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;
+}>) => import("vue").VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import"../../composables/index.js";import i from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import{provideCheckboxGroupRootContext as a,useCheckboxUi as o}from"./context.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),"data-soybean-checkbox-group-root":``,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-group-root.vue.d.ts

@@ -0,0 +1,23 @@
+import { DefinedValue } from "../../types/common.js";
+import { CheckboxGroupRootProps } from "./types.js";
+
+//#region src/components/checkbox/checkbox-group-root.vue.d.ts
+declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: import("vue").PublicProps & __VLS_PrettifyLocal<CheckboxGroupRootProps<T> & {
+    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {}) => any;
+  };
+  emit: (evt: "update:modelValue", value: T[]) => void;
+}>) => import("vue").VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import{isIndeterminate as e}from"../../shared/value.js";import"../../shared/index.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{usePresence as n}from"../../composables/use-presence.js";import"../../composables/index.js";import{Primitive as r}from"../primitive/primitive.js";import"../primitive/index.js";import{useCheckboxRootContext as i,useCheckboxUi as a}from"./context.js";import{createBlock as o,createCommentVNode as s,defineComponent as c,normalizeClass as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p,withCtx as m}from"vue";const h=c({name:`CheckboxIndicator`,__name:`checkbox-indicator`,props:{forceMount:{type:Boolean},asChild:{type:Boolean},as:{default:`span`}},setup(c){let h=c,g=a(`indicator`),[_,v]=t(),{state:y,dataDisabled:b,dataState:x}=i(`CheckboxIndicator`),S=h.forceMount?f(!0):n(_,()=>e(y.value)||y.value===!0);return(e,t)=>p(S)?(u(),o(p(r),{key:0,ref:p(v),as:c.as,"as-child":c.asChild,"data-soybean-checkbox-indicator":``,class:l(p(g)),"data-disabled":p(b),"data-state":p(x),style:{"pointer-events":`none`}},{default:m(()=>[d(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-state`])):s(`v-if`,!0)}});export{h as default};

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

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

@@ -0,0 +1 @@
+import{useCheckboxRootContext as e,useCheckboxUi as t}from"./context.js";import n from"../label/label.js";import"../label/index.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:`CheckboxLabel`,__name:`checkbox-label`,props:{for:{}},setup(a){let d=a,f=t(`label`),{controlId:p}=e(`CheckboxLabel`),m=r(()=>d.for||p.value);return(e,t)=>(s(),i(l(n),{"data-soybean-checkbox-label":``,for:m.value,class:o(l(f))},{default:u(()=>[c(e.$slots,`default`)]),_:3},8,[`for`,`class`]))}});export{d as default};

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

@@ -0,0 +1,16 @@
+import { LabelProps } from "../label/types.js";
+//#region src/components/checkbox/checkbox-label.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<LabelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LabelProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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-root.js

@@ -0,0 +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:{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=>{S(`update:modelValue`,e)},x.defaultValue??null),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,"data-soybean-checkbox-root":``,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/checkbox-root.vue.d.ts

@@ -0,0 +1,27 @@
+import { CheckedState, DefinedValue } from "../../types/common.js";
+import { CheckboxRootProps } from "./types.js";
+//#region src/components/checkbox/checkbox-root.vue.d.ts
+declare var __VLS_1: {
+  modelValue: CheckedState | null;
+  state: CheckedState;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CheckboxRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:modelValue": (value: CheckedState | null) => any;
+}, string, import("vue").PublicProps, Readonly<CheckboxRootProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: CheckedState | null) => any) | undefined;
+}>, {
+  value: DefinedValue;
+  modelValue: CheckedState | null;
+}, {}, {}, {}, string, import("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/context.d.ts

@@ -0,0 +1,8 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { CheckboxCardUiSlot, CheckboxUiSlot } from "./types.js";
+//#region src/components/checkbox/context.d.ts
+declare const provideCheckboxUi: (ui: import("vue").ComputedRef<Partial<UiClass<CheckboxUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<CheckboxUiSlot>>>, useCheckboxUi: UseUiConsumer<CheckboxUiSlot>;
+declare const provideCheckboxCardUi: (ui: import("vue").ComputedRef<Partial<UiClass<CheckboxCardUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<CheckboxCardUiSlot>>>, useCheckboxCardUi: UseUiConsumer<CheckboxCardUiSlot>;
+//#endregion
+export { provideCheckboxCardUi, provideCheckboxUi };

package/dist/components/checkbox/context.js

@@ -0,0 +1 @@
+import{getCheckedState as e,isIndeterminate as t}from"../../shared/value.js";import{useContext as n}from"../../composables/use-context.js";import"../../shared/index.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

@@ -0,0 +1,13 @@
+import { LabelProps } from "../label/types.js";
+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

@@ -0,0 +1 @@
+import{provideCheckboxCardUi as e,provideCheckboxUi as t}from"./context.js";import n from"./checkbox-control.js";import r from"./checkbox-indicator.js";import i from"./checkbox-label.js";import a from"./checkbox-root.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,n as CheckboxControl,l as CheckboxGroupCompact,c as CheckboxGroupRoot,r as CheckboxIndicator,i as CheckboxLabel,a as CheckboxRoot,e as provideCheckboxCardUi,t as provideCheckboxUi};

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

@@ -0,0 +1,207 @@
+import { CheckedState, DefinedValue, UiClass } from "../../types/common.js";
+import { ForceMountProps, FormFieldCommonProps } from "../../types/component.js";
+import { BaseProps } from "../../types/vue.js";
+import { IconValue } from "../_icon/types.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { ButtonProps } from "../button/types.js";
+import { LabelProps } from "../label/types.js";
+import { RovingFocusGroupProps } from "../roving-focus/types.js";
+import { ComputedRef, ShallowRef } from "vue";
+
+//#region src/components/checkbox/types.d.ts
+/**
+ * Properties for the CheckboxRoot component.
+ */
+interface CheckboxRootProps extends FormFieldCommonProps, BaseProps {
+  /**
+   * Id.
+   */
+  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. */
+  defaultValue?: CheckedState;
+  /**
+   * The value given as data when submitted with a `name`.
+   *
+   * @defaultValue on
+   */
+  value?: DefinedValue;
+  /**
+   * When `true`, prevents the user from interacting with the checkbox
+   *
+   * @defaultValue false
+   */
+  disabled?: boolean;
+}
+/**
+ * Events for the CheckboxRoot component.
+ */
+type CheckboxRootEmits = {
+  /** Event handler called when the value of the checkbox changes. */'update:modelValue': [value: CheckedState | null];
+};
+/**
+ * Properties for the CheckboxControl component.
+ */
+interface CheckboxControlProps extends ButtonProps {
+  /** Id of the element */
+  id?: string;
+}
+/**
+ * Properties for the CheckboxIndicator component.
+ */
+interface CheckboxIndicatorProps extends ForceMountProps, PrimitiveWithBaseProps {}
+/**
+ * Option data for the CheckboxGroup component.
+ */
+type CheckboxGroupOptionData<T extends DefinedValue = DefinedValue> = {
+  /**
+   * Value associated with the current item.
+   */
+  value: T;
+  /**
+   * Label text rendered by the component.
+   */
+  label: string;
+  /**
+   * Whether the component is disabled.
+   */
+  disabled?: boolean;
+};
+/**
+ * Option data for the CheckboxCardGroup component.
+ */
+type CheckboxCardGroupOptionData<T extends DefinedValue = DefinedValue> = CheckboxGroupOptionData<T> & {
+  /**
+   * Icon rendered by the component.
+   */
+  icon?: string;
+  /**
+   * Description text rendered by the component.
+   */
+  description?: string;
+};
+/**
+ * Properties for the CheckboxGroupRoot component.
+ */
+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[];
+  /** The value of the checkbox when it is initially rendered. Use when you do not need to control its value. */
+  defaultValue?: T[];
+  /**
+   * When `false`, navigating through the items using arrow keys will be disabled.
+   *
+   * @defaultValue true
+   */
+  rovingFocus?: boolean;
+  /**
+   * When `true`, prevents the user from interacting with the checkboxes
+   *
+   * @defaultValue false
+   */
+  disabled?: boolean;
+}
+/**
+ * Events for the CheckboxGroupRoot component.
+ */
+type CheckboxGroupRootEmits<T extends DefinedValue = DefinedValue> = {
+  /** Event handler called when the value of the checkbox group changes. */'update:modelValue': [value: T[]];
+};
+/**
+ * Properties for the CheckboxCompact component.
+ */
+interface CheckboxCompactProps extends CheckboxRootProps {
+  /**
+   * Label text rendered by the component.
+   */
+  label?: string;
+  /**
+   * Properties forwarded to the control element.
+   */
+  controlProps?: CheckboxControlProps;
+  /**
+   * Properties forwarded to the indicator element.
+   */
+  indicatorProps?: CheckboxIndicatorProps;
+  /**
+   * Properties forwarded to the label element.
+   */
+  labelProps?: LabelProps;
+}
+/**
+ * Events for the CheckboxCompact component.
+ */
+type CheckboxCompactEmits = CheckboxRootEmits;
+/**
+ * Properties for the CheckboxCardCompact component.
+ */
+interface CheckboxCardCompactProps extends CheckboxCompactProps {
+  /**
+   * Icon rendered by the component.
+   */
+  icon?: IconValue;
+  /**
+   * Description text rendered by the component.
+   */
+  description?: string;
+}
+/**
+ * Events for the CheckboxCardCompact component.
+ */
+type CheckboxCardCompactEmits = CheckboxCompactEmits;
+/**
+ * Properties for the CheckboxGroupCompact component.
+ */
+interface CheckboxGroupCompactProps<T extends CheckboxGroupOptionData = CheckboxGroupOptionData> extends CheckboxGroupRootProps<T['value']> {
+  /**
+   * Items rendered by the component.
+   */
+  items: T[];
+  /**
+   * Properties forwarded to the root element.
+   */
+  rootProps?: CheckboxRootProps;
+  /**
+   * Properties forwarded to the control element.
+   */
+  controlProps?: CheckboxControlProps;
+  /**
+   * Properties forwarded to the indicator element.
+   */
+  indicatorProps?: CheckboxIndicatorProps;
+  /**
+   * Properties forwarded to the label element.
+   */
+  labelProps?: LabelProps;
+}
+/**
+ * Properties for the CheckboxCardGroupCompact component.
+ */
+interface CheckboxCardGroupCompactProps<T extends CheckboxCardGroupOptionData = CheckboxCardGroupOptionData> extends CheckboxGroupCompactProps<T> {}
+/**
+ * Events for the CheckboxGroupCompact component.
+ */
+type CheckboxGroupCompactEmits<T extends DefinedValue = DefinedValue> = CheckboxGroupRootEmits<T>;
+/**
+ * Events for the CheckboxCardGroupCompact component.
+ */
+type CheckboxCardGroupCompactEmits<T extends DefinedValue = DefinedValue> = CheckboxGroupRootEmits<T>;
+/**
+ * Available UI slots for the Checkbox component.
+ */
+type CheckboxUiSlot = 'groupRoot' | 'root' | 'indicator' | 'indicator-icon' | 'label' | 'control';
+/**
+ * Available UI slots for the CheckboxCard component.
+ */
+type CheckboxCardUiSlot = CheckboxUiSlot | 'content' | 'icon' | 'textContent' | 'description';
+/**
+ * UI class overrides for the Checkbox component.
+ */
+type CheckboxUi = UiClass<CheckboxUiSlot>;
+/**
+ * UI class overrides for the CheckboxCard component.
+ */
+type CheckboxCardUi = UiClass<CheckboxCardUiSlot>;
+//#endregion
+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),{"data-soybean-clipboard":``,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,64 @@
+import { IconValue } from "../_icon/types.js";
+import { ClipboardProps, ClipboardState } from "./types.js";
+//#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: import("vue").DefineComponent<ClipboardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  click: (event: PointerEvent) => any;
+  copied: (value: string) => any;
+  copyError: (error: unknown) => any;
+}, string, import("vue").PublicProps, Readonly<ClipboardProps> & Readonly<{
+  onClick?: ((event: PointerEvent) => any) | undefined;
+  onCopied?: ((value: string) => any) | undefined;
+  onCopyError?: ((error: unknown) => any) | undefined;
+}>, {
+  copiedDuration: number;
+  legacy: boolean;
+  copyIcon: string | import("vue").Component | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+  }> | null;
+  copiedIcon: string | import("vue").Component | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+  }> | null;
+  copyText: string;
+  copiedText: string;
+}, {}, {}, {}, string, import("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};