@soybeanjs/ui 0.18.0 → 0.20.0

package/dist/components/textarea/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:[`group relative flex flex-col`,`rounded-md border border-solid border-input bg-background transition-all-150`,`outline-none focus-within:ring-3  focus-within:ring-offset-background focus-within:ring-primary/30`],control:[`w-full bg-transparent outline-none`,`placeholder:text-muted-foreground`,`disabled:cursor-not-allowed disabled:opacity-50`],counter:`absolute z-2 leading-none text-muted-foreground`,clearable:`absolute hidden group-hover:block size-1em cursor-pointer opacity-50 hover:opacity-100`},variants:{size:{xs:{root:`text-2xs`,control:`min-h-6 px-1.5 py-1`,counter:`text-2xs right-1.75 bottom-1.5`,clearable:`right-1.5 top-1.5`},sm:{root:`text-xs`,control:`min-h-7 px-1.75 py-1`,counter:`text-xs right-2 bottom-1.75`,clearable:`right-1.75 top-1.75`},md:{root:`text-sm`,control:`min-h-8 px-2 py-1`,counter:`text-sm right-2.5 bottom-2`,clearable:`right-2 top-2`},lg:{root:`text-base`,control:`min-h-9 px-2.5 py-1`,counter:`text-base right-3 bottom-2.5`,clearable:`right-2.5 top-2.5`},xl:{root:`text-lg`,control:`min-h-10 px-3 py-1`,counter:`text-lg right-3.5 bottom-3`,clearable:`right-3 top-3`},"2xl":{root:`text-xl`,control:`min-h-12 px-4 py-2`,counter:`text-xl right-4 bottom-3.5`,clearable:`right-3.5 top-3.5`}},resize:{true:{control:`resize`},false:{control:`resize-none`},vertical:{control:`resize-y`},horizontal:{control:`resize-x`}}},defaultVariants:{size:`md`,resize:`vertical`}});export{t as textareaVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:[`group relative flex flex-col`,`rounded-md border border-solid border-input bg-background transition-all-150`,`outline-none focus-within:ring-3  focus-within:ring-offset-background focus-within:ring-primary/30`],control:[`w-full bg-transparent outline-none`,`placeholder:text-muted-foreground`,`disabled:cursor-not-allowed disabled:opacity-50`],counter:`absolute z-2 leading-none text-muted-foreground`,clear:`absolute hidden opacity-50 group-hover:inline-flex group-focus-within:inline-flex hover:opacity-100`},variants:{size:{xs:{root:`text-2xs`,control:`min-h-6 px-1.5 py-1`,counter:`text-2xs end-1.75 bottom-1.5`,clear:`end-1.5 top-1.5`},sm:{root:`text-xs`,control:`min-h-7 px-1.75 py-1`,counter:`text-xs end-2 bottom-1.75`,clear:`end-1.75 top-1.75`},md:{root:`text-sm`,control:`min-h-8 px-2 py-1`,counter:`text-sm end-2.5 bottom-2`,clear:`end-2 top-2`},lg:{root:`text-base`,control:`min-h-9 px-2.5 py-1`,counter:`text-base end-3 bottom-2.5`,clear:`end-2.5 top-2.5`},xl:{root:`text-lg`,control:`min-h-10 px-3 py-1`,counter:`text-lg end-3.5 bottom-3`,clear:`end-3 top-3`},"2xl":{root:`text-xl`,control:`min-h-12 px-4 py-2`,counter:`text-xl end-4 bottom-3.5`,clear:`end-3.5 top-3.5`}},resize:{true:{control:`resize`},false:{control:`resize-none`},vertical:{control:`resize-y`},horizontal:{control:`resize-x`}}},defaultVariants:{size:`md`,resize:`vertical`}});export{t as textareaVariants};

package/dist/components/time-field/index.d.ts

@@ -1,3 +1,3 @@
-import { TimeFieldEmits, TimeFieldProps, TimeFieldSlotProps, TimeFieldSlots } from "./types.js";
+import { TimeFieldEmits, TimeFieldProps } from "./types.js";
 import { _default } from "./time-field.vue.js";
 export * from "@soybeanjs/headless/time-field";

package/dist/components/time-field/time-field.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{timeFieldVariants as t}from"./variants.js";import{Fragment as n,computed as r,createBlock as i,createElementBlock as a,createTextVNode as o,defineComponent as s,mergeProps as c,normalizeProps as l,openBlock as u,renderList as d,renderSlot as f,toDisplayString as p,toHandlers as m,unref as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v}from"@soybeanjs/headless/composables";import{TimeFieldInput as y,TimeFieldRoot as b,provideTimeFieldUi as x}from"@soybeanjs/headless/time-field";const S=s({name:`STimeField`,__name:`time-field`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},inputProps:{}},emits:[`update:modelValue`,`update:placeholder`],setup(s,{emit:S}){let C=s,w=_(S),T=v(C,[`class`,`size`,`ui`,`inputProps`]);return x(r(()=>e(t({size:C.size}),C.ui,{root:C.class}))),(e,t)=>(u(),i(h(b),c(h(T),m(h(w))),{default:g(t=>[e.$slots.default?f(e.$slots,`default`,l(c({key:0},t))):(u(!0),a(n,{key:1},d(t.segments,(e,t)=>(u(),i(h(y),c({key:`${e.part}-${t}`,part:e.part},{ref_for:!0},s.inputProps),{default:g(()=>[o(p(e.value),1)]),_:2},1040,[`part`]))),128))]),_:3},16))}});export{S as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{dateFieldVariants as t}from"../date-field/variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,toHandlers as s,unref as c}from"vue";import{useForwardListeners as l,useOmitProps as u}from"@soybeanjs/headless/composables";import{TimeFieldCompact as d,provideTimeFieldUi as f}from"@soybeanjs/headless/time-field";const p=i({name:`STimeField`,__name:`time-field`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},inputProps:{},defaultValue:{},modelValue:{},defaultPlaceholder:{},placeholder:{},granularity:{},maxValue:{},minValue:{},isTimeUnavailable:{type:Function},id:{},hourCycle:{},step:{},hideTimeZone:{type:Boolean},name:{},required:{type:Boolean},dir:{},locale:{},disabled:{type:Boolean},readonly:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(i,{emit:p}){let m=i,h=l(p),g=u(m,[`class`,`size`,`ui`]);return f(n(()=>e(t({size:m.size}),m.ui,{root:m.class}))),(e,t)=>(o(),r(c(d),a(c(g),s(c(h))),null,16))}});export{p as default};

package/dist/components/time-field/time-field.vue.d.ts

@@ -1,22 +1,15 @@
-import { TimeFieldProps, TimeFieldSlots } from "./types.js";
+import { TimeFieldProps } from "./types.js";
 import * as _$vue from "vue";
 import * as _$_soybeanjs_headless_date0 from "@soybeanjs/headless/date";
 
 //#region src/components/time-field/time-field.vue.d.ts
-type __VLS_Slots = TimeFieldSlots;
-declare const __VLS_base: _$vue.DefineComponent<TimeFieldProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+declare const __VLS_export: _$vue.DefineComponent<TimeFieldProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (time: _$_soybeanjs_headless_date0.TimeValue | undefined) => any;
   "update:placeholder": (time: _$_soybeanjs_headless_date0.TimeValue) => any;
 }, string, _$vue.PublicProps, Readonly<TimeFieldProps> & Readonly<{
   "onUpdate:modelValue"?: ((time: _$_soybeanjs_headless_date0.TimeValue | undefined) => any) | undefined;
   "onUpdate:placeholder"?: ((time: _$_soybeanjs_headless_date0.TimeValue) => any) | undefined;
 }>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
