@soybeanjs/ui 0.18.0 → 0.20.0

package/dist/components/popover/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{positioner:`w-max`,popup:[`w-auto rounded-md border bg-popover text-popover-foreground shadow-md outline-none z-50 will-change-transform`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`],arrow:`w-1em h-0.5em fill-popover stroke-border`},variants:{size:{xs:{popup:`p-3 text-2xs`,arrow:`text-3xs`},sm:{popup:`p-3.5 text-xs`,arrow:`text-2xs`},md:{popup:`p-4 text-sm`,arrow:`text-xs`},lg:{popup:`p-4.5 text-base`,arrow:`text-sm`},xl:{popup:`p-5 text-lg`,arrow:`text-base`},"2xl":{popup:`p-5.5 text-xl`,arrow:`text-lg`}}},defaultVariants:{size:`md`}});export{t as popoverVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{positioner:`w-max`,popup:[`w-auto rounded-md border bg-popover text-popover-foreground shadow-md outline-none z-50 will-change-transform`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`],arrow:`w-1em h-0.5em fill-popover stroke-border`,close:`absolute`},variants:{size:{xs:{popup:`p-3 text-2xs`,arrow:`text-3xs`,close:`top-0.5 end-0.5`},sm:{popup:`p-3.5 text-xs`,arrow:`text-2xs`,close:`top-0.75 end-0.75`},md:{popup:`p-4 text-sm`,arrow:`text-xs`,close:`top-1 end-1`},lg:{popup:`p-4.5 text-base`,arrow:`text-sm`,close:`top-1.25 end-1.25`},xl:{popup:`p-5 text-lg`,arrow:`text-base`,close:`top-1.5 end-1.5`},"2xl":{popup:`p-5.5 text-xl`,arrow:`text-lg`,close:`top-2 end-2`}}},defaultVariants:{size:`md`}});export{t as popoverVariants};

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

@@ -1,6 +1,14 @@
-import { ProgressCircleEmits, ProgressCircleProps, ProgressEmits, ProgressProps } from "./types.js";
 import { _default } from "./progress-provider.vue.js";
+import { ProgressCircleEmits, ProgressCircleProps, ProgressCircleSlots, ProgressEmits, ProgressProps, ProgressSlots } from "./types.js";
 import { _default as _default$1 } from "./progress.vue.js";
 import { _default as _default$2 } from "./progress-circle.vue.js";
-import { ProgressIndicatorProps as ProgressIndicatorProps$1, ProgressOptions, ProgressProviderProps, ProgressRootContext, ProgressRootEmits as ProgressRootEmits$1, ProgressRootProps as ProgressRootProps$1, ProgressState, ProgressUi as ProgressUi$1, ProgressUiSlot, progress } from "@soybeanjs/headless/progress";
-export { type ProgressIndicatorProps$1 as ProgressIndicatorProps, type ProgressOptions, type ProgressProviderProps, type ProgressRootContext, type ProgressRootEmits$1 as ProgressRootEmits, type ProgressRootProps$1 as ProgressRootProps, type ProgressState, type ProgressUi$1 as ProgressUi, type ProgressUiSlot, progress };
+import { progress } from "@soybeanjs/headless/progress";
+export * from "@soybeanjs/headless/progress";
+
+//#region src/components/progress/index.d.ts
+declare namespace index_d_exports {
+  export { ProgressCircleEmits, ProgressCircleProps, ProgressCircleSlots, ProgressEmits, ProgressProps, ProgressSlots, _default$1 as SProgress, _default$2 as SProgressCircle, _default as SProgressProvider, progress };
+}
+import * as import__soybeanjs_headless_progress from "@soybeanjs/headless/progress";
+//#endregion
+export { index_d_exports, progress };

package/dist/components/progress/progress-circle.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{circleProgressVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeClass as u,normalizeProps as d,openBlock as f,renderSlot as p,toHandlers as m,unref as h,useSlots as g,withCtx as _}from"vue";import{useForwardListeners as v,useOmitProps as y}from"@soybeanjs/headless/composables";import{ProgressCircle as b,ProgressRoot as x,provideProgressUi as S}from"@soybeanjs/headless/progress";const C=s({name:`SProgressCircle`,__name:`progress-circle`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},ui:{},strokeWidth:{},dir:{},modelValue:{},max:{},getValueLabel:{type:Function},getValueText:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(s,{emit:C}){let w=s,T=C,E=g(),D=y(w,[`class`,`color`,`size`,`ui`,`strokeWidth`]),O=v(T),k=n(()=>e(t({color:w.color,size:w.size}),w.ui,{root:w.class})),A=n(()=>!!E.default);return S(k),(e,t)=>(f(),r(h(x),l(h(D),m(h(O))),{default:_(()=>[o(h(b),{"stroke-width":s.strokeWidth},{default:_(t=>[A.value?(f(),a(`div`,{key:0,class:u(k.value.label)},[p(e.$slots,`default`,d(c(t)))],2)):i(`v-if`,!0)]),_:3},8,[`stroke-width`])]),_:3},16))}});export{C as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{progressCircleVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderSlot as u,toHandlers as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{ProgressCircleCompact as _,provideProgressUi as v}from"@soybeanjs/headless/progress";const y=a({name:`SProgressCircle`,__name:`progress-circle`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},ui:{},strokeWidth:{},circleSvgProps:{},dir:{},modelValue:{},max:{},getValueLabel:{type:Function},getValueText:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(a,{emit:y}){let b=a,x=y,S=p(),C=g(b,[`class`,`color`,`size`,`ui`,`strokeWidth`]),w=h(x),T=n(()=>e(t({color:b.color,size:b.size}),b.ui,{root:b.class})),E=n(()=>!!S.default);return v(T),(e,t)=>(l(),r(f(_),s(f(C),d(f(w))),i({_:2},[E.value?{name:`default`,fn:m(t=>[u(e.$slots,`default`,c(o(t)))]),key:`0`}:void 0]),1040))}});export{y as default};

package/dist/components/progress/progress-circle.vue.d.ts

@@ -1,16 +1,8 @@
-import { ProgressCircleProps, ProgressState } from "./types.js";
+import { ProgressCircleProps, ProgressCircleSlots } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/progress/progress-circle.vue.d.ts
-type Slots = {
-  default?: (props: {
-    modelValue: ProgressCircleProps['modelValue'];
-    max: number;
-    progressState: ProgressState;
-    valuePercent: number | null;
-  }) => any;
-};
-type __VLS_Slots = Slots;
+type __VLS_Slots = ProgressCircleSlots;
 declare const __VLS_base: _$vue.DefineComponent<ProgressCircleProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: number | null | undefined) => any;
   "update:max": (value: number) => any;

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

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{progressProviderVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,normalizeProps as o,openBlock as s,unref as c}from"vue";import{ProgressProvider as l,provideProgressProviderUi as u}from"@soybeanjs/headless/progress";const d=i({name:`SProgressProvider`,__name:`progress-provider`,props:{direction:{},minimum:{},maximum:{},easing:{},speed:{},trickle:{type:Boolean},trickleSpeed:{}},setup(i){let d=i;return u(n(()=>e(t()))),(e,t)=>(s(),r(c(l),o(a(d)),null,16))}});export{d as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{progressProviderVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,normalizeProps as o,openBlock as s,unref as c}from"vue";import{ProgressProvider as l,provideProgressProviderUi as u}from"@soybeanjs/headless/progress";const d=i({name:`SProgressProvider`,__name:`progress-provider`,props:{direction:{},minimum:{},maximum:{},easing:{},speed:{},trickle:{type:Boolean},trickleSpeed:{}},setup(i){let d=i;return u(n(()=>e(t()))),(e,t)=>(s(),r(c(l),o(a(d)),null,16))}});export{d as default};

package/dist/components/progress/progress-provider.vue.d.ts

@@ -1,5 +1,5 @@
-import { ProgressProviderProps } from "./types.js";
 import * as _$vue from "vue";
+import { ProgressProviderProps } from "@soybeanjs/headless/progress";
 
 //#region src/components/progress/progress-provider.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<ProgressProviderProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ProgressProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/dist/components/progress/progress.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{progressVariants as t}from"./variants.js";import{computed as n,createBlock as r,createVNode as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderSlot as u,toHandlers as d,unref as f,withCtx as p}from"vue";import{useForwardListeners as m,useOmitProps as h}from"@soybeanjs/headless/composables";import{ProgressIndicator as g,ProgressRoot as _,provideProgressUi as v}from"@soybeanjs/headless/progress";const y=a({name:`SProgress`,__name:`progress`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},ui:{},indicatorProps:{},dir:{},modelValue:{},max:{},getValueLabel:{type:Function},getValueText:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(a,{emit:y}){let b=a,x=y,S=h(b,[`class`,`color`,`size`,`ui`,`indicatorProps`]),C=m(x);return v(n(()=>e(t({color:b.color,size:b.size}),b.ui,{root:b.class}))),(e,t)=>(l(),r(f(_),s(f(S),d(f(C))),{default:p(t=>[i(f(g),c(o(a.indicatorProps)),{default:p(()=>[u(e.$slots,`default`,c(o(t)))]),_:2},1040)]),_:3},16))}});export{y as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{progressVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,toHandlers as u,unref as d,withCtx as f}from"vue";import{useForwardListeners as p,useOmitProps as m}from"@soybeanjs/headless/composables";import{ProgressCompact as h,provideProgressUi as g}from"@soybeanjs/headless/progress";const _=i({name:`SProgress`,__name:`progress`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},ui:{},indicatorProps:{},dir:{},modelValue:{},max:{},getValueLabel:{type:Function},getValueText:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(i,{emit:_}){let v=i,y=_,b=m(v,[`class`,`color`,`size`,`ui`,`indicatorProps`]),x=p(y);return g(n(()=>e(t({color:v.color,size:v.size}),v.ui,{root:v.class}))),(e,t)=>(c(),r(d(h),o(d(b),u(d(x))),{default:f(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16))}});export{_ as default};

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

@@ -1,17 +1,8 @@
-import { ProgressProps } from "./types.js";
+import { ProgressProps, ProgressSlots } from "./types.js";
 import * as _$vue from "vue";
-import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/progress/progress.vue.d.ts
-declare var __VLS_14: {
-  modelValue: number | null | undefined;
-  max: number;
-  progressState: _$_soybeanjs_headless0.ProgressState;
-  valuePercent: number | null;
-};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_14) => any;
-};
+type __VLS_Slots = ProgressSlots;
 declare const __VLS_base: _$vue.DefineComponent<ProgressProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: number | null | undefined) => any;
   "update:max": (value: number) => any;

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

