@soybeanjs/ui 0.18.0 → 0.19.0

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

@@ -1,55 +1,40 @@
 import { ColorPickerProps } from "./types.js";
 import * as _$vue from "vue";
-import * as _$_soybeanjs_headless_shared0 from "@soybeanjs/headless/shared";
-import { ColorFormat, ColorSpace, ColorValue } from "@soybeanjs/headless/shared";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
-import * as _$_soybeanjs_colord0 from "@soybeanjs/colord";
+import * as _$_soybeanjs_headless_types0 from "@soybeanjs/headless/types";
 
 //#region src/components/color-picker/color-picker.vue.d.ts
-declare var __VLS_11: {
-  color: _$_soybeanjs_colord0.AnyColor;
-  hex: string;
-  value: string;
-  format: ColorFormat;
-};
-type __VLS_Slots = {} & {
-  trigger?: (props: typeof __VLS_11) => any;
-};
-declare const __VLS_base: _$vue.DefineComponent<ColorPickerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+declare const __VLS_export: _$vue.DefineComponent<ColorPickerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
-  "update:modelValue": (value: string) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _$_soybeanjs_headless0.FocusOutsideEvent) => any;
+  interactOutside: (event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any;
+  openAutoFocus: (event: Event) => any;
+  closeAutoFocus: (event: Event) => any;
   change: (value: string) => any;
-  "update:color": (value: _$_soybeanjs_headless_shared0.NormalizedColor) => any;
-  "update:format": (value: ColorFormat) => any;
+  "update:modelValue": (value: string) => any;
+  "update:color": (value: _$_soybeanjs_headless_types0.NormalizedColor) => any;
+  "update:format": (value: _$_soybeanjs_headless_types0.ColorFormat) => any;
 }, string, _$vue.PublicProps, Readonly<ColorPickerProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _$_soybeanjs_headless0.PointerDownOutsideEvent | _$_soybeanjs_headless0.FocusOutsideEvent) => any) | undefined;
+  onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
-  "onUpdate:color"?: ((value: _$_soybeanjs_headless_shared0.NormalizedColor) => any) | undefined;
-  "onUpdate:format"?: ((value: ColorFormat) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  "onUpdate:color"?: ((value: _$_soybeanjs_headless_types0.NormalizedColor) => any) | undefined;
+  "onUpdate:format"?: ((value: _$_soybeanjs_headless_types0.ColorFormat) => any) | undefined;
 }>, {
-  disabled: boolean;
   open: boolean;
-  defaultOpen: boolean;
-  modal: boolean;
-  defaultValue: string | ColorValue;
-  modelValue: string | ColorValue;
-  colorSpace: ColorSpace;
-  format: ColorFormat;
-  placement: _$_soybeanjs_headless0.Placement;
-  showArrow: boolean;
-  defaultFormat: ColorFormat;
   showAlpha: boolean;
   showFields: boolean;
   showSwatches: boolean;
-  swatches: string[];
+  showArrow: boolean;
 }, {}, {}, {}, 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/color-picker/index.d.ts

@@ -1,3 +1,3 @@
-import { ColorPickerEmits, ColorPickerProps, ColorPickerUi, ColorPickerUiSlot } from "./types.js";
+import { ColorPickerEmits, ColorPickerProps } from "./types.js";
 import { _default } from "./color-picker.vue.js";
 export * from "@soybeanjs/headless/color-picker";

package/dist/components/color-picker/types.d.ts

@@ -1,29 +1,14 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ButtonProps } from "../button/types.js";
-import { ColorAreaProps } from "../color-area/types.js";
-import { ColorFieldProps } from "../color-field/types.js";
-import { ColorSliderProps } from "../color-slider/types.js";
-import { ColorSwatchProps } from "../color-swatch/types.js";
-import { ColorSwatchPickerProps } from "../color-swatch-picker/types.js";
-import { PopoverProps } from "../popover/types.js";
-import { ColorFormat, ColorSpace, ColorValue, NormalizedColor } from "@soybeanjs/headless/shared";
-import { ClassValue, UiClass } from "@soybeanjs/headless/types";
+import { ColorPickerCompactEmits, ColorPickerCompactProps, ColorPickerUi } from "@soybeanjs/headless/color-picker";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/color-picker/types.d.ts
-/**
- * Available UI slots for the ColorPicker component.
- */
-type ColorPickerUiSlot = 'popup' | 'content' | 'trigger' | 'triggerSwatch' | 'triggerValue' | 'formatSelect' | 'area' | 'slider' | 'alphaRow' | 'alphaSwatch' | 'fields' | 'hexField' | 'field' | 'alphaField' | 'swatches';
-/**
- * UI class overrides for the ColorPicker component.
- */
-type ColorPickerUi = UiClass<ColorPickerUiSlot>;
 /**
  * Properties for the ColorPicker component.
  */