-type __VLS_WithSlots<T, S> = T & {
-  new (): {
-    $slots: S;
-  };
-};
 //#endregion
 export { _default };

package/dist/components/time-field/types.d.ts

@@ -1,32 +1,12 @@
 import { ThemeSize } from "../../theme/types.js";
-import { TimeFieldInputProps, TimeFieldRootEmits, TimeFieldRootProps, TimeFieldUi } from "@soybeanjs/headless/time-field";
+import { TimeFieldCompactEmits, TimeFieldCompactProps, TimeFieldUi } from "@soybeanjs/headless/time-field";
 import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/time-field/types.d.ts
-/**
- * Slot properties for the TimeField component.
- */
-interface TimeFieldSlotProps {
-  /**
-   * Current model value.
-   */
-  modelValue: TimeFieldRootProps['modelValue'];
-  /**
-   * Segments exposed in the slot scope.
-   */
-  segments: {
-    part: TimeFieldInputProps['part'];
-    value: string;
-  }[];
-  /**
-   * Whether the current value is invalid.
-   */
-  isInvalid: boolean;
-}
 /**
  * Properties for the TimeField component.
  */
-interface TimeFieldProps extends /** @vue-ignore */TimeFieldRootProps {
+interface TimeFieldProps extends TimeFieldCompactProps {
   /**
    * Additional class names applied to the root element.
    */
@@ -39,23 +19,10 @@ interface TimeFieldProps extends /** @vue-ignore */TimeFieldRootProps {
    * Per-slot class overrides for the component.
    */
   ui?: Partial<TimeFieldUi>;
-  /**
-   * Properties forwarded to the input element.
-   */
-  inputProps?: Omit<TimeFieldInputProps, 'part'>;
 }
 /**
  * Events for the TimeField component.
  */
-type TimeFieldEmits = TimeFieldRootEmits;
-/**
- * Slots for the TimeField component.
- */
-interface TimeFieldSlots {
-  /**
-   * Custom content for the default slot.
-   */
-  default?: (props: TimeFieldSlotProps) => any;
-}
+type TimeFieldEmits = TimeFieldCompactEmits;
 //#endregion
-export { TimeFieldEmits, TimeFieldProps, TimeFieldSlotProps, TimeFieldSlots };
+export { TimeFieldEmits, TimeFieldProps };

package/dist/components/time-range-field/index.d.ts

@@ -1,3 +1,3 @@
-import { TimeRangeFieldEmits, TimeRangeFieldProps, TimeRangeFieldSlotProps, TimeRangeFieldSlots } from "./types.js";
+import { TimeRangeFieldEmits, TimeRangeFieldProps, TimeRangeFieldSlots } from "./types.js";
 import { _default } from "./time-range-field.vue.js";
 export * from "@soybeanjs/headless/time-range-field";

package/dist/components/time-range-field/time-range-field.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{timeRangeFieldVariants 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,withCtx as p}from"vue";import{useForwardListeners as m,useOmitProps as h}from"@soybeanjs/headless/composables";import{TimeRangeFieldCompact as g,provideTimeRangeFieldUi as _}from"@soybeanjs/headless/time-range-field";const v=a({name:`STimeRangeField`,__name:`time-range-field`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},inputProps:{},separator:{default:`–`}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`],setup(a,{emit:v}){let y=a,b=m(v),x=h(y,[`class`,`size`,`ui`,`inputProps`,`separator`]);return _(n(()=>e(t({size:y.size}),y.ui,{root:y.class}))),(e,t)=>(l(),r(f(g),s({...f(x),inputProps:a.inputProps,separator:a.separator},d(f(b))),i({_:2},[e.$slots.default?{name:`default`,fn:p(t=>[u(e.$slots,`default`,c(o(t)))]),key:`0`}:void 0,e.$slots.separator?{name:`separator`,fn:p(()=>[u(e.$slots,`separator`)]),key:`1`}:void 0]),1040))}});export{v as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{dateFieldVariants as t}from"../date-field/variants.js";import{dateRangeFieldVariants as n}from"../date-range-field/variants.js";import{computed as r,createBlock as i,createSlots as a,defineComponent as o,mergeProps as s,openBlock as c,renderList 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{keysOf as _}from"@soybeanjs/utils";import{TimeRangeFieldCompact as v,provideTimeRangeFieldUi as y}from"@soybeanjs/headless/time-range-field";const b=o({name:`STimeRangeField`,__name:`time-range-field`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},inputProps:{},separator:{},defaultValue:{},modelValue:{},startName:{},endName:{},defaultPlaceholder:{},placeholder:{},granularity:{},maxValue:{},minValue:{},isTimeUnavailable:{type:Function},id:{},hourCycle:{},step:{},hideTimeZone:{type:Boolean},name:{},required:{type:Boolean},dir:{},locale:{},disabled:{type:Boolean},readonly:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`],setup(o,{emit:b}){let x=o,S=b,C=p(),w=h(S),T=g(x,[`class`,`size`,`ui`]),E=r(()=>_(C));return y(r(()=>{let r=n({size:x.size}),i=t({size:x.size});return e(Object.assign(r,i),x.ui,{root:x.class})})),(e,t)=>(c(),i(f(v),s(f(T),d(f(w))),a({_:2},[l(E.value,t=>({name:t,fn:m(()=>[u(e.$slots,t)])}))]),1040))}});export{b as default};

package/dist/components/time-range-field/time-range-field.vue.d.ts

@@ -14,9 +14,7 @@ declare const __VLS_base: _$vue.DefineComponent<TimeRangeFieldProps, {}, {}, {},
   "onUpdate:placeholder"?: ((time: _$_soybeanjs_headless_date0.TimeValue) => any) | undefined;
   "onUpdate:startValue"?: ((time: _$_soybeanjs_headless_date0.TimeValue | undefined) => any) | undefined;
   "onUpdate:endValue"?: ((time: _$_soybeanjs_headless_date0.TimeValue | undefined) => any) | undefined;