@@ -1,12 +1,12 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
-import { ProgressIndicatorProps, ProgressProviderProps, ProgressRootEmits, ProgressRootProps, ProgressState, ProgressUi } from "@soybeanjs/headless/progress";
+import { ProgressCircleCompactEmits, ProgressCircleCompactProps, ProgressCircleCompactSlots, ProgressCompactEmits, ProgressCompactProps, ProgressCompactSlots, ProgressUi } from "@soybeanjs/headless/progress";
 import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/progress/types.d.ts
 /**
  * Properties for the Progress component.
  */
-interface ProgressProps extends ProgressRootProps {
+interface ProgressProps extends ProgressCompactProps {
   /**
    * Additional class names applied to the root element.
    */
@@ -23,15 +23,19 @@ interface ProgressProps extends ProgressRootProps {
    * Per-slot class overrides for the component.
    */
   ui?: Partial<ProgressUi>;
-  /**
-   * Properties forwarded to the indicator element.
-   */
-  indicatorProps?: ProgressIndicatorProps;
 }
+/**
+ * Events for the Progress component.
+ */
+type ProgressEmits = ProgressCompactEmits;
+/**
+ * Slots for the Progress component.
+ */
+type ProgressSlots = ProgressCompactSlots;
 /**
  * Properties for the ProgressCircle component.
  */
-interface ProgressCircleProps extends ProgressRootProps {
+interface ProgressCircleProps extends ProgressCircleCompactProps {
   /**
    * Additional class names applied to the root element.
    */
@@ -48,18 +52,14 @@ interface ProgressCircleProps extends ProgressRootProps {
    * Per-slot class overrides for the component.
    */
   ui?: Partial<ProgressUi>;
-  /**
-   * Stroke width.
-   */
-  strokeWidth?: number;
 }
 /**
- * Events for the Progress component.
+ * Events for the ProgressCircle component.
  */
-type ProgressEmits = ProgressRootEmits;
+type ProgressCircleEmits = ProgressCircleCompactEmits;
 /**
- * Events for the ProgressCircle component.
+ * Slots for the ProgressCircle component.
  */
-type ProgressCircleEmits = ProgressRootEmits;
+type ProgressCircleSlots = ProgressCircleCompactSlots;
 //#endregion
-export { ProgressCircleEmits, ProgressCircleProps, ProgressEmits, ProgressProps, type ProgressProviderProps, type ProgressState };
+export { ProgressCircleEmits, ProgressCircleProps, ProgressCircleSlots, ProgressEmits, ProgressProps, ProgressSlots };

package/dist/components/progress/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`relative w-full overflow-hidden rounded-full bg-muted`,indicator:`h-full w-full flex-1 rounded-full transition-[transform,width] duration-300 transform-gpu will-change-transform data-[state=indeterminate]:w-2/5 data-[state=indeterminate]:opacity-80`,circle:``,track:``,label:``},variants:{color:{primary:{indicator:`bg-primary`},destructive:{indicator:`bg-destructive`},success:{indicator:`bg-success`},warning:{indicator:`bg-warning`},info:{indicator:`bg-info`},carbon:{indicator:`bg-carbon`},secondary:{indicator:`bg-secondary-foreground/20`},accent:{indicator:`bg-accent-foreground/20`}},size:{xs:{root:`h-1.5`},sm:{root:`h-2`},md:{root:`h-2.5`},lg:{root:`h-3`},xl:{root:`h-3.5`},"2xl":{root:`h-4`}}},defaultVariants:{color:`primary`,size:`md`}}),n=e({slots:{root:`relative inline-flex shrink-0 items-center justify-center rounded-full`,indicator:`fill-none stroke-current transition-[stroke-dasharray,stroke-dashoffset] duration-300 ease-in-out`,circle:`size-full`,track:`fill-none stroke-current text-muted`,label:`pointer-events-none absolute inset-0 flex items-center justify-center`},variants:{color:{primary:{indicator:`text-primary`},destructive:{indicator:`text-destructive`},success:{indicator:`text-success`},warning:{indicator:`text-warning`},info:{indicator:`text-info`},carbon:{indicator:`text-carbon`},secondary:{indicator:`text-secondary-foreground/40`},accent:{indicator:`text-accent-foreground/40`}},size:{xs:{root:`h-8 w-8 text-[10px]`},sm:{root:`h-10 w-10 text-xs`},md:{root:`h-12 w-12 text-sm`},lg:{root:`h-16 w-16 text-base`},xl:{root:`h-20 w-20 text-lg`},"2xl":{root:`h-24 w-24 text-xl`}}},defaultVariants:{color:`primary`,size:`md`}}),r=e({slots:{root:`fixed z-99999 w-0 h-0 pointer-events-none`,indicator:`fixed top-0 start-0 w-full h-0.75 bg-primary`}});export{n as circleProgressVariants,r as progressProviderVariants,t as progressVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`relative w-full overflow-hidden rounded-full bg-muted`,indicator:`h-full w-full flex-1 rounded-full transition-[transform,width] duration-300 transform-gpu will-change-transform data-[state=indeterminate]:w-2/5 data-[state=indeterminate]:opacity-80`,circle:``,track:``,label:``},variants:{color:{primary:{indicator:`bg-primary`},destructive:{indicator:`bg-destructive`},success:{indicator:`bg-success`},warning:{indicator:`bg-warning`},info:{indicator:`bg-info`},carbon:{indicator:`bg-carbon`},secondary:{indicator:`bg-secondary-foreground/20`},accent:{indicator:`bg-accent-foreground/20`}},size:{xs:{root:`h-1.5`},sm:{root:`h-2`},md:{root:`h-2.5`},lg:{root:`h-3`},xl:{root:`h-3.5`},"2xl":{root:`h-4`}}},defaultVariants:{color:`primary`,size:`md`}}),n=e({slots:{root:`relative inline-flex shrink-0 items-center justify-center rounded-full`,indicator:`fill-none stroke-current transition-[stroke-dasharray,stroke-dashoffset] duration-300 ease-in-out`,circle:`size-full`,track:`fill-none stroke-current text-muted`,label:`pointer-events-none absolute inset-0 flex items-center justify-center`},variants:{color:{primary:{indicator:`text-primary`},destructive:{indicator:`text-destructive`},success:{indicator:`text-success`},warning:{indicator:`text-warning`},info:{indicator:`text-info`},carbon:{indicator:`text-carbon`},secondary:{indicator:`text-secondary-foreground/40`},accent:{indicator:`text-accent-foreground/40`}},size:{xs:{root:`h-8 w-8 text-[10px]`},sm:{root:`h-10 w-10 text-xs`},md:{root:`h-12 w-12 text-sm`},lg:{root:`h-16 w-16 text-base`},xl:{root:`h-20 w-20 text-lg`},"2xl":{root:`h-24 w-24 text-xl`}}},defaultVariants:{color:`primary`,size:`md`}}),r=e({slots:{root:`fixed z-99999 w-0 h-0 pointer-events-none`,indicator:`fixed top-0 start-0 w-full h-0.75 bg-primary`}});export{n as progressCircleVariants,r as progressProviderVariants,t as progressVariants};