-interface ColorPickerProps extends Pick<PopoverProps, 'open' | 'defaultOpen' | 'modal' | 'placement' | 'showArrow' | 'positionerProps' | 'popupProps' | 'triggerProps' | 'closeProps' | 'portalProps' | 'arrowProps'> {
+interface ColorPickerProps extends ColorPickerCompactProps {
   /**
-   * Additional class names applied to the root element.
+   * Additional class names applied to the trigger element.
    */
   class?: ClassValue;
   /**
@@ -34,107 +19,10 @@ interface ColorPickerProps extends Pick<PopoverProps, 'open' | 'defaultOpen' | '
    * Per-slot class overrides for the component.
    */
   ui?: Partial<ColorPickerUi>;
-  /**
-   * Current model value.
-   */
-  modelValue?: string | ColorValue;
-  /**
-   * Default value.
-   */
-  defaultValue?: string | ColorValue;
-  /**
-   * Format.
-   */
-  format?: ColorFormat;
-  /**
-   * Default format.
-   */
-  defaultFormat?: ColorFormat;
-  /**
-   * Whether the component is disabled.
-   */
-  disabled?: boolean;
-  /**
-   * Color space.
-   */
-  colorSpace?: ColorSpace;
-  /**
-   * Whether to show an alpha.
-   */
-  showAlpha?: boolean;
-  /**
-   * Whether to show a fields.
-   */
-  showFields?: boolean;
-  /**
-   * Whether to show a swatches.
-   */
-  showSwatches?: boolean;
-  /**
-   * Swatches.
-   */
-  swatches?: string[];
-  /**
-   * Properties forwarded to the trigger button element.
-   */
-  triggerButtonProps?: ButtonProps;
-  /**
-   * Properties forwarded to the area element.
-   */
-  areaProps?: Omit<ColorAreaProps, 'modelValue' | 'defaultValue' | 'disabled' | 'colorSpace' | 'format' | 'xChannel' | 'yChannel' | 'onChange' | 'onChangeEnd'>;
-  /**
-   * Properties forwarded to the hue slider element.
-   */
-  hueSliderProps?: Omit<ColorSliderProps, 'modelValue' | 'defaultValue' | 'channel' | 'colorSpace' | 'disabled' | 'format' | 'onChange' | 'onChangeEnd'>;
-  /**
-   * Properties forwarded to the alpha slider element.
-   */
-  alphaSliderProps?: Omit<ColorSliderProps, 'modelValue' | 'defaultValue' | 'channel' | 'colorSpace' | 'disabled' | 'format' | 'onChange' | 'onChangeEnd'>;
-  /**
-   * Properties forwarded to the alpha field element.
-   */
-  alphaFieldProps?: Omit<ColorFieldProps, 'modelValue' | 'defaultValue' | 'disabled' | 'channel' | 'colorSpace' | 'format'>;
-  /**
-   * Properties forwarded to the hex field element.
-   */
-  hexFieldProps?: Omit<ColorFieldProps, 'modelValue' | 'defaultValue' | 'disabled' | 'channel' | 'colorSpace' | 'format'>;
-  /**
-   * Properties forwarded to the field element.
-   */
-  fieldProps?: Omit<ColorFieldProps, 'modelValue' | 'defaultValue' | 'disabled' | 'channel' | 'colorSpace' | 'format'>;
-  /**
-   * Properties forwarded to the swatch picker element.
-   */
-  swatchPickerProps?: Omit<ColorSwatchPickerProps, 'modelValue' | 'defaultValue' | 'colors' | 'disabled'>;
-  /**
-   * Properties forwarded to the swatch element.
-   */
-  swatchProps?: Omit<ColorSwatchProps, 'class' | 'color' | 'size'>;
 }
 /**
  * Events for the ColorPicker component.
  */
-type ColorPickerEmits = {
-  /**
-   * Emitted when the model value changes.
-   */
-  'update:modelValue': [value: string];
-  /**
-   * Emitted when the color value changes.
-   */
-  'update:color': [value: NormalizedColor];
-  /**
-   * Emitted when the format value changes.
-   */
-  'update:format': [value: ColorFormat];
-  /**
-   * Emitted when the open state changes.
-   */
-  'update:open': [value: boolean];
-  /**
-   * Emitted when change occurs.
-   */
-  change: [value: string];
-};
+type ColorPickerEmits = ColorPickerCompactEmits;
 //#endregion
-export { ColorPickerEmits, ColorPickerProps, ColorPickerUi, ColorPickerUiSlot };
+export { ColorPickerEmits, ColorPickerProps };

package/dist/components/color-picker/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{popup:``,content:`flex flex-col`,triggerButton:``,triggerSwatch:`shrink-0`,triggerValue:`min-w-0 flex-1 truncate text-left font-mono text-xs`,segment:``,area:`w-full`,sliderSwatch:`flex items-center`,sliderRoot:`flex-1`,swatch:`shrink-0`,fields:`flex items-center`,field:`min-w-0 flex-1 truncate`,alphaField:`shrink-0`,swatches:``},variants:{size:{xs:{popup:`p-1.5`,content:`w-45 gap-1.5`,area:`h-30`,sliderSwatch:`gap-1.5`,fields:`gap-1.5`,alphaField:`w-12`},sm:{popup:`p-1.75`,content:`w-52.5 gap-1.75`,area:`h-35`,sliderSwatch:`gap-1.75`,fields:`gap-1.75`,alphaField:`w-15`},md:{popup:`p-2`,content:`w-60 gap-2`,area:`h-40`,sliderSwatch:`gap-2`,fields:`gap-2`,alphaField:`w-16`},lg:{popup:`p-2.5`,content:`w-63.75 gap-2.5`,area:`h-42.5`,sliderSwatch:`gap-2.5`,fields:`gap-2.5`,alphaField:`w-18`},xl:{popup:`p-3`,content:`w-67.5 gap-3`,area:`h-45`,sliderSwatch:`gap-3`,fields:`gap-3`,alphaField:`w-20`},"2xl":{popup:`p-4`,content:`w-80 gap-4`,area:`h-50`,sliderSwatch:`gap-4`,fields:`gap-4`,alphaField:`w-25`}}},defaultVariants:{size:`md`}});export{t as colorPickerVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{popup:``,content:`flex flex-col`,trigger:``,triggerSwatch:``,triggerValue:`min-w-0 flex-1 truncate text-left font-mono text-xs`,segment:``,area:``,sliderSwatch:`flex items-center`,sliderRoot:`flex-1`,swatch:``,fields:`grid grid-cols-[2fr_1fr]`,field:``,alphaField:``,swatchPicker:``},variants:{size:{xs:{popup:`p-1.5`,content:`w-45 gap-1.5`,area:`h-30`,sliderSwatch:`gap-1.5`,fields:`gap-1.5`,alphaField:`w-12`},sm:{popup:`p-1.75`,content:`w-52.5 gap-1.75`,area:`h-35`,sliderSwatch:`gap-1.75`,fields:`gap-1.75`,alphaField:`w-15`},md:{popup:`p-2`,content:`w-60 gap-2`,area:`h-40`,sliderSwatch:`gap-2`,fields:`gap-2`,alphaField:`w-16`},lg:{popup:`p-2.5`,content:`w-63.75 gap-2.5`,area:`h-42.5`,sliderSwatch:`gap-2.5`,fields:`gap-2.5`,alphaField:`w-18`},xl:{popup:`p-3`,content:`w-67.5 gap-3`,area:`h-45`,sliderSwatch:`gap-3`,fields:`gap-3`,alphaField:`w-20`},"2xl":{popup:`p-4`,content:`w-80 gap-4`,area:`h-50`,sliderSwatch:`gap-4`,fields:`gap-4`,alphaField:`w-25`}}},defaultVariants:{size:`md`}});export{t as colorPickerVariants};