-}>, {
-  separator: string;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/time-range-field/types.d.ts

@@ -1,39 +1,12 @@
 import { ThemeSize } from "../../theme/types.js";
-import { TimeRangeFieldInputProps, TimeRangeFieldRootEmits, TimeRangeFieldRootProps, TimeRangeFieldUi } from "@soybeanjs/headless/time-range-field";
+import { TimeRangeFieldCompactEmits, TimeRangeFieldCompactProps, TimeRangeFieldCompactSlots, TimeRangeFieldUi } from "@soybeanjs/headless/time-range-field";
 import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/time-range-field/types.d.ts
-/**
- * Slot properties for the TimeRangeField component.
- */
-interface TimeRangeFieldSlotProps {
-  /**
-   * Current model value.
-   */
-  modelValue: TimeRangeFieldRootProps['modelValue'];
-  /**
-   * Start segments exposed in the slot scope.
-   */
-  startSegments: {
-    part: TimeRangeFieldInputProps['part'];
-    value: string;
-  }[];
-  /**
-   * End segments exposed in the slot scope.
-   */
-  endSegments: {
-    part: TimeRangeFieldInputProps['part'];
-    value: string;
-  }[];
-  /**
-   * Whether the current value is invalid.
-   */
-  isInvalid: boolean;
-}
 /**
  * Properties for the TimeRangeField component.
  */
-interface TimeRangeFieldProps extends /** @vue-ignore */TimeRangeFieldRootProps {
+interface TimeRangeFieldProps extends TimeRangeFieldCompactProps {
   /**
    * Additional class names applied to the root element.
    */
@@ -46,31 +19,14 @@ interface TimeRangeFieldProps extends /** @vue-ignore */TimeRangeFieldRootProps
    * Per-slot class overrides for the component.
    */
   ui?: Partial<TimeRangeFieldUi>;
-  /**
-   * Properties forwarded to the input element.
-   */
-  inputProps?: Omit<TimeRangeFieldInputProps, 'part' | 'type'>;
-  /**
-   * Separator.
-   */
-  separator?: string;
 }
 /**
  * Events for the TimeRangeField component.
  */
-type TimeRangeFieldEmits = TimeRangeFieldRootEmits;
+type TimeRangeFieldEmits = TimeRangeFieldCompactEmits;
 /**
  * Slots for the TimeRangeField component.
  */
-interface TimeRangeFieldSlots {
-  /**
-   * Custom content for the default slot.
-   */
-  default?: (props: TimeRangeFieldSlotProps) => any;
-  /**
-   * Custom content for the separator slot.
-   */
-  separator?: () => any;
-}
+type TimeRangeFieldSlots = TimeRangeFieldCompactSlots;
 //#endregion
-export { TimeRangeFieldEmits, TimeRangeFieldProps, TimeRangeFieldSlotProps, TimeRangeFieldSlots };
+export { TimeRangeFieldEmits, TimeRangeFieldProps, TimeRangeFieldSlots };

package/dist/components/toast/styles.js

@@ -1,4 +1,4 @@
-var e=`[data-slot='toast'] {
+var e=`[data-soybean-toast] {
   --y: translateY(100%);
   --lift: 1;
   --lift-amount: calc(var(--lift) * var(--gap));
@@ -15,18 +15,18 @@ var e=`[data-slot='toast'] {
   box-shadow: 0 4px 12px hsl(var(--foreground) / 0.1);
 }
 
-[data-slot='toast']:focus-visible {
+[data-soybean-toast]:focus-visible {
   box-shadow:
     0 4px 12px hsl(var(--foreground) / 0.1),
     0 0 0 2px hsl(var(--foreground) / 0.2);
 }
 
-[data-slot='toast'][data-swiping='true'] {
+[data-soybean-toast][data-swiping='true'] {
   transform: var(--y) translateY(var(--swipe-amount-y, 0px)) translateX(var(--swipe-amount-x, 0px));
   transition: none;
 }
 
-[data-slot='toast'][data-swiping='true']::before {
+[data-soybean-toast][data-swiping='true']::before {
   content: '';
   position: absolute;
   inset-inline: -100%;
@@ -34,24 +34,24 @@ var e=`[data-slot='toast'] {
   z-index: -1;
 }
 
-[data-slot='toast'][data-y-position='top'][data-swiping='true']::before {
+[data-soybean-toast][data-y-position='top'][data-swiping='true']::before {
   bottom: 50%;
   transform: scaleY(3) translateY(50%);
 }
 
-[data-slot='toast'][data-y-position='bottom'][data-swiping='true']::before {
+[data-soybean-toast][data-y-position='bottom'][data-swiping='true']::before {
   top: 50%;
   transform: scaleY(3) translateY(-50%);
 }
 
-[data-slot='toast'][data-swiping='false'][data-removed='true']::before {
+[data-soybean-toast][data-swiping='false'][data-removed='true']::before {
   content: '';
   position: absolute;
   inset: 0;
   transform: scaleY(2);
 }
 
-[data-slot='toast'][data-expanded='true']::after {
+[data-soybean-toast][data-expanded='true']::after {
   content: '';
   position: absolute;
   inset-inline-start: 0;
@@ -60,42 +60,42 @@ var e=`[data-slot='toast'] {
   width: 100%;
 }
 
-[data-slot='toast'][data-mounted='true'] {
+[data-soybean-toast][data-mounted='true'] {
   --y: translateY(0);
   opacity: 1;
 }
 
-[data-slot='toast'][data-expanded='false'][data-front='false'] {
+[data-soybean-toast][data-expanded='false'][data-front='false'] {
   --scale: var(--toasts-before) * 0.05 + 1;
   --y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));
   height: var(--front-toast-height);
 }
 
-[data-slot='toast'][data-expanded='false'][data-front='false'] > * {
+[data-soybean-toast][data-expanded='false'][data-front='false'] > * {
   opacity: 0;
 }
 
-[data-slot='toast'][data-visible='false'] {
+[data-soybean-toast][data-visible='false'] {
   opacity: 0;
   pointer-events: none;
 }
 
-[data-slot='toast'][data-mounted='true'][data-expanded='true'] {
+[data-soybean-toast][data-mounted='true'][data-expanded='true'] {
   --y: translateY(calc(var(--lift) * var(--offset)));
   height: var(--initial-height);
 }
 
-[data-slot='toast'][data-removed='true'][data-front='true'][data-swipe-out='false'] {
+[data-soybean-toast][data-removed='true'][data-front='true'][data-swipe-out='false'] {
   --y: translateY(calc(var(--lift) * -100%));
   opacity: 0;
 }
 
-[data-slot='toast'][data-removed='true'][data-front='false'][data-swipe-out='false'][data-expanded='true'] {
+[data-soybean-toast][data-removed='true'][data-front='false'][data-swipe-out='false'][data-expanded='true'] {
   --y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));
   opacity: 0;
 }
 
-[data-slot='toast'][data-removed='true'][data-front='false'][data-swipe-out='false'][data-expanded='false'] {
+[data-soybean-toast][data-removed='true'][data-front='false'][data-swipe-out='false'][data-expanded='false'] {
   --y: translateY(40%);
   opacity: 0;
   transition:
@@ -103,65 +103,65 @@ var e=`[data-slot='toast'] {
     opacity 200ms;
 }
 
-[data-slot='toast'][data-removed='true'][data-front='false']::before {
+[data-soybean-toast][data-removed='true'][data-front='false']::before {
   height: calc(var(--initial-height) + 20%);
 }
 
-[data-slot='toast'][data-swiped='true'] {
+[data-soybean-toast][data-swiped='true'] {
   -webkit-user-select: none;
   user-select: none;
 }
 
-[data-slot='toast'][data-swipe-out='true'][data-y-position='bottom'],
-[data-slot='toast'][data-swipe-out='true'][data-y-position='top'] {
+[data-soybean-toast][data-swipe-out='true'][data-y-position='bottom'],
+[data-soybean-toast][data-swipe-out='true'][data-y-position='top'] {
   animation-duration: 200ms;
   animation-timing-function: ease-out;
   animation-fill-mode: forwards;
 }
 
-[data-slot='toast'][data-swipe-out='true'][data-swipe-direction='left'] {
+[data-soybean-toast][data-swipe-out='true'][data-swipe-direction='left'] {
   animation-name: swipe-out-left;
 }
 
-[data-slot='toast'][data-swipe-out='true'][data-swipe-direction='right'] {
+[data-soybean-toast][data-swipe-out='true'][data-swipe-direction='right'] {
   animation-name: swipe-out-right;
 }
 
-[data-slot='toast'][data-swipe-out='true'][data-swipe-direction='up'] {
+[data-soybean-toast][data-swipe-out='true'][data-swipe-direction='up'] {
   animation-name: swipe-out-up;
 }
 
-[data-slot='toast'][data-swipe-out='true'][data-swipe-direction='down'] {
+[data-soybean-toast][data-swipe-out='true'][data-swipe-direction='down'] {
   animation-name: swipe-out-down;
 }
 
-[data-slot='toast'][data-rich-color='true'][data-type='success'] {
+[data-soybean-toast][data-rich-color='true'][data-type='success'] {
   background-color: hsl(var(--success-100));
   border-color: hsl(var(--success));
 }
 
-[data-slot='toast'][data-rich-color='true'][data-type='info'] {
+[data-soybean-toast][data-rich-color='true'][data-type='info'] {
   background-color: hsl(var(--info-100));
   border-color: hsl(var(--info));
 }
 
-[data-slot='toast'][data-rich-color='true'][data-type='warning'] {
+[data-soybean-toast][data-rich-color='true'][data-type='warning'] {
   background-color: hsl(var(--warning-100));
   border-color: hsl(var(--warning));
 }
 
-[data-slot='toast'][data-rich-color='true'][data-type='error'] {
+[data-soybean-toast][data-rich-color='true'][data-type='error'] {
   background-color: hsl(var(--destructive-100));
   border-color: hsl(var(--destructive));
 }
 
-[data-slot='toast'][data-inverted='true'] {
+[data-soybean-toast][data-inverted='true'] {
   background-color: hsl(var(--carbon));
   border-color: hsl(var(--carbon));
   color: hsl(var(--carbon-foreground));
 }
 
-[data-slot='toast'] > * {
+[data-soybean-toast] > * {
   transition: opacity 400ms;
 }
 
@@ -238,30 +238,30 @@ var e=`[data-slot='toast'] {
 }
 
 @media (max-width: 600px) {
-  [data-slot='toaster'] {
+  [data-soybean-toaster] {
     width: 100%;
     inset-inline-start: var(--mobile-offset-left);
     inset-inline-end: var(--mobile-offset-right);
   }
 
-  [data-slot='toaster'] [data-slot='toast'] {
+  [data-soybean-toaster][data-soybean-toast] {
     inset-inline: 0;
     width: calc(100% - var(--mobile-offset-left) * 2);
   }
 
-  [data-slot='toaster'][data-x-position='left'] {
+  [data-soybean-toaster][data-x-position='left'] {
     inset-inline-start: var(--mobile-offset-left);
   }
 
-  [data-slot='toaster'][data-y-position='bottom'] {
+  [data-soybean-toaster][data-y-position='bottom'] {
     bottom: var(--mobile-offset-bottom);
   }
 
-  [data-slot='toaster'][data-y-position='top'] {
+  [data-soybean-toaster][data-y-position='top'] {
     top: var(--mobile-offset-top);
   }
 
-  [data-slot='toaster'][data-x-position='center'] {
+  [data-soybean-toaster][data-x-position='center'] {
     inset-inline-start: var(--mobile-offset-left);
     inset-inline-end: var(--mobile-offset-right);
     transform: none;

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

@@ -1 +1 @@
-import{mergeBaseVariants as e,mergeSlotVariants as t}from"../../theme/shared.js";import{miniSizeMap as n}from"../../theme/config.js";import"../../theme/index.js";import{buttonVariants as r}from"../button/variants.js";import{toastVariants as i}from"./variants.js";import a from"./styles.js";import{computed as o,createBlock as s,defineComponent as c,guardReactiveProps as l,normalizeProps as u,openBlock as d,renderSlot as f,unref as p,withCtx as m}from"vue";import{useOmitProps as h}from"@soybeanjs/headless/composables";import{useStyleTag as g}from"@vueuse/core";import{ToastProvider as _,provideToastUi as v}from"@soybeanjs/headless/toast";const y=c({name:`SToastProvider`,__name:`toast-provider`,props:{size:{},ui:{},id:{},dir:{},hotkey:{},customAriaLabel:{},containerAriaLabel:{},position:{},defaultExpanded:{type:Boolean},duration:{},gap:{},offset:{},visibleCounts:{},swipeDirections:{},showIcon:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},icons:{},toastProps:{},wrapperProps:{},contentProps:{},titleProps:{},descriptionProps:{},iconProps:{},footerProps:{},actionProps:{},cancelProps:{},closeProps:{}},setup(c){let y=c,b=h(y,[`size`,`ui`]),x=o(()=>{let a=y.size??`md`;return t(e(i({size:y.size}),{action:r({variant:`solid`,size:n[a]}),cancel:r({variant:`pure`,size:n[a]}),close:r({variant:`ghost`,color:`accent`,size:n[a],shape:`square`,fitContent:!0})}),y.ui)});return g(a,{id:`__SoybeanUI_toastStyle`}),v(x),(e,t)=>(d(),s(p(_),u(l(p(b))),{default:m(()=>[f(e.$slots,`default`)]),_:3},16))}});export{y as default};
+import{mergeVariants as e}from"../../theme/shared.js";import{miniSizeMap as t}from"../../theme/config.js";import"../../theme/index.js";import{buttonIconVariants as n,buttonVariants as r}from"../button/variants.js";import{toastVariants as i}from"./variants.js";import a from"./styles.js";import{computed as o,createBlock as s,defineComponent as c,guardReactiveProps as l,normalizeProps as u,openBlock as d,renderSlot as f,unref as p,withCtx as m}from"vue";import{useOmitProps as h}from"@soybeanjs/headless/composables";import{useStyleTag as g}from"@vueuse/core";import{ToastProvider as _,provideToastUi as v}from"@soybeanjs/headless/toast";const y=c({name:`SToastProvider`,__name:`toast-provider`,props:{size:{},ui:{},id:{},dir:{},hotkey:{},customAriaLabel:{},containerAriaLabel:{},position:{},defaultExpanded:{type:Boolean},duration:{},gap:{},offset:{},visibleCounts:{},swipeDirections:{},showIcon:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},icons:{},toastProps:{},wrapperProps:{},contentProps:{},titleProps:{},descriptionProps:{},iconProps:{},footerProps:{},actionProps:{},cancelProps:{},closeProps:{}},setup(c){let y=c,b=h(y,[`size`,`ui`]),x=o(()=>{let a=t[y.size??`md`];return e(Object.assign(i({size:y.size}),{$base:{action:r({variant:`solid`,size:a}),cancel:r({variant:`pure`,size:a}),close:n({size:a})}}),y.ui)});return g(a,{id:`__SoybeanUI_toastStyle`}),v(x),(e,t)=>(d(),s(p(_),u(l(p(b))),{default:m(()=>[f(e.$slots,`default`)]),_:3},16))}});export{y as default};

package/dist/components/toast/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{toaster:[`fixed z-[--z-index] list-none outline-none transition-transform-400 ease`,`data-[x-position=right]:end-[--offset-right] data-[x-position=left]:start-[--offset-left] data-[x-position=center]:left-1/2 data-[x-position=center]:-translate-x-1/2`,`data-[y-position=top]:top-[--offset-top] data-[y-position=bottom]:bottom-[--offset-bottom]`],toast:[`group absolute w-full rounded-md bg-popover text-popover-foreground border border-transparent opacity-0 outline-none touch-none`,`data-[y-position=top]:top-0 data-[y-position=top]:[--y:translateY(-100%)]`,`data-[y-position=bottom]:[--lift:-1] data-[y-position=bottom]:bottom-0`,`data-[x-position=left]:start-0 data-[x-position=right]:end-0`],wrapper:`flex flex-col items-stretch`,content:``,title:`flex items-center font-semibold`,description:`text-muted-foreground`,icon:[`group-data-[type=info]:text-info group-data-[type=success]:text-success group-data-[type=warning]:text-warning group-data-[type=error]:text-destructive`],footer:`flex justify-end items-center`,action:``,cancel:``,close:`absolute group-data-[inverted=true]:text-accent group-data-[inverted=true]:hover:bg-accent/15`},variants:{size:{xs:{toaster:`w-80 text-2xs`,toast:`p-3`,wrapper:`gap-1`,title:`gap-1.25`,footer:`gap-1.25`,close:`top-1 end-1`},sm:{toaster:`w-85 text-xs`,toast:`p-3.5`,wrapper:`gap-1.25`,title:`gap-1.5`,footer:`gap-1.5`,close:`top-1.25 end-1.25`},md:{toaster:`w-90 text-sm`,toast:`p-4`,wrapper:`gap-1.5`,title:`gap-2`,footer:`gap-2`,close:`top-1.5 end-1.5`},lg:{toaster:`w-95 text-base`,toast:`p-4.5`,wrapper:`gap-1.75`,title:`gap-2.5`,footer:`gap-2.5`,close:`top-1.75 end-1.75`},xl:{toaster:`w-100 text-lg`,toast:`p-5`,wrapper:`gap-2`,title:`gap-3`,footer:`gap-3`,close:`top-2 end-2`},"2xl":{toaster:`w-110 text-xl`,toast:`p-6`,wrapper:`gap-2.5`,title:`gap-4`,footer:`gap-4`,close:`top-2.5 end-2.5`}}},defaultVariants:{size:`md`}});export{t as toastVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{toaster:[`fixed z-[--z-index] list-none outline-none transition-transform-400 ease`,`data-[x-position=right]:end-[--offset-right] data-[x-position=left]:start-[--offset-left] data-[x-position=center]:start-1/2 data-[x-position=center]:-translate-x-1/2 [&[dir=rtl]]:data-[x-position=center]:translate-x-1/2`,`data-[y-position=top]:top-[--offset-top] data-[y-position=bottom]:bottom-[--offset-bottom]`],toast:[`group absolute w-full rounded-md bg-popover text-popover-foreground border border-transparent opacity-0 outline-none touch-none`,`data-[y-position=top]:top-0 data-[y-position=top]:[--y:translateY(-100%)]`,`data-[y-position=bottom]:[--lift:-1] data-[y-position=bottom]:bottom-0`,`data-[x-position=left]:start-0 data-[x-position=right]:end-0`],wrapper:`flex flex-col items-stretch`,content:``,title:`flex items-center font-semibold`,description:`text-muted-foreground`,icon:[`group-data-[type=info]:text-info group-data-[type=success]:text-success group-data-[type=warning]:text-warning group-data-[type=error]:text-destructive`],footer:`flex justify-end items-center`,action:``,cancel:``,close:`absolute group-data-[inverted=true]:text-accent group-data-[inverted=true]:hover:bg-accent/15`},variants:{size:{xs:{toaster:`w-80 text-2xs`,toast:`p-3`,wrapper:`gap-1`,title:`gap-1.25`,footer:`gap-1.25`,close:`top-1 end-1`},sm:{toaster:`w-85 text-xs`,toast:`p-3.5`,wrapper:`gap-1.25`,title:`gap-1.5`,footer:`gap-1.5`,close:`top-1.25 end-1.25`},md:{toaster:`w-90 text-sm`,toast:`p-4`,wrapper:`gap-1.5`,title:`gap-2`,footer:`gap-2`,close:`top-1.5 end-1.5`},lg:{toaster:`w-95 text-base`,toast:`p-4.5`,wrapper:`gap-1.75`,title:`gap-2.5`,footer:`gap-2.5`,close:`top-1.75 end-1.75`},xl:{toaster:`w-100 text-lg`,toast:`p-5`,wrapper:`gap-2`,title:`gap-3`,footer:`gap-3`,close:`top-2 end-2`},"2xl":{toaster:`w-110 text-xl`,toast:`p-6`,wrapper:`gap-2.5`,title:`gap-4`,footer:`gap-4`,close:`top-2.5 end-2.5`}}},defaultVariants:{size:`md`}});export{t as toastVariants};

package/dist/components/toggle/toggle.js

@@ -1 +1 @@
-import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{toggleVariants 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,unref as u,withCtx as d}from"vue";import{useOmitProps as f}from"@soybeanjs/headless/composables";import{Toggle as p}from"@soybeanjs/headless/toggle";const m=i({name:`SToggle`,__name:`toggle`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},variant:{},shape:{},defaultValue:{type:Boolean},modelValue:{type:Boolean,default:void 0},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(i,{emit:m}){let h=i,g=m,_=f(h,[`class`,`color`,`variant`,`size`,`shape`]),v=n(()=>e(t({color:h.color,variant:h.variant,size:h.size,shape:h.shape}),h.class));return(e,t)=>(c(),r(u(p),o(u(_),{class:v.value,"onUpdate:modelValue":t[0]||=e=>g(`update:modelValue`,e)}),{default:d(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16,[`class`]))}});export{m as default};
+import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{toggleVariants 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,unref as u,withCtx as d}from"vue";import{useOmitProps as f}from"@soybeanjs/headless/composables";import{Toggle as p}from"@soybeanjs/headless/toggle";const m=i({name:`SToggle`,__name:`toggle`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},variant:{},shape:{},defaultValue:{type:Boolean},modelValue:{type:Boolean,default:void 0},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(i,{emit:m}){let h=i,g=m,_=f(h,[`class`,`color`,`variant`,`size`,`shape`]),v=n(()=>e(t({color:h.color,variant:h.variant,size:h.size,shape:h.shape}),h.class));return(e,t)=>(c(),r(u(p),o(u(_),{class:v.value,"onUpdate:modelValue":t[0]||=e=>g(`update:modelValue`,e)}),{default:d(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16,[`class`]))}});export{m as default};

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

@@ -1,5 +1,6 @@
 import { ToggleGroupVariant } from "./variants.js";
 import { ToggleGroupEmits, ToggleGroupProps } from "./types.js";
 import { _default } from "./toggle-group.vue.js";
-import { _default as _default$1 } from "./toggle-group-item.vue.js";
-export * from "@soybeanjs/headless/toggle-group";
+import { ToggleGroupItem as SToggleGroupItem } from "@soybeanjs/headless/toggle-group";
+export * from "@soybeanjs/headless/toggle-group";
+export { SToggleGroupItem };

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

@@ -1 +1 @@
-import"./toggle-group.js";import"./toggle-group-item.js";
+import"./toggle-group.js";import{ToggleGroupItem as e}from"@soybeanjs/headless/toggle-group";export{e as SToggleGroupItem};

package/dist/components/toggle-group/toggle-group.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{toggleGroupVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,toHandlers as c,unref as l,withCtx as u}from"vue";import{useForwardListeners as d,useOmitProps as f}from"@soybeanjs/headless/composables";import{ToggleGroupRoot as p,provideToggleGroupUi as m}from"@soybeanjs/headless/toggle-group";const h=i({name:`SToggleGroup`,__name:`toggle-group`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},variant:{},ui:{},rovingFocus:{type:Boolean},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(i,{emit:h}){let g=i,_=h,v=f(g,[`class`,`color`,`size`,`variant`,`ui`]),y=d(_);return m(n(()=>e(t({color:g.color,size:g.size,variant:g.variant,orientation:g.orientation}),g.ui,{root:g.class}))),(e,t)=>(o(),r(l(p),a(l(v),c(l(y))),{default:u(()=>[s(e.$slots,`default`)]),_:3},16))}});export{h as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{toggleGroupVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,toHandlers as c,unref as l,withCtx as u}from"vue";import{useForwardListeners as d,useOmitProps as f}from"@soybeanjs/headless/composables";import{ToggleGroupRoot as p,provideToggleGroupUi as m}from"@soybeanjs/headless/toggle-group";const h=i({name:`SToggleGroup`,__name:`toggle-group`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},variant:{},ui:{},rovingFocus:{type:Boolean},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(i,{emit:h}){let g=i,_=h,v=f(g,[`class`,`color`,`size`,`variant`,`ui`]),y=d(_);return m(n(()=>e(t({color:g.color,size:g.size,variant:g.variant,orientation:g.orientation}),g.ui,{root:g.class}))),(e,t)=>(o(),r(l(p),a(l(v),c(l(y))),{default:u(()=>[s(e.$slots,`default`)]),_:3},16))}});export{h as default};

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

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:[`w-fit [&>*]:relative focus-visible:[&>*]:z-2`,`[&>*:not(:first-child):not(:last-child)]:!rounded-none`,`[&>*:not(:first-child):not(:last-child)>*]:!rounded-none`,`data-[orientation=vertical]:items-stretch`],item:[`inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium transition-all-150`,`outline-none focus-visible:ring-3 focus-visible:ring-primary/30 focus-visible:ring-offset-background`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,`[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4`]},variants:{color:{primary:{item:`focus-visible:ring-primary/30`},destructive:{item:`focus-visible:ring-destructive/30`},success:{item:`focus-visible:ring-success/30`},warning:{item:`focus-visible:ring-warning/30`},info:{item:`focus-visible:ring-info/30`},carbon:{item:`focus-visible:ring-carbon/30`},secondary:{item:`focus-visible:ring-secondary-foreground/20`},accent:{item:`focus-visible:ring-accent-foreground/20`}},orientation:{horizontal:{root:[`inline-flex flex-row rtl:flex-row-reverse`,`[&>*:not(:last-child)]:border-r-0 [&>*:not(:last-child)>*]:border-r-0`,`focus-visible:[&>*]:border-r focus-visible:[&>*>*]:border-r`,`[&>*:first-child]:!rounded-r-none [&>*:first-child>*]:!rounded-r-none`,`[&>*:last-child]:!rounded-l-none [&>*:last-child>*]:!rounded-l-none`]},vertical:{root:[`flex flex-col`,`[&>*:not(:last-child)]:border-b-0 [&>*:not(:last-child)>*]:border-b-0`,`focus-visible:[&>*]:border-b focus-visible:[&>*>*]:border-b`,`[&>*:first-child]:!rounded-b-none [&>*:first-child>*]:!rounded-b-none`,`[&>*:last-child]:!rounded-t-none [&>*:last-child>*]:!rounded-t-none`]}},variant:{outline:{item:[`border border-border bg-background text-foreground`,`data-[state=off]:hover:bg-accent data-[state=on]:bg-accent data-[state=on]:text-accent-foreground`]},soft:{item:[`bg-accent text-foreground`,`data-[state=off]:hover:bg-accent`]},ghost:{item:[`bg-transparent text-foreground`,`data-[state=off]:hover:bg-accent`]}},size:{xs:{item:`h-6 gap-1 px-1.5 text-2xs`},sm:{item:`h-7 gap-2 px-2 text-xs`},md:{item:`h-8 gap-3 px-4 text-sm`},lg:{item:`h-9 gap-4 px-6 text-base`},xl:{item:`h-10 gap-5 px-8 text-lg`},"2xl":{item:`h-12 gap-6 px-10 text-xl`}}},compoundVariants:[{color:`primary`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-primary/20 data-[state=on]:text-primary`}},{color:`destructive`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-destructive/20 data-[state=on]:text-destructive`}},{color:`success`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-success/20 data-[state=on]:text-success`}},{color:`warning`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-warning/20 data-[state=on]:text-warning`}},{color:`info`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-info/20 data-[state=on]:text-info`}},{color:`carbon`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-carbon/20 data-[state=on]:text-carbon`}},{color:`secondary`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-secondary-foreground/10 data-[state=on]:text-secondary-foreground`}},{color:`accent`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-accent-foreground/10 data-[state=on]:text-accent-foreground`}}],defaultVariants:{color:`accent`,orientation:`horizontal`,variant:`ghost`,size:`md`}});export{t as toggleGroupVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:[`w-fit [&>*]:relative focus-visible:[&>*]:z-2`,`[&>*:not(:first-child):not(:last-child)]:!rounded-none`,`[&>*:not(:first-child):not(:last-child)>*]:!rounded-none`,`data-[orientation=vertical]:items-stretch`],item:[`inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium transition-all-150`,`outline-none focus-visible:ring-3 focus-visible:ring-primary/30 focus-visible:ring-offset-background`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,`[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4`]},variants:{color:{primary:{item:`focus-visible:ring-primary/30`},destructive:{item:`focus-visible:ring-destructive/30`},success:{item:`focus-visible:ring-success/30`},warning:{item:`focus-visible:ring-warning/30`},info:{item:`focus-visible:ring-info/30`},carbon:{item:`focus-visible:ring-carbon/30`},secondary:{item:`focus-visible:ring-secondary-foreground/20`},accent:{item:`focus-visible:ring-accent-foreground/20`}},orientation:{horizontal:{root:[`inline-flex flex-row rtl:flex-row-reverse`,`[&>*:not(:last-child)]:border-e-0 [&>*:not(:last-child)>*]:border-e-0`,`focus-visible:[&>*]:border-e focus-visible:[&>*>*]:border-e`,`[&>*:first-child]:!rounded-e-none [&>*:first-child>*]:!rounded-e-none`,`[&>*:last-child]:!rounded-s-none [&>*:last-child>*]:!rounded-s-none`]},vertical:{root:[`flex flex-col`,`[&>*:not(:last-child)]:border-b-0 [&>*:not(:last-child)>*]:border-b-0`,`focus-visible:[&>*]:border-b focus-visible:[&>*>*]:border-b`,`[&>*:first-child]:!rounded-b-none [&>*:first-child>*]:!rounded-b-none`,`[&>*:last-child]:!rounded-t-none [&>*:last-child>*]:!rounded-t-none`]}},variant:{outline:{item:[`border border-border bg-background text-foreground`,`data-[state=off]:hover:bg-accent data-[state=on]:bg-accent data-[state=on]:text-accent-foreground`]},soft:{item:[`bg-accent text-foreground`,`data-[state=off]:hover:bg-accent`]},ghost:{item:[`bg-transparent text-foreground`,`data-[state=off]:hover:bg-accent`]}},size:{xs:{item:`h-6 gap-1 px-1.5 text-2xs`},sm:{item:`h-7 gap-2 px-2 text-xs`},md:{item:`h-8 gap-3 px-4 text-sm`},lg:{item:`h-9 gap-4 px-6 text-base`},xl:{item:`h-10 gap-5 px-8 text-lg`},"2xl":{item:`h-12 gap-6 px-10 text-xl`}}},compoundVariants:[{color:`primary`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-primary/20 data-[state=on]:text-primary`}},{color:`destructive`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-destructive/20 data-[state=on]:text-destructive`}},{color:`success`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-success/20 data-[state=on]:text-success`}},{color:`warning`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-warning/20 data-[state=on]:text-warning`}},{color:`info`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-info/20 data-[state=on]:text-info`}},{color:`carbon`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-carbon/20 data-[state=on]:text-carbon`}},{color:`secondary`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-secondary-foreground/10 data-[state=on]:text-secondary-foreground`}},{color:`accent`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-accent-foreground/10 data-[state=on]:text-accent-foreground`}}],defaultVariants:{color:`accent`,orientation:`horizontal`,variant:`ghost`,size:`md`}});export{t as toggleGroupVariants};

package/dist/components/toolbar/toolbar.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{toolbarVariants 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{ToolbarRoot as f,provideToolbarUi as p}from"@soybeanjs/headless/toolbar";const m=i({name:`SToolbar`,__name:`toolbar`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},orientation:{},dir:{},loop:{type:Boolean},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};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{toolbarVariants 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{ToolbarRoot as f,provideToolbarUi as p}from"@soybeanjs/headless/toolbar";const m=i({name:`SToolbar`,__name:`toolbar`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},orientation:{},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let m=i,h=d(m,[`class`,`size`,`ui`]);return p(n(()=>e(t({size:m.size}),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/toolbar/types.d.ts

@@ -1,3 +1,4 @@
+import { ThemeSize } from "../../theme/types.js";
 import { ToolbarRootProps, ToolbarUi } from "@soybeanjs/headless/toolbar";
 import { ClassValue } from "@soybeanjs/headless/types";
 
@@ -10,6 +11,10 @@ interface ToolbarProps extends ToolbarRootProps {
    * Additional class names applied to the root element.
    */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
+  size?: ThemeSize;
   /**
    * Per-slot class overrides for the component.
    */

package/dist/components/toolbar/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=[`inline-flex h-7 min-w-7 items-center justify-center gap-1 rounded-sm px-2 text-sm font-medium transition-colors`,`outline-none hover:bg-accent hover:text-accent-foreground`,`focus-visible:ring-3 focus-visible:ring-primary/30`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,`aria-disabled:pointer-events-none aria-disabled:opacity-50`,`[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4`],n=e({slots:{root:[`inline-flex items-center gap-1 rounded-md border border-border bg-background p-1 shadow-xs`,`data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-fit data-[orientation=vertical]:flex-col`,`data-[orientation=horizontal]:h-9`],button:t,link:[...t,`select-none no-underline`],separator:[`shrink-0 bg-border data-[orientation=vertical]:mx-1 data-[orientation=vertical]:h-4 data-[orientation=vertical]:w-px`,`data-[orientation=horizontal]:my-1 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full`],toggleGroup:`inline-flex items-center gap-1 data-[orientation=vertical]:flex-col`,toggleItem:[...t,`data-[state=on]:bg-accent data-[state=on]:text-accent-foreground`]}});export{n as toolbarVariants};
+import{tv as e}from"tailwind-variants";const t=[`inline-flex items-center justify-center rounded-sm font-medium transition-colors`,`outline-none hover:bg-accent hover:text-accent-foreground`,`focus-visible:ring-3 focus-visible:ring-primary/30`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,`aria-disabled:pointer-events-none aria-disabled:opacity-50`,`[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4`],n=e({slots:{root:[`inline-flex items-center rounded-md border border-border bg-background shadow-xs`,`data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-fit data-[orientation=vertical]:flex-col`],button:t,link:[...t,`select-none no-underline`],linkIcon:`shrink-0 self-start text-muted-foreground rtl:rotate-270`,separator:[`shrink-0 bg-border data-[orientation=vertical]:w-px`,`data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full`],toggleGroup:`inline-flex items-center data-[orientation=vertical]:flex-col`,toggleItem:[...t,`data-[state=on]:bg-accent data-[state=on]:text-accent-foreground`]},variants:{size:{xs:{root:`gap-0.5 p-0.5 data-[orientation=horizontal]:h-6`,button:`h-5 min-w-5 gap-1 px-1 text-2xs`,link:`h-5 min-w-5 gap-1 px-1 text-2xs`,linkIcon:`size-2 -ms-1`,separator:`data-[orientation=vertical]:mx-0.5 data-[orientation=vertical]:h-3 data-[orientation=horizontal]:my-0.5`,toggleGroup:`gap-0.5`,toggleItem:`h-5 min-w-5 gap-1 px-1 text-2xs`},sm:{root:`gap-0.5 p-0.5 data-[orientation=horizontal]:h-7`,button:`h-6 min-w-6 gap-1 px-1.5 text-xs`,link:`h-6 min-w-6 gap-1 px-1.5 text-xs`,linkIcon:`size-2.5 -ms-1.5`,separator:`data-[orientation=vertical]:mx-0.5 data-[orientation=vertical]:h-4 data-[orientation=horizontal]:my-0.5`,toggleGroup:`gap-0.5`,toggleItem:`h-6 min-w-6 gap-1 px-1.5 text-xs`},md:{root:`gap-1 p-1 data-[orientation=horizontal]:h-9`,button:`h-7 min-w-7 gap-1 px-2 text-sm`,link:`h-7 min-w-7 gap-1 px-2 text-sm`,linkIcon:`size-3 -ms-2`,separator:`data-[orientation=vertical]:mx-1 data-[orientation=vertical]:h-4 data-[orientation=horizontal]:my-1`,toggleGroup:`gap-1`,toggleItem:`h-7 min-w-7 gap-1 px-2 text-sm`},lg:{root:`gap-1 p-1 data-[orientation=horizontal]:h-10`,button:`h-8 min-w-8 gap-2 px-2.5 text-base`,link:`h-8 min-w-8 gap-2 px-2.5 text-base`,linkIcon:`size-3.5 -ms-2.5`,separator:`data-[orientation=vertical]:mx-1 data-[orientation=vertical]:h-5 data-[orientation=horizontal]:my-1`,toggleGroup:`gap-1`,toggleItem:`h-8 min-w-8 gap-2 px-2.5 text-base`},xl:{root:`gap-1.5 p-1.5 data-[orientation=horizontal]:h-12`,button:`h-9 min-w-9 gap-2.5 px-3 text-lg`,link:`h-9 min-w-9 gap-2.5 px-3 text-lg`,linkIcon:`size-4 -ms-3`,separator:`data-[orientation=vertical]:mx-1.5 data-[orientation=vertical]:h-6 data-[orientation=horizontal]:my-1.5`,toggleGroup:`gap-1.5`,toggleItem:`h-9 min-w-9 gap-2.5 px-3 text-lg`},"2xl":{root:`gap-2 p-2 data-[orientation=horizontal]:h-14`,button:`h-10 min-w-10 gap-3 px-3.5 text-xl`,link:`h-10 min-w-10 gap-3 px-3.5 text-xl`,linkIcon:`size-4.5 -ms-3.5`,separator:`data-[orientation=vertical]:mx-2 data-[orientation=vertical]:h-7 data-[orientation=horizontal]:my-2`,toggleGroup:`gap-2`,toggleItem:`h-10 min-w-10 gap-3 px-3.5 text-xl`}}},defaultVariants:{size:`md`}});export{n as toolbarVariants};

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

@@ -1,3 +1,3 @@
-import { TooltipEmits, TooltipProps } from "./types.js";
+import { TooltipEmits, TooltipProps, TooltipSlots } from "./types.js";
 import { _default } from "./tooltip.vue.js";
 export * from "@soybeanjs/headless/tooltip";

package/dist/components/tooltip/tooltip.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{tooltipVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createTextVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toDisplayString as p,toHandlers as m,unref as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v}from"@soybeanjs/headless/composables";import{TooltipArrow as y,TooltipPopup as b,TooltipPortal as x,TooltipPositioner as S,TooltipRoot as C,TooltipTrigger as w,provideTooltipUi as T}from"@soybeanjs/headless/tooltip";const E=s({name:`STooltip`,__name:`tooltip`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},content:{},placement:{},showArrow:{type:Boolean,default:!0},popupProps:{},positionerProps:{},triggerProps:{},portalProps:{},arrowProps:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},delayDuration:{},skipDelayDuration:{},disableHoverableContent:{type:Boolean},disableClosingTrigger:{type:Boolean},disabled:{type:Boolean},ignoreNonKeyboardFocus:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`],setup(s,{emit:E}){let D=s,O=E,k=v(D,[`class`,`size`,`ui`,`content`,`showArrow`,`popupProps`,`positionerProps`,`triggerProps`,`portalProps`,`arrowProps`]),A=_(O),j=n(()=>e(t({size:D.size}),D.ui,{popup:D.class})),M=n(()=>({placement:D.placement,...D.positionerProps}));return T(j),(e,t)=>(d(),r(h(C),l(h(k),{"onUpdate:open":t[0]||=e=>O(`update:open`,e)}),{default:g(()=>[o(h(w),l(s.triggerProps,{"as-child":``}),{default:g(()=>[f(e.$slots,`trigger`)]),_:3},16),o(h(x),u(c(s.portalProps)),{default:g(()=>[o(h(S),l(M.value,m(h(A))),{default:g(()=>[o(h(b),u(c(s.popupProps)),{default:g(()=>[f(e.$slots,`default`,{},()=>[a(p(s.content),1)]),s.showArrow?(d(),r(h(y),u(l({key:0},s.arrowProps)),null,16)):i(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16))}});export{E as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{tooltipVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,toHandlers as c,unref as l,withCtx as u}from"vue";import{useForwardListeners as d,useOmitProps as f}from"@soybeanjs/headless/composables";import{TooltipCompact as p,provideTooltipUi as m}from"@soybeanjs/headless/tooltip";const h=i({name:`STooltip`,__name:`tooltip`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},content:{},placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},delayDuration:{},skipDelayDuration:{},disableHoverableContent:{type:Boolean},disableClosingTrigger:{type:Boolean},disabled:{type:Boolean},ignoreNonKeyboardFocus:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`],setup(i,{emit:h}){let g=i,_=h,v=f(g,[`class`,`size`,`ui`]),y=d(_);return m(n(()=>e(t({size:g.size}),g.ui,{popup:g.class}))),(e,t)=>(o(),r(l(p),a(l(v),c(l(y))),{trigger:u(()=>[s(e.$slots,`trigger`)]),default:u(()=>[s(e.$slots,`default`)]),_:3},16))}});export{h as default};

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

@@ -1,14 +1,9 @@
-import { TooltipProps } from "./types.js";
+import { TooltipProps, TooltipSlots } from "./types.js";
 import * as _$vue from "vue";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/tooltip/tooltip.vue.d.ts
-declare var __VLS_16: {}, __VLS_36: {};
-type __VLS_Slots = {} & {
-  trigger?: (props: typeof __VLS_16) => any;
-} & {
-  default?: (props: typeof __VLS_36) => any;
-};
+type __VLS_Slots = TooltipSlots;
 declare const __VLS_base: _$vue.DefineComponent<TooltipProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;