package/dist/components/radio-group/index.d.ts

@@ -1,6 +1,4 @@
-import { RadioCardGroupOptionData, RadioCardGroupProps, RadioCardProps, RadioGroupCardEmits, RadioGroupCardUi, RadioGroupCardUiSlot, RadioGroupEmits, RadioGroupOptionData, RadioGroupProps, RadioProps } from "./types.js";
+import { RadioGroupCardEmits, RadioGroupCardProps, RadioGroupCardSlots, RadioGroupEmits, RadioGroupProps } from "./types.js";
 import { _default } from "./radio-group.vue.js";
-import { _default as _default$1 } from "./radio.vue.js";
-import { _default as _default$2 } from "./radio-card.vue.js";
-import { _default as _default$3 } from "./radio-card-group.vue.js";
+import { _default as _default$1 } from "./radio-group-card.vue.js";
 export * from "@soybeanjs/headless/radio-group";

package/dist/components/radio-group/index.js

@@ -1 +1 @@
-import"./radio-group.js";import"./radio.js";import"./radio-card.js";import"./radio-card-group.js";
+import"./radio-group.js";import"./radio-group-card.js";

package/dist/components/radio-group/radio-group-card.js

@@ -0,0 +1 @@
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{radioGroupVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,useSlots as u,withCtx as d}from"vue";import{useOmitProps as f}from"@soybeanjs/headless/composables";import{RadioGroupCardCompact as p,provideRadioGroupCardUi as m}from"@soybeanjs/headless/radio-group";const h=a({name:`SRadioGroupCard`,__name:`radio-group-card`,props:{class:{type:[Boolean,null,String,Object,Array]},variant:{},color:{},size:{},ui:{},contentProps:{},textContentProps:{},descriptionProps:{},items:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(a,{emit:h}){let g=a,_=h,v=u(),y=f(g,[`class`,`ui`,`variant`,`color`,`size`]);return m(n(()=>e(t({variant:g.variant,color:g.color,size:g.size}),g.ui,{root:g.class}))),(e,t)=>(s(),r(l(p),o(l(y),{items:a.items,"onUpdate:modelValue":t[0]||=e=>_(`update:modelValue`,e)}),i({_:2},[v.description?{name:`description`,fn:d(({item:t})=>[c(e.$slots,`description`,{item:t})]),key:`0`}:void 0]),1040,[`items`]))}});export{h as default};

package/dist/components/radio-group/radio-group-card.vue.d.ts

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

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{radioGroupVariants as t}from"./variants.js";import{Fragment as n,computed as r,createCommentVNode as i,createElementBlock as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,unref as u}from"vue";import{useOmitProps as d}from"@soybeanjs/headless/composables";import{RadioGroupCompact as f,provideRadioGroupUi as p}from"@soybeanjs/headless/radio-group";const m=s({name:`SRadioGroup`,__name:`radio-group`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},variant:{},color:{},size:{},items:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:m}){let h=s,g=m,_=d(h,[`class`,`ui`,`variant`,`color`,`size`]),v=r(()=>h.items),y=e=>{g(`update:modelValue`,e)};return p(r(()=>e(t({variant:h.variant,color:h.color,size:h.size}),h.ui,{root:h.class}))),(e,t)=>(l(),a(n,null,[i(` @vue-ignore generic props are validated by RadioGroupProps/RadioGroupCompactProps `),o(u(f),c(u(_),{items:v.value,"onUpdate:modelValue":y}),null,16,[`items`])],2112))}});export{m as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{radioGroupVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,unref as s}from"vue";import{useOmitProps as c}from"@soybeanjs/headless/composables";import{RadioGroupCompact as l,provideRadioGroupUi as u}from"@soybeanjs/headless/radio-group";const d=i({name:`SRadioGroup`,__name:`radio-group`,props:{class:{type:[Boolean,null,String,Object,Array]},variant:{},color:{},size:{},ui:{},items:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(i,{emit:d}){let f=i,p=d,m=c(f,[`class`,`ui`,`variant`,`color`,`size`]);return u(n(()=>e(t({variant:f.variant,color:f.color,size:f.size}),f.ui,{root:f.class}))),(e,t)=>(o(),r(s(l),a(s(m),{items:i.items,"onUpdate:modelValue":t[0]||=e=>p(`update:modelValue`,e)}),null,16,[`items`]))}});export{d as default};

package/dist/components/radio-group/radio-group.vue.d.ts

@@ -1,18 +1,18 @@
-import { RadioGroupOptionData, RadioGroupProps } from "./types.js";
+import { RadioGroupProps } from "./types.js";
 import * as _$vue from "vue";
-import { AcceptableBooleanValue } from "@soybeanjs/headless/types";
+import { RadioGroupOptionData } from "@soybeanjs/headless/radio-group";
 
 //#region src/components/radio-group/radio-group.vue.d.ts
-declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioGroupOptionData<T> = RadioGroupOptionData<T>>(__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<RadioGroupProps<T, S> & {
-    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
+declare const __VLS_export: <T extends RadioGroupOptionData>(__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<RadioGroupProps<T> & {
+    "onUpdate:modelValue"?: ((payload: T["value"] | null) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {};
-  emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
+  emit: (evt: "update:modelValue", payload: T["value"] | null) => void;
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/radio-group/types.d.ts

@@ -1,42 +1,17 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
 import { RadioGroupVariant } from "./variants.js";
-import { RadioGroupCompactEmits, RadioGroupCompactProps, RadioGroupControlProps, RadioGroupIndicatorProps, RadioGroupItemProps, RadioGroupLabelProps, RadioGroupOptionData, RadioGroupOptionData as RadioGroupOptionData$1, RadioGroupUi } from "@soybeanjs/headless/radio-group";
-import { AcceptableBooleanValue, ClassValue } from "@soybeanjs/headless/types";
+import { RadioGroupCardCompactEmits, RadioGroupCardCompactProps, RadioGroupCardCompactSlots, RadioGroupCardOptionData, RadioGroupCardUi, RadioGroupCompactEmits, RadioGroupCompactProps, RadioGroupOptionData, RadioGroupUi } from "@soybeanjs/headless/radio-group";
+import { ClassValue, DefinedWithBooleanValue } from "@soybeanjs/headless/types";
 
 //#region src/components/radio-group/types.d.ts
-/**
- * Properties for the Radio component.
- */
-interface RadioProps extends RadioGroupItemProps {
-  /**
-   * Label text rendered by the component.
-   */
-  label?: string;
-  /**
-   * Properties forwarded to the control element.
-   */
-  controlProps?: RadioGroupControlProps;
-  /**
-   * Properties forwarded to the indicator element.
-   */
-  indicatorProps?: RadioGroupIndicatorProps;
-  /**
-   * Properties forwarded to the label element.
-   */
-  labelProps?: RadioGroupLabelProps;
-}
 /**
  * Properties for the RadioGroup component.
  */
-interface RadioGroupProps<T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioGroupOptionData<T> = RadioGroupOptionData<T>> extends RadioGroupCompactProps<T, S> {
+interface RadioGroupProps<T extends RadioGroupOptionData = RadioGroupOptionData> extends RadioGroupCompactProps<T> {
   /**
    * Additional class names applied to the root element.
    */
   class?: ClassValue;
-  /**
-   * Per-slot class overrides for the component.
-   */
-  ui?: Partial<RadioGroupUi>;
   /**
    * Visual variant of the component.
    */
@@ -49,65 +24,47 @@ interface RadioGroupProps<T extends AcceptableBooleanValue = AcceptableBooleanVa
    * Visual size of the component.
    */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
+  ui?: Partial<RadioGroupUi>;
 }
 /**
  * Events for the RadioGroup component.
  */
-type RadioGroupEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = RadioGroupCompactEmits<T>;
-/**
- * Available UI slots for the RadioGroupCard component.
- */
-type RadioGroupCardUiSlot = 'content' | 'textContent' | 'icon' | 'description';
-/**
- * UI class overrides for the RadioGroupCard component.
- */
-type RadioGroupCardUi = RadioGroupUi & Record<RadioGroupCardUiSlot, ClassValue>;
+type RadioGroupEmits<T extends DefinedWithBooleanValue = DefinedWithBooleanValue> = RadioGroupCompactEmits<T>;
 /**
- * Properties for the RadioCard component.
+ * Properties for the RadioGroupCard component.
  */
-interface RadioCardProps extends RadioProps {
+interface RadioGroupCardProps<T extends RadioGroupCardOptionData = RadioGroupCardOptionData> extends RadioGroupCardCompactProps<T> {
   /**
-   * Per-slot class overrides for the component.
-   */
-  ui?: Partial<RadioGroupCardUi>;
-  /**
-   * Icon rendered by the component.
+   * Additional class names applied to the root element.
    */
-  icon?: string;
+  class?: ClassValue;
   /**
-   * Description text rendered by the component.
+   * Visual variant of the component.
    */
-  description?: string;
-}
-/**
- * Option data for the RadioCardGroup component.
- */
-interface RadioCardGroupOptionData<T extends AcceptableBooleanValue = AcceptableBooleanValue> extends RadioGroupOptionData<T> {
+  variant?: RadioGroupVariant;
   /**
-   * Icon rendered by the component.
+   * Theme color of the component.
    */
-  icon?: string;
+  color?: ThemeColor;
   /**
-   * Description text rendered by the component.
+   * Visual size of the component.
    */
-  description?: string;
-}
-/**
- * Properties for the RadioCardGroup component.
- */
-interface RadioCardGroupProps<T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioCardGroupOptionData<T> = RadioCardGroupOptionData<T>> extends RadioGroupProps<T, S> {
+  size?: ThemeSize;
   /**
    * Per-slot class overrides for the component.
    */
   ui?: Partial<RadioGroupCardUi>;
-  /**
-   * Items rendered by the component.
-   */
-  items: S[];
 }
 /**
  * Events for the RadioGroupCard component.
  */
-type RadioGroupCardEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = RadioGroupEmits<T>;
+type RadioGroupCardEmits<T extends DefinedWithBooleanValue = DefinedWithBooleanValue> = RadioGroupCardCompactEmits<T>;
+/**
+ * Slots for the RadioGroupCard component.
+ */
+type RadioGroupCardSlots<T extends RadioGroupCardOptionData = RadioGroupCardOptionData> = RadioGroupCardCompactSlots<T>;
 //#endregion
-export { RadioCardGroupOptionData, RadioCardGroupProps, RadioCardProps, RadioGroupCardEmits, RadioGroupCardUi, RadioGroupCardUiSlot, RadioGroupEmits, type RadioGroupOptionData$1 as RadioGroupOptionData, RadioGroupProps, RadioProps };
+export { RadioGroupCardEmits, RadioGroupCardProps, RadioGroupCardSlots, RadioGroupEmits, RadioGroupProps };

package/dist/components/radio-group/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`flex`,item:`flex items-center`,control:[`peer relative shrink-0 rounded-full border border-solid shadow transition-all-150`,`outline-none focus-visible:ring-3  focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50`],indicator:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 size-1/2 rounded-full`,label:``},variants:{color:{primary:{control:`border-primary focus-visible:ring-primary/30`,indicator:`bg-primary`},destructive:{control:`border-destructive focus-visible:ring-destructive/30`,indicator:`bg-destructive`},success:{control:`border-success focus-visible:ring-success/30`,indicator:`bg-success`},warning:{control:`border-warning focus-visible:ring-warning/30`,indicator:`bg-warning`},info:{control:`border-info focus-visible:ring-info/30`,indicator:`bg-info`},carbon:{control:`border-carbon focus-visible:ring-carbon/30`,indicator:`bg-carbon`},secondary:{control:`border-secondary-foreground focus-visible:ring-secondary-foreground/20`,indicator:`bg-secondary-foreground/60`},accent:{control:`border-accent-foreground focus-visible:ring-accent-foreground/20`,indicator:`bg-accent-foreground/60`}},size:{xs:{root:`gap-x-2 gap-y-1.5`,item:`gap-1.5`,control:`size-3`},sm:{root:`gap-x-2.5 gap-y-1.75`,item:`gap-1.75`,control:`size-3.5`},md:{root:`gap-x-3 gap-y-2`,item:`gap-2`,control:`size-4`},lg:{root:`gap-x-3.5 gap-y-2.5`,item:`gap-2.5`,control:`size-4.5`},xl:{root:`gap-x-4 gap-y-3`,item:`gap-3`,control:`size-5`},"2xl":{root:`gap-x-4.5 gap-y-3.5`,item:`gap-3.5`,control:`size-6`}},orientation:{horizontal:{root:`items-center`},vertical:{root:`flex-col`}},variant:{dot:{indicator:``},outline:{control:``}}},compoundVariants:[{color:`primary`,variant:`outline`,class:{control:`data-[state=checked]:bg-primary`,indicator:`bg-background`}},{color:`destructive`,variant:`outline`,class:{control:`data-[state=checked]:bg-destructive`,indicator:`bg-background`}},{color:`success`,variant:`outline`,class:{control:`data-[state=checked]:bg-success`,indicator:`bg-background`}},{color:`warning`,variant:`outline`,class:{control:`data-[state=checked]:bg-warning`,indicator:`bg-background`}},{color:`info`,variant:`outline`,class:{control:`data-[state=checked]:bg-info`,indicator:`bg-background`}},{color:`carbon`,variant:`outline`,class:{control:`data-[state=checked]:bg-carbon`,indicator:`bg-background`}},{color:`secondary`,variant:`outline`,class:{control:`data-[state=checked]:bg-secondary-foreground`,indicator:`bg-background`}},{color:`accent`,variant:`outline`,class:{control:`data-[state=checked]:bg-accent-foreground`,indicator:`bg-background`}}],defaultVariants:{variant:`dot`,color:`primary`,size:`md`,orientation:`horizontal`}}),n=e({slots:{root:`flex`,item:`relative inline-flex border border-solid border-border rounded-md`,content:`flex items-center grow`,textContent:`flex flex-col`,icon:`shrink-0`,label:`font-medium`,description:`text-muted-foreground`,control:[`peer shrink-0 inline-flex items-start justify-start rounded-full border border-solid shadow`,`outline-none focus-visible:ring-3  focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50`,`order-1 after:absolute after:inset-0 after:content-empty`],indicator:`relative top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 inline-flex size-1/2 rounded-full`},variants:{color:{primary:{item:`data-[state=checked]:border-primary`,control:`border-primary focus-visible:ring-primary/30`,indicator:`bg-primary`},destructive:{item:`data-[state=checked]:border-destructive`,control:`border-destructive focus-visible:ring-destructive/30`,indicator:`bg-destructive`},success:{item:`data-[state=checked]:border-success`,control:`border-success focus-visible:ring-success/30`,indicator:`bg-success`},warning:{item:`data-[state=checked]:border-warning`,control:`border-warning focus-visible:ring-warning/30`,indicator:`bg-warning`},info:{item:`data-[state=checked]:border-info`,control:`border-info focus-visible:ring-info/30`,indicator:`bg-info`},carbon:{item:`data-[state=checked]:border-carbon`,control:`border-carbon focus-visible:ring-carbon/30`,indicator:`bg-carbon`},secondary:{item:`data-[state=checked]:border-secondary-foreground`,control:`border-secondary-foreground focus-visible:ring-secondary-foreground/20`,indicator:`bg-secondary-foreground/60`},accent:{item:`data-[state=checked]:border-accent-foreground`,control:`border-accent-foreground focus-visible:ring-accent-foreground/20`,indicator:`bg-accent-foreground/60`}},size:{xs:{root:`gap-x-2 gap-y-1.5`,item:`gap-2 text-2xs p-2`,content:`gap-2`,textContent:`gap-0.5`,icon:`text-3`,description:`text-3xs`,control:`size-3`},sm:{root:`gap-x-2.5 gap-y-1.75`,item:`gap-2.5 text-xs p-2.5`,content:`gap-2.5`,textContent:`gap-0.75`,icon:`text-4`,description:`text-2xs`,control:`size-3.5`},md:{root:`gap-x-3 gap-y-2`,item:`gap-3 text-sm p-3`,content:`gap-3`,textContent:`gap-1`,icon:`text-5`,description:`text-xs`,control:`size-4`},lg:{root:`gap-x-3.5 gap-y-2.5`,item:`gap-4 text-base p-4`,content:`gap-4`,textContent:`gap-1.5`,icon:`text-6`,description:`text-sm`,control:`size-4.5`},xl:{root:`gap-x-4 gap-y-3`,item:`gap-5 text-lg p-5`,content:`gap-5`,textContent:`gap-2`,icon:`text-7`,description:`text-base`,control:`size-5`},"2xl":{root:`gap-x-4.5 gap-y-3.5`,item:`gap-6 text-xl p-6`,content:`gap-6`,textContent:`gap-2.5`,icon:`text-8`,description:`text-lg`,control:`size-6`}},variant:{dot:{indicator:``},outline:{control:``}}},compoundVariants:[{color:`primary`,variant:`outline`,class:{control:`data-[state=checked]:bg-primary`,indicator:`bg-background`}},{color:`destructive`,variant:`outline`,class:{control:`data-[state=checked]:bg-destructive`,indicator:`bg-background`}},{color:`success`,variant:`outline`,class:{control:`data-[state=checked]:bg-success`,indicator:`bg-background`}},{color:`warning`,variant:`outline`,class:{control:`data-[state=checked]:bg-warning`,indicator:`bg-background`}},{color:`info`,variant:`outline`,class:{control:`data-[state=checked]:bg-info`,indicator:`bg-background`}},{color:`carbon`,variant:`outline`,class:{control:`data-[state=checked]:bg-carbon`,indicator:`bg-background`}},{color:`secondary`,variant:`outline`,class:{control:`data-[state=checked]:bg-secondary-foreground`,indicator:`bg-background`}},{color:`accent`,variant:`outline`,class:{control:`data-[state=checked]:bg-accent-foreground`,indicator:`bg-background`}}],defaultVariants:{variant:`dot`,color:`primary`,size:`md`}});export{n as radioCardGroupVariants,t as radioGroupVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`flex`,item:`flex items-center`,control:[`peer relative shrink-0 rounded-full border border-solid shadow transition-all-150`,`outline-none focus-visible:ring-3  focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50`],indicator:`absolute top-1/2 start-1/2 -translate-x-1/2 rtl:translate-x-1/2 -translate-y-1/2 size-1/2 rounded-full`,label:``},variants:{color:{primary:{control:`border-primary focus-visible:ring-primary/30`,indicator:`bg-primary`},destructive:{control:`border-destructive focus-visible:ring-destructive/30`,indicator:`bg-destructive`},success:{control:`border-success focus-visible:ring-success/30`,indicator:`bg-success`},warning:{control:`border-warning focus-visible:ring-warning/30`,indicator:`bg-warning`},info:{control:`border-info focus-visible:ring-info/30`,indicator:`bg-info`},carbon:{control:`border-carbon focus-visible:ring-carbon/30`,indicator:`bg-carbon`},secondary:{control:`border-secondary-foreground focus-visible:ring-secondary-foreground/20`,indicator:`bg-secondary-foreground/60`},accent:{control:`border-accent-foreground focus-visible:ring-accent-foreground/20`,indicator:`bg-accent-foreground/60`}},size:{xs:{root:`gap-x-2 gap-y-1.5`,item:`gap-1.5`,control:`size-3`},sm:{root:`gap-x-2.5 gap-y-1.75`,item:`gap-1.75`,control:`size-3.5`},md:{root:`gap-x-3 gap-y-2`,item:`gap-2`,control:`size-4`},lg:{root:`gap-x-3.5 gap-y-2.5`,item:`gap-2.5`,control:`size-4.5`},xl:{root:`gap-x-4 gap-y-3`,item:`gap-3`,control:`size-5`},"2xl":{root:`gap-x-4.5 gap-y-3.5`,item:`gap-3.5`,control:`size-6`}},orientation:{horizontal:{root:`items-center`},vertical:{root:`flex-col`}},variant:{dot:{indicator:``},outline:{control:``}}},compoundVariants:[{color:`primary`,variant:`outline`,class:{control:`data-[state=checked]:bg-primary`,indicator:`bg-background`}},{color:`destructive`,variant:`outline`,class:{control:`data-[state=checked]:bg-destructive`,indicator:`bg-background`}},{color:`success`,variant:`outline`,class:{control:`data-[state=checked]:bg-success`,indicator:`bg-background`}},{color:`warning`,variant:`outline`,class:{control:`data-[state=checked]:bg-warning`,indicator:`bg-background`}},{color:`info`,variant:`outline`,class:{control:`data-[state=checked]:bg-info`,indicator:`bg-background`}},{color:`carbon`,variant:`outline`,class:{control:`data-[state=checked]:bg-carbon`,indicator:`bg-background`}},{color:`secondary`,variant:`outline`,class:{control:`data-[state=checked]:bg-secondary-foreground`,indicator:`bg-background`}},{color:`accent`,variant:`outline`,class:{control:`data-[state=checked]:bg-accent-foreground`,indicator:`bg-background`}}],defaultVariants:{variant:`dot`,color:`primary`,size:`md`,orientation:`horizontal`}});e({slots:{root:`flex`,item:`relative inline-flex border border-solid border-border rounded-md`,content:`flex items-center grow`,textContent:`flex flex-col`,icon:`shrink-0`,label:`font-medium`,description:`text-muted-foreground`,control:[`peer shrink-0 inline-flex items-start justify-start rounded-full border border-solid shadow`,`outline-none focus-visible:ring-3  focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50`,`order-1 after:absolute after:inset-0 after:content-empty`],indicator:`relative top-1/2 start-1/2 -translate-x-1/2 rtl:translate-x-1/2 -translate-y-1/2 inline-flex size-1/2 rounded-full`},variants:{color:{primary:{item:`data-[state=checked]:border-primary`,control:`border-primary focus-visible:ring-primary/30`,indicator:`bg-primary`},destructive:{item:`data-[state=checked]:border-destructive`,control:`border-destructive focus-visible:ring-destructive/30`,indicator:`bg-destructive`},success:{item:`data-[state=checked]:border-success`,control:`border-success focus-visible:ring-success/30`,indicator:`bg-success`},warning:{item:`data-[state=checked]:border-warning`,control:`border-warning focus-visible:ring-warning/30`,indicator:`bg-warning`},info:{item:`data-[state=checked]:border-info`,control:`border-info focus-visible:ring-info/30`,indicator:`bg-info`},carbon:{item:`data-[state=checked]:border-carbon`,control:`border-carbon focus-visible:ring-carbon/30`,indicator:`bg-carbon`},secondary:{item:`data-[state=checked]:border-secondary-foreground`,control:`border-secondary-foreground focus-visible:ring-secondary-foreground/20`,indicator:`bg-secondary-foreground/60`},accent:{item:`data-[state=checked]:border-accent-foreground`,control:`border-accent-foreground focus-visible:ring-accent-foreground/20`,indicator:`bg-accent-foreground/60`}},size:{xs:{root:`gap-x-2 gap-y-1.5`,item:`gap-2 text-2xs p-2`,content:`gap-2`,textContent:`gap-0.5`,icon:`text-3`,description:`text-3xs`,control:`size-3`},sm:{root:`gap-x-2.5 gap-y-1.75`,item:`gap-2.5 text-xs p-2.5`,content:`gap-2.5`,textContent:`gap-0.75`,icon:`text-4`,description:`text-2xs`,control:`size-3.5`},md:{root:`gap-x-3 gap-y-2`,item:`gap-3 text-sm p-3`,content:`gap-3`,textContent:`gap-1`,icon:`text-5`,description:`text-xs`,control:`size-4`},lg:{root:`gap-x-3.5 gap-y-2.5`,item:`gap-4 text-base p-4`,content:`gap-4`,textContent:`gap-1.5`,icon:`text-6`,description:`text-sm`,control:`size-4.5`},xl:{root:`gap-x-4 gap-y-3`,item:`gap-5 text-lg p-5`,content:`gap-5`,textContent:`gap-2`,icon:`text-7`,description:`text-base`,control:`size-5`},"2xl":{root:`gap-x-4.5 gap-y-3.5`,item:`gap-6 text-xl p-6`,content:`gap-6`,textContent:`gap-2.5`,icon:`text-8`,description:`text-lg`,control:`size-6`}},variant:{dot:{indicator:``},outline:{control:``}}},compoundVariants:[{color:`primary`,variant:`outline`,class:{control:`data-[state=checked]:bg-primary`,indicator:`bg-background`}},{color:`destructive`,variant:`outline`,class:{control:`data-[state=checked]:bg-destructive`,indicator:`bg-background`}},{color:`success`,variant:`outline`,class:{control:`data-[state=checked]:bg-success`,indicator:`bg-background`}},{color:`warning`,variant:`outline`,class:{control:`data-[state=checked]:bg-warning`,indicator:`bg-background`}},{color:`info`,variant:`outline`,class:{control:`data-[state=checked]:bg-info`,indicator:`bg-background`}},{color:`carbon`,variant:`outline`,class:{control:`data-[state=checked]:bg-carbon`,indicator:`bg-background`}},{color:`secondary`,variant:`outline`,class:{control:`data-[state=checked]:bg-secondary-foreground`,indicator:`bg-background`}},{color:`accent`,variant:`outline`,class:{control:`data-[state=checked]:bg-accent-foreground`,indicator:`bg-background`}}],defaultVariants:{variant:`dot`,color:`primary`,size:`md`}});export{t as radioGroupVariants};

package/dist/components/scroll-area/scroll-area.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{scrollAreaVariants as t}from"./variants.js";import{computed as n,createBlock as r,createVNode as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";import{useOmitProps as p}from"@soybeanjs/headless/composables";import{ScrollAreaCorner as m,ScrollAreaRoot as h,ScrollAreaScrollbar as g,ScrollAreaThumb as _,ScrollAreaViewport as v,provideScrollAreaUi as y}from"@soybeanjs/headless/scroll-area";const b=a({name:`SScrollArea`,__name:`scroll-area`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},viewportProps:{},verticalScrollbarProps:{},horizontalScrollbarProps:{},thumbProps:{},cornerProps:{},type:{},dir:{},scrollHideDelay:{},asChild:{type:Boolean},as:{}},setup(a){let b=a,x=p(b,[`class`,`ui`,`viewportProps`,`verticalScrollbarProps`,`horizontalScrollbarProps`,`thumbProps`,`cornerProps`]);return y(n(()=>e(t(),b.ui,{root:b.class}))),(e,t)=>(l(),r(d(h),c(o(d(x))),{default:f(()=>[i(d(v),c(o(a.viewportProps)),{default:f(()=>[u(e.$slots,`default`)]),_:3},16),i(d(g),s({orientation:`vertical`},a.verticalScrollbarProps),{default:f(()=>[i(d(_),c(o(a.thumbProps)),null,16)]),_:1},16),i(d(g),s({orientation:`horizontal`},a.horizontalScrollbarProps),{default:f(()=>[i(d(_),c(o(a.thumbProps)),null,16)]),_:1},16),i(d(m),c(o(a.cornerProps)),null,16)]),_:3},16))}});export{b as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{scrollAreaVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,normalizeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";import{useOmitProps as d}from"@soybeanjs/headless/composables";import{ScrollAreaCompact as f,provideScrollAreaUi as p}from"@soybeanjs/headless/scroll-area";const m=i({name:`SScrollArea`,__name:`scroll-area`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},viewportProps:{},verticalScrollbarProps:{},horizontalScrollbarProps:{},thumbProps:{},cornerProps:{},type:{},dir:{},scrollHideDelay:{},asChild:{type:Boolean},as:{}},setup(i){let m=i,h=d(m,[`class`,`ui`]);return p(n(()=>e(t(),m.ui,{root:m.class}))),(e,t)=>(s(),r(l(f),o(a(l(h))),{default:u(()=>[c(e.$slots,`default`)]),_:3},16))}});export{m as default};

package/dist/components/scroll-area/scroll-area.vue.d.ts

@@ -2,9 +2,9 @@ import { ScrollAreaProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/scroll-area/scroll-area.vue.d.ts
-declare var __VLS_14: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_14) => any;
+  default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ScrollAreaProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ScrollAreaProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/scroll-area/types.d.ts

@@ -1,11 +1,11 @@
-import { ScrollAreaCornerProps, ScrollAreaRootEmits, ScrollAreaRootProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaUi, ScrollAreaViewportProps } from "@soybeanjs/headless/scroll-area";
+import { ScrollAreaCompactEmits, ScrollAreaCompactProps, ScrollAreaUi } from "@soybeanjs/headless/scroll-area";
 import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/scroll-area/types.d.ts
 /**
  * Properties for the ScrollArea component.
  */
-interface ScrollAreaProps extends ScrollAreaRootProps {
+interface ScrollAreaProps extends ScrollAreaCompactProps {
   /**
    * Additional class names applied to the root element.
    */
@@ -14,30 +14,10 @@ interface ScrollAreaProps extends ScrollAreaRootProps {
    * Per-slot class overrides for the component.
    */
   ui?: Partial<ScrollAreaUi>;
-  /**
-   * Properties forwarded to the viewport element.
-   */
-  viewportProps?: ScrollAreaViewportProps;
-  /**
-   * Properties forwarded to the vertical scrollbar element.
-   */
-  verticalScrollbarProps?: Omit<ScrollAreaScrollbarProps, 'orientation'>;
-  /**
-   * Properties forwarded to the horizontal scrollbar element.
-   */
-  horizontalScrollbarProps?: Omit<ScrollAreaScrollbarProps, 'orientation'>;
-  /**
-   * Properties forwarded to the thumb element.
-   */
-  thumbProps?: ScrollAreaThumbProps;
-  /**
-   * Properties forwarded to the corner element.
-   */
-  cornerProps?: ScrollAreaCornerProps;
 }
 /**
  * Events for the ScrollArea component.
  */
-type ScrollAreaEmits = ScrollAreaRootEmits;
+type ScrollAreaEmits = ScrollAreaCompactEmits;
 //#endregion
 export { ScrollAreaEmits, ScrollAreaProps };

package/dist/components/scroll-area/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`relative overflow-hidden`,viewport:`size-full rounded-[inherit] outline-none focus-visible:outline-1 focus-visible:ring-3 focus-visible:ring-ring/50`,scrollbar:[`absolute flex touch-none select-none p-px transition-opacity duration-200 ease-out`,`data-[state=hidden]:pointer-events-none data-[state=hidden]:opacity-0`,`data-[orientation=vertical]:inset-y-0 data-[orientation=vertical]:right-0 data-[orientation=vertical]:w-2.5 data-[orientation=vertical]:border-l data-[orientation=vertical]:border-l-transparent`,`rtl:data-[orientation=vertical]:right-auto rtl:data-[orientation=vertical]:left-0`,`data-[orientation=horizontal]:inset-x-0 data-[orientation=horizontal]:bottom-0 data-[orientation=horizontal]:h-2.5 data-[orientation=horizontal]:flex-col data-[orientation=horizontal]:border-t data-[orientation=horizontal]:border-t-transparent`],thumb:`relative flex-1 rounded-full bg-border`,corner:`absolute bottom-0 right-0 bg-border/50 rtl:right-auto rtl:left-0`}});export{t as scrollAreaVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`relative overflow-hidden`,viewport:`size-full rounded-[inherit] outline-none focus-visible:outline-1 focus-visible:ring-3 focus-visible:ring-ring/50`,scrollbar:[`absolute flex touch-none select-none p-px transition-opacity duration-200 ease-out`,`data-[state=hidden]:pointer-events-none data-[state=hidden]:opacity-0`,`data-[orientation=vertical]:inset-y-0 data-[orientation=vertical]:end-0 data-[orientation=vertical]:w-2.5 data-[orientation=vertical]:border-s data-[orientation=vertical]:border-s-transparent`,`rtl:data-[orientation=vertical]:end-auto rtl:data-[orientation=vertical]:start-0`,`data-[orientation=horizontal]:inset-x-0 data-[orientation=horizontal]:bottom-0 data-[orientation=horizontal]:h-2.5 data-[orientation=horizontal]:flex-col data-[orientation=horizontal]:border-t data-[orientation=horizontal]:border-t-transparent`],thumb:`relative flex-1 rounded-full bg-border`,corner:`absolute bottom-0 end-0 bg-border/50 rtl:end-auto rtl:start-0`}});export{t as scrollAreaVariants};

package/dist/components/segment/segment.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{tabsVariants as t}from"../tabs/variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,toHandlers as u,unref as d,withCtx as f}from"vue";import{useForwardListeners as p,useOmitProps as m}from"@soybeanjs/headless/composables";import{SegmentCompact as h}from"@soybeanjs/headless/segment";import{provideTabsUi as g}from"@soybeanjs/headless/tabs";const _=i({name:`SSegment`,__name:`segment`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},size:{},shape:{},fill:{default:`auto`},items:{},enableIndicator:{type:Boolean,default:!0},listProps:{},triggerProps:{},indicatorProps:{},modelValue:{default:void 0},defaultValue:{},activationMode:{},unmountOnHide:{type:Boolean,default:!0},orientation:{},dir:{},loop:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(i,{emit:_}){let v=i,y=_,b=m(v,[`class`,`size`,`ui`,`fill`]),x=p(y);return g(n(()=>e(t({size:v.size,orientation:v.orientation,shape:v.shape,fill:v.fill,enableIndicator:v.enableIndicator}),v.ui,{root:v.class}))),(e,t)=>(c(),r(d(h),o(d(b),u(d(x))),{item:f(t=>[l(e.$slots,`item`,s(a(t)))]),indicator:f(()=>[l(e.$slots,`indicator`)]),_:3},16))}});export{_ as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{tabsVariants as t}from"../tabs/variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,toHandlers as u,unref as d,withCtx as f}from"vue";import{useForwardListeners as p,useOmitProps as m}from"@soybeanjs/headless/composables";import{provideTabsUi as h}from"@soybeanjs/headless/tabs";import{SegmentCompact as g}from"@soybeanjs/headless/segment";const _=i({name:`SSegment`,__name:`segment`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},size:{},shape:{},fill:{default:`auto`},items:{},enableIndicator:{type:Boolean,default:!0},listProps:{},triggerProps:{},indicatorProps:{},modelValue:{default:void 0},defaultValue:{},activationMode:{},unmountOnHide:{type:Boolean,default:!0},orientation:{},dir:{},loop:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(i,{emit:_}){let v=i,y=_,b=m(v,[`class`,`size`,`ui`,`fill`]),x=p(y);return h(n(()=>e(t({size:v.size,orientation:v.orientation,shape:v.shape,fill:v.fill,enableIndicator:v.enableIndicator}),v.ui,{root:v.class}))),(e,t)=>(c(),r(d(g),o(d(b),u(d(x))),{item:f(t=>[l(e.$slots,`item`,s(a(t)))]),indicator:f(()=>[l(e.$slots,`indicator`)]),_:3},16))}});export{_ as default};

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

@@ -4,14 +4,14 @@ import * as _$vue from "vue";
 //#region src/components/segment/segment.vue.d.ts
 declare const __VLS_export: <T extends SegmentOptionData = SegmentOptionData>(__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<SegmentProps<T> & {
-    "onUpdate:modelValue"?: ((payload: T["value"]) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: Exclude<T["value"], undefined>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: SegmentSlots<T>;
-  emit: (evt: "update:modelValue", payload: T["value"]) => void;
+  emit: (evt: "update:modelValue", payload: Exclude<T["value"], undefined>) => void;
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/select/select.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{selectVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createSlots as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderList as d,renderSlot as f,toHandlers as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v}from"@soybeanjs/headless/composables";import{keysOf as y}from"@soybeanjs/utils";import{SelectCompact as b,provideSelectUi as x}from"@soybeanjs/headless/select";const S=o({name:`SSelect`,inheritAttrs:!1,__name:`select`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},size:{},items:{},showArrow:{type:Boolean},triggerProps:{},triggerIconProps:{},placeholder:{},valueProps:{},portalProps:{},contentProps:{},placement:{},popupProps:{},viewportProps:{},scrollDownButtonProps:{},scrollUpButtonProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemTextProps:{},itemIndicatorProps:{},separatorProps:{},arrowProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},dir:{},autocomplete:{},disabled:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`,`select`],setup(o,{emit:S}){let C=o,w=S,T=h(),E=v(C,[`class`,`ui`,`size`]),D=_(w),O=n(()=>y(T));return x(n(()=>e(t({size:C.size}),C.ui,{trigger:C.class}))),(e,t)=>(u(),r(m(b),c(m(E),{items:o.items},p(m(D))),a({_:2},[d(O.value,t=>({name:t,fn:g(n=>[i(` @vue-ignore ignore vue slot props type `),f(e.$slots,t,l(s(n)))])}))]),1040,[`items`]))}});export{S as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{selectVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createSlots as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderList as d,renderSlot as f,toHandlers as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v}from"@soybeanjs/headless/composables";import{keysOf as y}from"@soybeanjs/utils";import{SelectCompact as b,provideSelectUi as x}from"@soybeanjs/headless/select";const S=o({name:`SSelect`,inheritAttrs:!1,__name:`select`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},size:{},items:{},showArrow:{type:Boolean},triggerProps:{},triggerIconProps:{},placeholder:{},valueProps:{},portalProps:{},contentProps:{},placement:{},popupProps:{},viewportProps:{},scrollDownButtonProps:{},scrollUpButtonProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemTextProps:{},itemIndicatorProps:{},separatorProps:{},arrowProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},dir:{},autocomplete:{},disabled:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`,`select`],setup(o,{emit:S}){let C=o,w=S,T=h(),E=v(C,[`class`,`ui`,`size`]),D=_(w),O=n(()=>y(T));return x(n(()=>e(t({size:C.size}),C.ui,{trigger:C.class}))),(e,t)=>(u(),r(m(b),c(m(E),{items:o.items},p(m(D))),a({_:2},[d(O.value,t=>({name:t,fn:g(n=>[i(` @vue-ignore ignore vue slot props type `),f(e.$slots,t,l(s(n)))])}))]),1040,[`items`]))}});export{S as default};

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

@@ -1,7 +1,7 @@
 import { SelectProps, SelectSlots } from "./types.js";
 import * as _$vue from "vue";
-import { DefinedValue } from "@soybeanjs/headless/types";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
+import { DefinedValue } from "@soybeanjs/headless/types";
 
 //#region src/components/select/select.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue, M extends boolean = false>(__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<{

package/dist/components/select/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{trigger:[`flex items-center justify-between w-full rounded-md border border-input bg-background transition-all-150`,`outline-none focus-visible:ring-3 focus-visible:ring-offset-background focus-visible:ring-primary/30 focus:ring-3 focus:ring-offset-background focus:ring-primary/30 disabled:pointer-events-none disabled:opacity-50`,`placeholder:text-muted-foreground data-[placeholder]:text-muted-foreground`],triggerIcon:`shrink-0 text-muted-foreground opacity-70`,value:`grow truncate text-left`,positioner:``,popup:[`relative z-50 min-w-32 rounded-md border bg-popover text-popover-foreground shadow-md`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`],viewport:``,group:``,groupLabel:`font-medium text-muted-foreground`,item:[`relative flex items-center w-full rounded-sm outline-none cursor-pointer select-none`,`focus:bg-accent focus:text-accent-foreground data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],itemText:``,itemIndicator:`ml-auto shrink-0 text-muted-foreground`,separator:`-mx-1 my-1 h-px bg-muted`,scrollUpButton:`flex items-center justify-center cursor-default`,scrollDownButton:`flex items-center justify-center cursor-default`,arrow:`w-1em h-0.5em fill-popover stroke-border`},variants:{size:{xs:{popup:`max-h-70 text-2xs`,trigger:`gap-1 h-6 px-1.5 text-2xs`,viewport:`p-0.75`,item:`gap-1 px-1 py-1`,groupLabel:`p-1 text-3xs`,separator:`-mx-0.75 my-0.375`,scrollUpButton:`py-0.75`,scrollDownButton:`py-0.75`,arrow:`text-3xs`},sm:{popup:`max-h-75 text-xs`,trigger:`gap-1.5 h-7 px-2 text-xs`,viewport:`p-0.875`,item:`gap-1.5 px-1.5 py-1`,separator:`-mx-0.875 my-0.4375`,groupLabel:`p-1.25 text-2xs`,scrollUpButton:`py-0.875`,scrollDownButton:`py-0.875`,arrow:`text-2xs`},md:{popup:`max-h-80 text-sm`,trigger:`gap-2 h-8 px-2.5 text-sm`,viewport:`p-1`,item:`gap-2 px-2 py-1.5`,separator:`-mx-1 my-0.5`,groupLabel:`p-1.75 text-xs`,scrollUpButton:`py-1`,scrollDownButton:`py-1`,arrow:`text-xs`},lg:{popup:`max-h-90 text-base`,trigger:`gap-2.5 h-9 px-3 text-base`,viewport:`p-1.25`,item:`gap-2.5 px-2.5 py-1.5`,separator:`-mx-1.25 my-0.625`,groupLabel:`p-2 text-sm`,scrollUpButton:`py-1.25`,scrollDownButton:`py-1.25`,arrow:`text-sm`},xl:{popup:`max-h-100 text-lg`,trigger:`gap-3 h-10 px-3.5 text-lg`,viewport:`p-1.5`,item:`gap-3 px-3 py-2`,separator:`-mx-1.5 my-0.75`,groupLabel:`p-2.5 text-base`,scrollUpButton:`py-1.5`,scrollDownButton:`py-1.5`,arrow:`text-base`},"2xl":{popup:`max-h-115 text-xl`,trigger:`gap-3.5 h-12 px-4 text-xl`,viewport:`p-1.75`,item:`gap-3.5 px-3.5 py-2.5`,separator:`-mx-1.75 my-0.875`,groupLabel:`p-3 text-lg`,scrollUpButton:`py-1.75`,scrollDownButton:`py-1.75`,arrow:`text-lg`}},position:{popper:{popup:`data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1`,viewport:`h-[--soybean-select-trigger-height] w-full min-w-[--soybean-select-trigger-width]`},"item-aligned":``}},defaultVariants:{size:`md`,position:`popper`}});export{t as selectVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{trigger:[`flex items-center justify-between w-full rounded-md border border-input bg-background transition-all-150`,`outline-none focus-visible:ring-3 focus-visible:ring-offset-background focus-visible:ring-primary/30 focus:ring-3 focus:ring-offset-background focus:ring-primary/30 disabled:pointer-events-none disabled:opacity-50`,`placeholder:text-muted-foreground data-[placeholder]:text-muted-foreground`],triggerIcon:`shrink-0 text-muted-foreground opacity-70`,value:`grow truncate text-start`,positioner:``,popup:[`relative z-50 min-w-32 rounded-md border bg-popover text-popover-foreground shadow-md`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`],viewport:``,group:``,groupLabel:`font-medium text-muted-foreground`,item:[`relative flex items-center w-full rounded-sm outline-none cursor-pointer select-none`,`focus:bg-accent focus:text-accent-foreground data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],itemText:``,itemIndicator:`ms-auto shrink-0 text-muted-foreground`,separator:`-mx-1 my-1 h-px bg-muted`,scrollUpButton:`flex items-center justify-center cursor-default`,scrollDownButton:`flex items-center justify-center cursor-default`,arrow:`w-1em h-0.5em fill-popover stroke-border`},variants:{size:{xs:{popup:`max-h-70 text-2xs`,trigger:`gap-1 h-6 px-1.5 text-2xs`,viewport:`p-0.75`,item:`gap-1 px-1 py-1`,groupLabel:`p-1 text-3xs`,separator:`-mx-0.75 my-0.375`,scrollUpButton:`py-0.75`,scrollDownButton:`py-0.75`,arrow:`text-3xs`},sm:{popup:`max-h-75 text-xs`,trigger:`gap-1.5 h-7 px-2 text-xs`,viewport:`p-0.875`,item:`gap-1.5 px-1.5 py-1`,separator:`-mx-0.875 my-0.4375`,groupLabel:`p-1.25 text-2xs`,scrollUpButton:`py-0.875`,scrollDownButton:`py-0.875`,arrow:`text-2xs`},md:{popup:`max-h-80 text-sm`,trigger:`gap-2 h-8 px-2.5 text-sm`,viewport:`p-1`,item:`gap-2 px-2 py-1.5`,separator:`-mx-1 my-0.5`,groupLabel:`p-1.75 text-xs`,scrollUpButton:`py-1`,scrollDownButton:`py-1`,arrow:`text-xs`},lg:{popup:`max-h-90 text-base`,trigger:`gap-2.5 h-9 px-3 text-base`,viewport:`p-1.25`,item:`gap-2.5 px-2.5 py-1.5`,separator:`-mx-1.25 my-0.625`,groupLabel:`p-2 text-sm`,scrollUpButton:`py-1.25`,scrollDownButton:`py-1.25`,arrow:`text-sm`},xl:{popup:`max-h-100 text-lg`,trigger:`gap-3 h-10 px-3.5 text-lg`,viewport:`p-1.5`,item:`gap-3 px-3 py-2`,separator:`-mx-1.5 my-0.75`,groupLabel:`p-2.5 text-base`,scrollUpButton:`py-1.5`,scrollDownButton:`py-1.5`,arrow:`text-base`},"2xl":{popup:`max-h-115 text-xl`,trigger:`gap-3.5 h-12 px-4 text-xl`,viewport:`p-1.75`,item:`gap-3.5 px-3.5 py-2.5`,separator:`-mx-1.75 my-0.875`,groupLabel:`p-3 text-lg`,scrollUpButton:`py-1.75`,scrollDownButton:`py-1.75`,arrow:`text-lg`}},position:{popper:{popup:`data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1`,viewport:`h-[--soybean-select-trigger-height] w-full min-w-[--soybean-select-trigger-width]`},"item-aligned":``}},defaultVariants:{size:`md`,position:`popper`}});export{t as selectVariants};

package/dist/components/separator/separator.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{separatorVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createTextVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,toDisplayString as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useOmitProps as h}from"@soybeanjs/headless/composables";import{SeparatorLabel as g,SeparatorRoot as _,provideSeparatorUi as v}from"@soybeanjs/headless/separator";const y=o({name:`SSeparator`,__name:`separator`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},align:{},border:{},label:{},labelProps:{},orientation:{default:`horizontal`},decorative:{type:Boolean}},setup(o){let y=o,b=p(),x=h(y,[`class`,`size`,`ui`,`align`,`border`,`label`,`labelProps`]),S=n(()=>y.orientation===`horizontal`&&(b.default||y.label));return v(n(()=>e(t({size:y.size,orientation:y.orientation,align:y.align,border:y.border}),y.ui,{root:y.class}))),(e,t)=>(u(),r(f(_),l(s(f(x))),{default:m(()=>[S.value?(u(),r(f(g),l(c({key:0},o.labelProps)),{default:m(()=>[a(d(o.label),1)]),_:1},16)):i(`v-if`,!0)]),_:1},16))}});export{y as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{separatorVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots as i,defineComponent as a,guardReactiveProps as o,normalizeProps as s,openBlock as c,renderSlot as l,unref as u,useSlots as d,withCtx as f}from"vue";import{useOmitProps as p}from"@soybeanjs/headless/composables";import{SeparatorCompact as m,provideSeparatorUi as h}from"@soybeanjs/headless/separator";const g=a({name:`SSeparator`,__name:`separator`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},align:{},border:{},label:{},labelProps:{},orientation:{default:`horizontal`},decorative:{type:Boolean}},setup(a){let g=a,_=d(),v=p(g,[`class`,`size`,`ui`,`align`,`border`]);return h(n(()=>e(t({size:g.size,orientation:g.orientation,align:g.align,border:g.border}),g.ui,{root:g.class}))),(e,t)=>(c(),r(u(m),s(o(u(v))),i({_:2},[u(_).default?{name:`label`,fn:f(()=>[l(e.$slots,`default`)]),key:`0`}:void 0]),1040))}});export{g as default};