package/dist/components/color-slider/color-slider.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{sliderVariants as t}from"../slider/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,toHandlers as u,unref as d,withCtx as f}from"vue";import{useForwardListeners as p,useOmitProps as m}from"@soybeanjs/headless/composables";import{ColorSliderRoot as h,ColorSliderThumb as g,ColorSliderTrack as _,provideColorSliderUi as v}from"@soybeanjs/headless/color-slider";const y=a({name:`SColorSlider`,__name:`color-slider`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{default:`accent`},size:{default:`md`},ui:{},trackProps:{},thumbProps:{},modelValue:{},defaultValue:{},colorSpace:{},channel:{},format:{},orientation:{},dir:{},inverted:{type:Boolean},disabled:{type:Boolean},step:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:color`,`change`,`changeEnd`],setup(a,{emit:y}){let b=a,x=p(y),S=m(b,[`class`,`size`,`ui`,`trackProps`,`thumbProps`,`onChange`]);return v(n(()=>e(t({color:b.color,size:b.size}),b.ui,{root:b.class}))),(e,t)=>(l(),r(d(h),s(d(S),u(d(x))),{default:f(()=>[i(d(_),c(o(a.trackProps)),null,16),i(d(g),c(o(a.thumbProps)),null,16)]),_:1},16))}});export{y as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{sliderVariants as t}from"../slider/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{ColorSliderCompact as d,provideColorSliderUi as f}from"@soybeanjs/headless/color-slider";const p=i({name:`SColorSlider`,__name:`color-slider`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{default:`accent`},size:{default:`md`},ui:{},trackProps:{},thumbProps:{},modelValue:{},defaultValue:{},colorSpace:{},channel:{},format:{},orientation:{},dir:{},inverted:{type:Boolean},disabled:{type:Boolean},step:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:color`,`change`,`changeEnd`],setup(i,{emit:p}){let m=i,h=l(p),g=u(m,[`class`,`size`,`ui`]);return f(n(()=>e(t({color:m.color,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/color-slider/color-slider.vue.d.ts

@@ -1,18 +1,18 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
 import { ColorSliderProps } from "./types.js";
 import * as _$vue from "vue";
-import * as _$_soybeanjs_headless_shared0 from "@soybeanjs/headless/shared";
+import * as _$_soybeanjs_headless_types0 from "@soybeanjs/headless/types";
 
 //#region src/components/color-slider/color-slider.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<ColorSliderProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
   change: (value: string) => any;
-  "update:color": (value: _$_soybeanjs_headless_shared0.NormalizedColor) => any;
+  "update:modelValue": (value: string) => any;
+  "update:color": (value: _$_soybeanjs_headless_types0.NormalizedColor) => any;
   changeEnd: (value: string) => any;
 }, string, _$vue.PublicProps, Readonly<ColorSliderProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
-  "onUpdate:color"?: ((value: _$_soybeanjs_headless_shared0.NormalizedColor) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  "onUpdate:color"?: ((value: _$_soybeanjs_headless_types0.NormalizedColor) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {
   color: ThemeColor;

package/dist/components/color-slider/types.d.ts

@@ -1,12 +1,12 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
-import { ColorSliderRootEmits, ColorSliderRootProps, ColorSliderThumbProps, ColorSliderTrackProps, ColorSliderUi } from "@soybeanjs/headless/color-slider";
+import { ColorSliderCompactEmits, ColorSliderCompactProps, ColorSliderUi } from "@soybeanjs/headless/color-slider";
 import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/color-slider/types.d.ts
 /**
  * Properties for the ColorSlider component.
  */
-interface ColorSliderProps extends ColorSliderRootProps {
+interface ColorSliderProps extends ColorSliderCompactProps {
   /**
    * Additional class names applied to the root element.
    */
@@ -23,18 +23,10 @@ interface ColorSliderProps extends ColorSliderRootProps {
    * Per-slot class overrides for the component.
    */
   ui?: Partial<ColorSliderUi>;
-  /**
-   * Properties forwarded to the track element.
-   */
-  trackProps?: ColorSliderTrackProps;
-  /**
-   * Properties forwarded to the thumb element.
-   */
-  thumbProps?: ColorSliderThumbProps;
 }
 /**
  * Events for the ColorSlider component.
  */
-type ColorSliderEmits = ColorSliderRootEmits;
+type ColorSliderEmits = ColorSliderCompactEmits;
 //#endregion
 export { ColorSliderEmits, ColorSliderProps };

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

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{colorSwatchVariants as t}from"./variants.js";import{computed as n,createBlock as r,createElementVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";import{ColorSwatch as d}from"@soybeanjs/headless/color-swatch";const f=a({name:`SColorSwatch`,__name:`color-swatch`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},shape:{},color:{},label:{},asChild:{type:Boolean},as:{}},setup(a){let f=a,p=n(()=>e(t({size:f.size,shape:f.shape}),f.ui,{root:f.class}));return(e,t)=>(s(),r(l(d),{as:a.as,"as-child":a.asChild,class:o(p.value.root),color:a.color,label:a.label},{default:u(()=>[i(`span`,{class:o(p.value.checker)},null,2),i(`span`,{class:o(p.value.fill)},null,2),c(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`color`,`label`]))}});export{f as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{colorSwatchVariants 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{ColorSwatchCompact as f,provideColorSwatchUi as p}from"@soybeanjs/headless/color-swatch";const m=i({name:`SColorSwatch`,__name:`color-swatch`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},shape:{},checkerProps:{},fillProps:{},color:{},label:{},asChild:{type:Boolean},as:{}},setup(i){let m=i,h=d(m,[`class`,`ui`,`size`,`shape`]);return p(n(()=>e(t({size:m.size,shape:m.shape}),m.ui,{root:m.class}))),(e,t)=>(s(),r(l(f),o(a(l(h))),{default:u(t=>[c(e.$slots,`default`,o(a(t)))]),_:3},16))}});export{m as default};

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

@@ -1,11 +1,8 @@
-import { ColorSwatchProps } from "./types.js";
+import { ColorSwatchProps, ColorSwatchSlots } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/color-swatch/color-swatch.vue.d.ts
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_8) => any;
-};
+type __VLS_Slots = ColorSwatchSlots;
 declare const __VLS_base: _$vue.DefineComponent<ColorSwatchProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ColorSwatchProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/color-swatch/index.d.ts

@@ -1,3 +1,4 @@
 import { ColorSwatchShape } from "./variants.js";
-import { ColorExtraUiSlot, ColorSwatchExtendedUi, ColorSwatchProps } from "./types.js";
-import { _default } from "./color-swatch.vue.js";
+import { ColorSwatchProps, ColorSwatchSlots } from "./types.js";
+import { _default } from "./color-swatch.vue.js";
+export * from "@soybeanjs/headless/color-swatch";

package/dist/components/color-swatch/types.d.ts

@@ -1,21 +1,13 @@
 import { ThemeSize } from "../../theme/types.js";
 import { ColorSwatchShape } from "./variants.js";
-import { ColorSwatchProps } from "@soybeanjs/headless/color-swatch";
-import { ClassValue, UiClass } from "@soybeanjs/headless/types";
+import { ColorSwatchCompactProps, ColorSwatchCompactSlots, ColorSwatchUi } from "@soybeanjs/headless/color-swatch";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/color-swatch/types.d.ts
-/**
- * Additional UI slots for the color swatch component.
- */
-type ColorExtraUiSlot = 'checker' | 'fill';
-/**
- * Extended UI class overrides for the ColorSwatch component.
- */
-type ColorSwatchExtendedUi = UiClass<ColorExtraUiSlot>;
 /**
  * Properties for the ColorSwatch component.
  */
-interface ColorSwatchProps$1 extends ColorSwatchProps {
+interface ColorSwatchProps extends ColorSwatchCompactProps {
   /**
    * Additional class names applied to the root element.
    */
@@ -27,11 +19,15 @@ interface ColorSwatchProps$1 extends ColorSwatchProps {
   /**
    * Per-slot class overrides for the component.
    */
-  ui?: Partial<ColorSwatchExtendedUi>;
+  ui?: Partial<ColorSwatchUi>;
   /**
    * Shape of the component.
    */
   shape?: ColorSwatchShape;
 }
+/**
+ * Slots for the ColorSwatch component.
+ */
+type ColorSwatchSlots = ColorSwatchCompactSlots;
 //#endregion
-export { ColorExtraUiSlot, ColorSwatchExtendedUi, ColorSwatchProps$1 as ColorSwatchProps };
+export { ColorSwatchProps, ColorSwatchSlots };

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

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{colorSwatchPickerVariants as n}from"./variants.js";import{Fragment as r,computed as i,createBlock as a,createElementBlock as o,createElementVNode as s,createVNode as c,defineComponent as l,mergeProps as u,normalizeClass as d,openBlock as f,renderList as p,renderSlot as m,toHandlers as h,unref as g,withCtx as _}from"vue";import{useForwardListeners as v,useOmitProps as y}from"@soybeanjs/headless/composables";import{ColorSwatchPickerItem as b,ColorSwatchPickerItemIndicator as x,ColorSwatchPickerItemSwatch as S,ColorSwatchPickerRoot as C,provideColorSwatchPickerUi as w}from"@soybeanjs/headless/color-swatch-picker";const T=l({name:`SColorSwatchPicker`,__name:`color-swatch-picker`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},colors:{},shape:{default:`square`},itemProps:{},indicatorProps:{},swatchProps:{},asChild:{type:Boolean},as:{},orientation:{},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`],setup(l,{emit:T}){let E=l,D=v(T),O=y(E,[`class`,`size`,`ui`,`colors`,`shape`,`itemProps`,`indicatorProps`,`swatchProps`]),k=i(()=>e(n({size:E.size,shape:E.shape}),E.ui,{root:E.class}));return w(k),(e,n)=>(f(),a(g(C),u(g(O),h(g(D))),{default:_(()=>[l.colors?.length?(f(!0),o(r,{key:0},p(l.colors,n=>(f(),a(g(b),u({key:n,value:n},{ref_for:!0},l.itemProps),{default:_(()=>[c(g(S),u({ref_for:!0},l.swatchProps),{default:_(()=>[s(`span`,{class:d(k.value.checker)},null,2),s(`span`,{class:d(k.value.fill)},null,2)]),_:1},16),c(g(x),u({ref_for:!0},l.indicatorProps),{default:_(()=>[m(e.$slots,`indicator`,{color:n},()=>[c(t,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`]))),128)):m(e.$slots,`default`,{key:1})]),_:3},16))}});export{T as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{colorSwatchVariants as t}from"../color-swatch/variants.js";import{colorSwatchPickerVariants as n}from"./variants.js";import{computed as r,createBlock as i,createSlots as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,toHandlers as f,unref as p,useSlots as m,withCtx as h}from"vue";import{useForwardListeners as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{ColorSwatchPickerCompact as v,provideColorSwatchPickerUi as y}from"@soybeanjs/headless/color-swatch-picker";const b=o({name:`SColorSwatchPicker`,__name:`color-swatch-picker`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},shape:{default:`square`},colors:{},itemProps:{},indicatorProps:{},swatchProps:{},orientation:{},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`],setup(o,{emit:b}){let x=o,S=b,C=m(),w=g(S),T=_(x,[`class`,`size`,`ui`,`shape`]);return y(r(()=>e(Object.assign(n({size:x.size,shape:x.shape}),{$alias:{variants:t({size:x.size}),map:{root:`swatchRoot`,checker:`swatchChecker`,fill:`swatchFill`}}}),x.ui,{root:x.class}))),(e,t)=>(u(),i(p(v),c(p(T),f(p(w))),a({_:2},[C.indicator?{name:`indicator`,fn:h(t=>[d(e.$slots,`indicator`,l(s(t)))]),key:`0`}:void 0,C.default?{name:`default`,fn:h(t=>[d(e.$slots,`default`,l(s(t)))]),key:`1`}:void 0]),1040))}});export{b as default};

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

@@ -5,13 +5,13 @@ import * as _$_soybeanjs_headless_composables0 from "@soybeanjs/headless/composa
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/color-swatch-picker/color-swatch-picker.vue.d.ts
-declare var __VLS_26: {
+type __VLS_Slots = {
+  default?: (props: {
+    modelValue: string | string[];
+  }) => any;
+  indicator?: (props: {
     color: string;
-  }, __VLS_33: {};
-type __VLS_Slots = {} & {
-  indicator?: (props: typeof __VLS_26) => any;
-} & {
-  default?: (props: typeof __VLS_33) => any;
+  }) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ColorSwatchPickerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   select: (event: _$_soybeanjs_headless0.SelectEvent<string>) => any;

package/dist/components/color-swatch-picker/types.d.ts

@@ -1,6 +1,6 @@
 import { ThemeSize } from "../../theme/types.js";
 import { ColorSwatchPickerShape } from "./variants.js";
-import { ColorSwatchPickerItemEmits, ColorSwatchPickerItemIndicatorProps, ColorSwatchPickerItemProps, ColorSwatchPickerItemSwatchProps, ColorSwatchPickerRootEmits, ColorSwatchPickerRootProps, ColorSwatchPickerUiSlot } from "@soybeanjs/headless/color-swatch-picker";
+import { ColorSwatchPickerCompactEmits, ColorSwatchPickerCompactProps, ColorSwatchPickerUiSlot } from "@soybeanjs/headless/color-swatch-picker";
 import { ClassValue, UiClass } from "@soybeanjs/headless/types";
 
 //#region src/components/color-swatch-picker/types.d.ts
@@ -15,7 +15,7 @@ type ColorSwatchPickerExtendedUi = UiClass<ColorSwatchPickerUiSlot | ColorSwatch
 /**
  * Properties for the ColorSwatchPicker component.
  */
-interface ColorSwatchPickerProps extends ColorSwatchPickerRootProps<boolean> {
+interface ColorSwatchPickerProps extends ColorSwatchPickerCompactProps<boolean> {
   /**
    * Additional class names applied to the root element.
    */
@@ -28,30 +28,14 @@ interface ColorSwatchPickerProps extends ColorSwatchPickerRootProps<boolean> {
    * Per-slot class overrides for the component.
    */
   ui?: Partial<ColorSwatchPickerExtendedUi>;
-  /**
-   * Colors.
-   */
-  colors?: string[];
   /**
    * Shape of the component.
    */
   shape?: ColorSwatchPickerShape;
-  /**
-   * Properties forwarded to the item element.
-   */
-  itemProps?: Omit<ColorSwatchPickerItemProps, 'value'>;
-  /**
-   * Properties forwarded to the indicator element.
-   */
-  indicatorProps?: ColorSwatchPickerItemIndicatorProps;
-  /**
-   * Properties forwarded to the swatch element.
-   */
-  swatchProps?: ColorSwatchPickerItemSwatchProps;
 }
 /**
  * Events for the ColorSwatchPicker component.
  */
-type ColorSwatchPickerEmits = ColorSwatchPickerRootEmits<boolean> & ColorSwatchPickerItemEmits;
+type ColorSwatchPickerEmits = ColorSwatchPickerCompactEmits<boolean>;
 //#endregion
 export { ColorSwatchPickerEmits, ColorSwatchPickerExtendedUi, ColorSwatchPickerExtraUiSlot, ColorSwatchPickerProps };

package/dist/components/color-swatch-picker/variants.d.ts

@@ -47,9 +47,9 @@ declare const colorSwatchPickerVariants: _$tailwind_variants0.TVReturnType<{
   root: string;
   item: string[];
   itemIndicator: string;
-  swatch: string[];
-  checker: string;
-  fill: string;
+  swatchRoot: string;
+  swatchChecker: string;
+  swatchFill: string;
 }, undefined, {
   size: {
     xs: {
@@ -95,9 +95,9 @@ declare const colorSwatchPickerVariants: _$tailwind_variants0.TVReturnType<{
   root: string;
   item: string[];
   itemIndicator: string;
-  swatch: string[];
-  checker: string;
-  fill: string;
+  swatchRoot: string;
+  swatchChecker: string;
+  swatchFill: string;
 }, _$tailwind_variants0.TVReturnType<{
   size: {
     xs: {
@@ -143,9 +143,9 @@ declare const colorSwatchPickerVariants: _$tailwind_variants0.TVReturnType<{
   root: string;
   item: string[];
   itemIndicator: string;
-  swatch: string[];
-  checker: string;
-  fill: string;
+  swatchRoot: string;
+  swatchChecker: string;
+  swatchFill: string;
 }, undefined, unknown, unknown, undefined>>;
 type ColorSwatchPickerVariants = VariantProps<typeof colorSwatchPickerVariants>;
 type ColorSwatchPickerShape = NonNullable<ColorSwatchPickerVariants['shape']>;

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

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`grid`,item:[`relative inline-flex items-center justify-center rounded-full outline-none transition-[transform,box-shadow] duration-150`,`hover:scale-110 data-[highlighted]:scale-105 data-[disabled]:opacity-50`],itemIndicator:`pointer-events-none absolute inset-0 flex justify-center items-center text-muted`,swatch:[`relative isolate inline-flex size-full overflow-hidden rounded-[inherit] border border-input bg-background shadow-sm`,`data-[no-color]:bg-muted/40`],checker:`absolute inset-0 bg-[linear-gradient(45deg,rgba(0,0,0,0.08)_25%,transparent_25%,transparent_75%,rgba(0,0,0,0.08)_75%),linear-gradient(45deg,rgba(0,0,0,0.08)_25%,transparent_25%,transparent_75%,rgba(0,0,0,0.08)_75%)] bg-[length:8px_8px] bg-[position:0_0,4px_4px]`,fill:`absolute inset-0 bg-[var(--soybean-color-swatch-color)]`},variants:{size:{xs:{root:`grid-cols-[repeat(auto-fill,minmax(1.25rem,1fr))] gap-1.5 text-2xs`,item:`size-5`,itemIndicator:`text-4xs`},sm:{root:`grid-cols-[repeat(auto-fill,minmax(1.375rem,1fr))] gap-1.75 text-xs`,item:`size-5.5`,itemIndicator:`text-3xs`},md:{root:`grid-cols-[repeat(auto-fill,minmax(1.5rem,1fr))] gap-2 text-sm`,item:`size-6`,itemIndicator:`text-2xs`},lg:{root:`grid-cols-[repeat(auto-fill,minmax(1.625rem,1fr))] gap-2.5 text-base`,item:`size-6.5`,itemIndicator:`text-xs`},xl:{root:`grid-cols-[repeat(auto-fill,minmax(1.75rem,1fr))] gap-3 text-lg`,item:`size-7`,itemIndicator:`text-sm`},"2xl":{root:`grid-cols-[repeat(auto-fill,minmax(2rem,1fr))] gap-4 text-xl`,item:`size-8`,itemIndicator:`text-base`}},shape:{square:{item:`rounded-md`},circle:{item:`rounded-full`}}},defaultVariants:{size:`md`,shape:`square`}});export{t as colorSwatchPickerVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`grid`,item:[`relative inline-flex items-center justify-center rounded-full outline-none transition-[transform,box-shadow] duration-150`,`hover:scale-110 data-[highlighted]:scale-105 data-[disabled]:opacity-50`],itemIndicator:`pointer-events-none absolute inset-0 flex justify-center items-center text-muted`,swatchRoot:``,swatchChecker:``,swatchFill:``},variants:{size:{xs:{root:`grid-cols-[repeat(auto-fill,minmax(1.25rem,1fr))] gap-1.5 text-2xs`,item:`size-5`,itemIndicator:`text-4xs`},sm:{root:`grid-cols-[repeat(auto-fill,minmax(1.375rem,1fr))] gap-1.75 text-xs`,item:`size-5.5`,itemIndicator:`text-3xs`},md:{root:`grid-cols-[repeat(auto-fill,minmax(1.5rem,1fr))] gap-2 text-sm`,item:`size-6`,itemIndicator:`text-2xs`},lg:{root:`grid-cols-[repeat(auto-fill,minmax(1.625rem,1fr))] gap-2.5 text-base`,item:`size-6.5`,itemIndicator:`text-xs`},xl:{root:`grid-cols-[repeat(auto-fill,minmax(1.75rem,1fr))] gap-3 text-lg`,item:`size-7`,itemIndicator:`text-sm`},"2xl":{root:`grid-cols-[repeat(auto-fill,minmax(2rem,1fr))] gap-4 text-xl`,item:`size-8`,itemIndicator:`text-base`}},shape:{square:{item:`rounded-md`},circle:{item:`rounded-full`}}},defaultVariants:{size:`md`,shape:`square`}});export{t as colorSwatchPickerVariants};

package/dist/components/combobox/combobox.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{comboboxVariants 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{ComboboxCompact as b,provideComboboxUi as x}from"@soybeanjs/headless/combobox";const S=o({name:`SCombobox`,__name:`combobox`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},items:{},placeholder:{},searchPlaceholder:{},clearLabel:{},emptyLabel:{},anchorProps:{},triggerProps:{},cancelProps:{},portalProps:{},contentProps:{},viewportProps:{},inputProps:{},emptyProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemIndicatorProps:{},separatorProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},resetSearchTermOnBlur:{type:Boolean},resetSearchTermOnSelect:{type:Boolean},openOnFocus:{type:Boolean},openOnClick:{type:Boolean},ignoreFilter:{type:Boolean},resetModelValueOnClear:{type:Boolean},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`placed`,`select`],setup(o,{emit:S}){let C=o,w=S,T=h(),E=v(C,[`class`,`size`,`ui`]),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),p(m(D))),a({_:2},[d(O.value,t=>({name:t,fn:g(n=>[i(` @vue-expect-error ignore vue slot props type `),f(e.$slots,t,l(s(n)))])}))]),1040))}});export{S as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{comboboxVariants 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{ComboboxCompact as b,provideComboboxUi as x}from"@soybeanjs/headless/combobox";const S=o({name:`SCombobox`,__name:`combobox`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},items:{},placeholder:{},searchPlaceholder:{},clearLabel:{},emptyLabel:{},anchorProps:{},triggerProps:{},cancelProps:{},portalProps:{},contentProps:{},viewportProps:{},inputProps:{},emptyProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemIndicatorProps:{},separatorProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},resetSearchTermOnBlur:{type:Boolean},resetSearchTermOnSelect:{type:Boolean},openOnFocus:{type:Boolean},openOnClick:{type:Boolean},ignoreFilter:{type:Boolean},resetModelValueOnClear:{type:Boolean},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`placed`,`select`],setup(o,{emit:S}){let C=o,w=S,T=h(),E=v(C,[`class`,`size`,`ui`]),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),p(m(D))),a({_:2},[d(O.value,t=>({name:t,fn:g(n=>[i(` @vue-expect-error ignore vue slot props type `),f(e.$slots,t,l(s(n)))])}))]),1040))}});export{S as default};

package/dist/components/command/command.js

@@ -1 +1 @@
-import{mergeBaseVariants as e,mergeSlotVariants as t}from"../../theme/shared.js";import"../../theme/index.js";import{kbdVariants as n}from"../kbd/variants.js";import{commandVariants as r}from"./variants.js";import{computed as i,createBlock as a,createCommentVNode as o,createSlots as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeProps as d,openBlock as f,renderList as p,renderSlot as m,toHandlers as h,unref as g,useSlots as _,withCtx as v}from"vue";import{useForwardListeners as y,useOmitProps as b}from"@soybeanjs/headless/composables";import{keysOf as x}from"@soybeanjs/utils";import{CommandCompact as S,provideCommandUi as C}from"@soybeanjs/headless/command";const w=c({name:`SCommand`,__name:`command`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},items:{},placeholder:{},searchTerm:{},clearable:{type:Boolean},fuseOptions:{},listProps:{},itemProps:{},itemLabelProps:{},groupProps:{},groupLabelProps:{},shortcutProps:{},separatorProps:{},inputProps:{},emptyProps:{},emptyLabel:{},orientation:{},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`,`update:searchTerm`],setup(c,{emit:w}){let T=c,E=w,D=_(),O=b(T,[`class`,`size`,`ui`]),k=y(E),A=i(()=>x(D));return C(i(()=>t(e(r({size:T.size}),{shortcut:n({size:T.size})}),T.ui,{root:T.class}))),(e,t)=>(f(),a(g(S),u(g(O),{items:c.items},h(g(k))),s({_:2},[p(A.value,t=>({name:t,fn:v(n=>[o(` @vue-ignore ignore vue slot props type `),m(e.$slots,t,d(l(n)))])}))]),1040,[`items`]))}});export{w as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{kbdVariants as t}from"../kbd/variants.js";import{commandVariants as n}from"./variants.js";import{computed as r,createBlock as i,createCommentVNode as a,createSlots as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderList 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{keysOf as b}from"@soybeanjs/utils";import{CommandCompact as x,provideCommandUi as S}from"@soybeanjs/headless/command";const C=s({name:`SCommand`,__name:`command`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},items:{},placeholder:{},searchTerm:{},clearable:{type:Boolean},fuseOptions:{},listProps:{},itemProps:{},itemLabelProps:{},groupProps:{},groupLabelProps:{},shortcutProps:{},separatorProps:{},inputProps:{},emptyProps:{},emptyLabel:{},orientation:{},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`,`update:searchTerm`],setup(s,{emit:C}){let w=s,T=C,E=g(),D=y(w,[`class`,`size`,`ui`]),O=v(T),k=r(()=>b(E));return S(r(()=>e(Object.assign(n({size:w.size}),{$base:{shortcut:t({size:w.size})}}),w.ui,{root:w.class}))),(e,t)=>(d(),i(h(x),l(h(D),{items:s.items},m(h(O))),o({_:2},[f(k.value,t=>({name:t,fn:_(n=>[a(` @vue-ignore ignore vue slot props type `),p(e.$slots,t,u(c(n)))])}))]),1040,[`items`]))}});export{C as default};

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

@@ -1,8 +1,8 @@
 import { CommandProps, CommandSlots } from "./types.js";
 import * as _$vue from "vue";
 import * as _$_soybeanjs_headless_composables0 from "@soybeanjs/headless/composables";
-import { CommandSingleOptionData } from "@soybeanjs/headless/command";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
+import { CommandSingleOptionData } from "@soybeanjs/headless/command";
 
 //#region src/components/command/command.vue.d.ts
 declare const __VLS_export: <T extends CommandSingleOptionData = CommandSingleOptionData>(__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/config-provider/config-provider.js

@@ -1 +1 @@
-import{themeSizes as e}from"../../constants/common.js";import t from"../dialog/dialog-provider.js";import n from"../progress/progress-provider.js";import r from"../toast/toast-provider.js";import{provideConfigProviderContext as i}from"./context.js";import a from"../icon/icon.js";import{createBlock as o,createCommentVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,guardReactiveProps as d,h as f,mergeProps as p,normalizeProps as m,openBlock as h,renderSlot as g,toDisplayString as _,unref as v,watch as y,watchEffect as b,withCtx as x}from"vue";import{useOmitProps as S}from"@soybeanjs/headless/composables";import{useStorage as C}from"@vueuse/core";import{ConfigProvider as w}from"@soybeanjs/headless/config-provider";import{Primitive as T}from"@soybeanjs/headless/primitive";import{isClient as E,transformPropsToContext as D}from"@soybeanjs/headless/shared";import{createShadcnTheme as O}from"@soybeanjs/shadcn-theme";const k=u({name:`SConfigProvider`,__name:`config-provider`,props:{theme:{default:()=>({})},size:{default:`md`},iconify:{default:()=>({width:`1.25em`,height:`1.25em`})},progress:{},toast:{},customToast:{type:Boolean},dir:{default:`ltr`},locale:{},nonce:{},tooltip:{},nuxt:{type:Boolean},iconRender:{}},setup(u){let k=u,A=S(k,[`iconRender`,`theme`,`size`,`iconify`,`progress`,`toast`,`customToast`]),j=k.iconRender??(e=>f(a,{icon:e}));i({...D(k),iconRender:j});let{getCss:M}=O(k.theme),N=()=>M(k.theme,k.theme.radius),P=C(`__SoybeanUI_themeVars`,N());function F(t){if(!E)return;document.documentElement.classList.add(`size-${t}`);let n=e.filter(e=>e!==t).map(e=>`size-${e}`);document.documentElement.classList.remove(...n)}return y(()=>k.size,e=>{F(e)},{immediate:!0,flush:`sync`}),b(()=>{P.value=N()}),(e,i)=>(h(),o(v(w),p(v(A),{"icon-render":v(j)}),{default:x(()=>[l(v(T),{id:`__SoybeanUI_themeVars`,as:`style`},{default:x(()=>[c(_(v(P)),1)]),_:1}),g(e.$slots,`default`),k.customToast?s(`v-if`,!0):(h(),o(r,m(p({key:0},k.toast)),null,16)),l(t),l(n,m(d(k.progress)),null,16)]),_:3},16,[`icon-render`]))}});export{k as default};
+import{themeSizes as e}from"../../constants/common.js";import t from"../dialog/dialog-provider.js";import n from"../progress/progress-provider.js";import r from"../toast/toast-provider.js";import{provideConfigProviderContext as i}from"./context.js";import a from"../icon/icon.js";import{createBlock as o,createCommentVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,guardReactiveProps as d,h as f,mergeProps as p,normalizeProps as m,openBlock as h,renderSlot as g,toDisplayString as _,unref as v,watch as y,watchEffect as b,withCtx as x}from"vue";import{useOmitProps as S}from"@soybeanjs/headless/composables";import{useStorage as C}from"@vueuse/core";import{ConfigProvider as w}from"@soybeanjs/headless/config-provider";import{Primitive as T}from"@soybeanjs/headless/primitive";import{isClient as E,transformPropsToContext as D}from"@soybeanjs/headless/shared";import{createShadcnTheme as O}from"@soybeanjs/shadcn-theme";const k=u({name:`SConfigProvider`,__name:`config-provider`,props:{theme:{default:()=>({})},size:{default:`md`},iconify:{default:()=>({width:`1.25em`,height:`1.25em`})},progress:{},toast:{},customToast:{type:Boolean},dir:{default:`ltr`},locale:{},nonce:{},tooltip:{},nuxt:{type:Boolean},iconRender:{},messages:{}},setup(u){let k=u,A=S(k,[`iconRender`,`theme`,`size`,`iconify`,`progress`,`toast`,`customToast`]),j=k.iconRender??(e=>f(a,{icon:e}));i({...D(k),iconRender:j});let{getCss:M}=O(k.theme),N=()=>M(k.theme,k.theme.radius),P=C(`__SoybeanUI_themeVars`,N());function F(t){if(!E)return;document.documentElement.classList.add(`size-${t}`);let n=e.filter(e=>e!==t).map(e=>`size-${e}`);document.documentElement.classList.remove(...n)}return y(()=>k.size,e=>{F(e)},{immediate:!0,flush:`sync`}),b(()=>{P.value=N()}),(e,i)=>(h(),o(v(w),p(v(A),{"icon-render":v(j)}),{default:x(()=>[l(v(T),{id:`__SoybeanUI_themeVars`,as:`style`},{default:x(()=>[c(_(v(P)),1)]),_:1}),g(e.$slots,`default`),k.customToast?s(`v-if`,!0):(h(),o(r,m(p({key:0},k.toast)),null,16)),l(t),l(n,m(d(k.progress)),null,16)]),_:3},16,[`icon-render`]))}});export{k as default};

package/dist/components/config-provider/types.d.ts

@@ -1,10 +1,8 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ProgressProviderProps } from "../progress/types.js";
+import { index_d_exports } from "../progress/index.js";
 import { ToastProviderProps } from "../toast/types.js";
 import { ConfigProviderProps } from "@soybeanjs/headless/config-provider";
 import { ThemeOptions } from "@soybeanjs/shadcn-theme";
-import { PropsToContext } from "@soybeanjs/headless/types";
-
 //#region src/components/config-provider/types.d.ts
 interface IconifyOptions {
   /**
@@ -31,7 +29,7 @@ interface ConfigProviderProps$1 extends ConfigProviderProps {
   /** The iconify options. */
   iconify?: IconifyOptions;
   /** The global top progress configuration of your application. */
-  progress?: Partial<ProgressProviderProps>;
+  progress?: Partial<index_d_exports.ProgressProviderProps>;
   /** The global toast configuration of your application. This will be inherited by the related components. */
   toast?: Partial<ToastProviderProps>;
   /**

package/dist/components/context-menu/context-menu-checkbox.vue.d.ts

@@ -1,7 +1,7 @@
 import { ContextMenuCheckboxProps, ContextMenuCheckboxSlots } 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/context-menu/context-menu-checkbox.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{