@soybeanjs/ui 0.15.5 → 0.17.0

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

@@ -1,53 +1,132 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
 import { CheckboxShape } from "./variants.js";
-import { CheckboxCardCompactEmits, CheckboxCardCompactProps, CheckboxCardGroupCompactEmits, CheckboxCardGroupCompactProps, CheckboxCardGroupOptionData, CheckboxCardUi, CheckboxCompactEmits, CheckboxCompactProps, CheckboxGroupCompactEmits, CheckboxGroupCompactProps, CheckboxGroupOptionData, CheckboxUi, ClassValue, DefinedValue } from "@soybeanjs/headless";
+import { CheckboxCardCompactEmits, CheckboxCardCompactProps, CheckboxCardGroupCompactEmits, CheckboxCardGroupCompactProps, CheckboxCardGroupOptionData, CheckboxCardUi, CheckboxCompactEmits, CheckboxCompactProps, CheckboxGroupCompactEmits, CheckboxGroupCompactProps, CheckboxGroupOptionData, CheckboxUi } from "@soybeanjs/headless/checkbox";
+import { ClassValue, DefinedValue } from "@soybeanjs/headless/types";
 
 //#region src/components/checkbox/types.d.ts
+/**
+ * Props for the checkbox component.
+ */
 interface CheckboxProps extends CheckboxCompactProps {
   /**
    * the class of root element
    */
   class?: ClassValue;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<CheckboxUi>;
+  /**
+   * Theme color of the component.
+   */
   color?: ThemeColor;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Shape of the component.
+   */
   shape?: CheckboxShape;
 }
+/**
+ * Emits for the checkbox component.
+ */
 type CheckboxEmits = CheckboxCompactEmits;
+/**
+ * Props for the checkbox card component.
+ */
 interface CheckboxCardProps extends CheckboxCardCompactProps {
   /**
    * the class of root element
    */
   class?: ClassValue;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<CheckboxCardUi>;
+  /**
+   * Theme color of the component.
+   */
   color?: ThemeColor;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Shape of the component.
+   */
   shape?: CheckboxShape;
+  /**
+   * Icon rendered by the component.
+   */
   icon?: string;
+  /**
+   * Description text rendered by the component.
+   */
   description?: string;
 }
+/**
+ * Emits for the checkbox card component.
+ */
 type CheckboxCardEmits = CheckboxCardCompactEmits;
+/**
+ * Props for the checkbox group component.
+ */
 interface CheckboxGroupProps<T extends CheckboxGroupOptionData = CheckboxGroupOptionData> extends CheckboxGroupCompactProps<T> {
   /**
    * the class of group root element
    */
   class?: ClassValue;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<CheckboxUi>;
+  /**
+   * Theme color of the component.
+   */
   color?: ThemeColor;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Shape of the component.
+   */
   shape?: CheckboxShape;
 }
+/**
+ * Emits for the checkbox group component.
+ */
 type CheckboxGroupEmits<T extends DefinedValue = DefinedValue> = CheckboxGroupCompactEmits<T>;
+/**
+ * Props for the checkbox card group component.
+ */
 interface CheckboxCardGroupProps<T extends CheckboxCardGroupOptionData = CheckboxCardGroupOptionData> extends CheckboxCardGroupCompactProps<T> {
   /**
    * the class of group root element
    */
   class?: ClassValue;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<CheckboxCardUi>;
+  /**
+   * Theme color of the component.
+   */
   color?: ThemeColor;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Shape of the component.
+   */
   shape?: CheckboxShape;
 }
+/**
+ * Emits for the checkbox card group component.
+ */
 type CheckboxCardGroupEmits<T extends DefinedValue = DefinedValue> = CheckboxCardGroupCompactEmits<T>;
 //#endregion
 export { CheckboxCardEmits, CheckboxCardGroupEmits, type CheckboxCardGroupOptionData, CheckboxCardGroupProps, CheckboxCardProps, CheckboxEmits, CheckboxGroupEmits, type CheckboxGroupOptionData, CheckboxGroupProps, CheckboxProps };

package/dist/components/clipboard/clipboard.js

@@ -1 +1 @@
-import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{buttonVariants as t}from"../button/variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,toHandlers as u,unref as d,withCtx as f}from"vue";import{useForwardListeners as p,useOmitProps as m}from"@soybeanjs/headless/composables";import{Clipboard as h}from"@soybeanjs/headless";const g=i({name:`SClipboard`,__name:`clipboard`,props:{class:{},color:{},size:{},variant:{},shape:{},fitContent:{type:Boolean},value:{},copiedDuration:{},legacy:{type:Boolean},copyIcon:{},copiedIcon:{},copyText:{},copiedText:{},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`click`,`copied`,`copyError`],setup(i,{emit:g}){let _=i,v=p(g),y=m(_,[`class`,`color`,`size`,`variant`,`shape`,`fitContent`]),b=n(()=>e(t({color:_.color,size:_.size,variant:_.variant,shape:_.shape,fitContent:_.fitContent}),_.class));return(e,t)=>(c(),r(d(h),o(d(y),{class:b.value},u(d(v))),{leading:f(t=>[l(e.$slots,`leading`,s(a(t)))]),default:f(t=>[l(e.$slots,`default`,s(a(t)))]),trailing:f(t=>[l(e.$slots,`trailing`,s(a(t)))]),_:3},16,[`class`]))}});export{g as default};
+import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{buttonVariants as t}from"../button/variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,toHandlers as u,unref as d,withCtx as f}from"vue";import{useForwardListeners as p,useOmitProps as m}from"@soybeanjs/headless/composables";import{Clipboard as h}from"@soybeanjs/headless/clipboard";const g=i({name:`SClipboard`,__name:`clipboard`,props:{class:{},color:{},size:{},variant:{},shape:{},fitContent:{type:Boolean},value:{},copiedDuration:{},legacy:{type:Boolean},copyIcon:{},copiedIcon:{},copyText:{},copiedText:{},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`click`,`copied`,`copyError`],setup(i,{emit:g}){let _=i,v=p(g),y=m(_,[`class`,`color`,`size`,`variant`,`shape`,`fitContent`]),b=n(()=>e(t({color:_.color,size:_.size,variant:_.variant,shape:_.shape,fitContent:_.fitContent}),_.class));return(e,t)=>(c(),r(d(h),o(d(y),{class:b.value},u(d(v))),{leading:f(t=>[l(e.$slots,`leading`,s(a(t)))]),default:f(t=>[l(e.$slots,`default`,s(a(t)))]),trailing:f(t=>[l(e.$slots,`trailing`,s(a(t)))]),_:3},16,[`class`]))}});export{g as default};

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

@@ -1,3 +1,4 @@
 import { ButtonShape, ButtonVariant } from "../button/variants.js";
 import { ClipboardEmits, ClipboardProps, ClipboardSlotProps } from "./types.js";
-import { _default } from "./clipboard.vue.js";
+import { _default } from "./clipboard.vue.js";
+export * from "@soybeanjs/headless/clipboard";

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

@@ -1,15 +1,36 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
 import { ButtonShape, ButtonVariant } from "../button/variants.js";
-import { ClassValue } from "@soybeanjs/headless";
 import { ClipboardEmits, ClipboardProps, ClipboardSlotProps } from "@soybeanjs/headless/clipboard";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/clipboard/types.d.ts
+/**
+ * Props for the clipboard component.
+ */
 interface ClipboardProps$1 extends ClipboardProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Theme color of the component.
+   */
   color?: ThemeColor;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Visual variant of the component.
+   */
   variant?: ButtonVariant;
+  /**
+   * Shape of the component.
+   */
   shape?: ButtonShape;
+  /**
+   * Whether the component should fit its content width.
+   */
   fitContent?: boolean;
 }
 //#endregion

package/dist/components/collapsible/collapsible.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{collapsibleVariants 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{CollapsibleRoot as p,provideCollapsibleUi as m}from"@soybeanjs/headless";const h=i({name:`SCollapsible`,__name:`collapsible`,props:{size:{},ui:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},disabled:{type:Boolean},unmountOnHide:{type:Boolean,default:!0},asChild:{type:Boolean},as:{}},emits:[`update:open`],setup(i,{emit:h}){let g=i,_=h,v=f(g,[`class`,`size`,`ui`]);return m(n(()=>e(t({size:g.size}),g.ui))),(e,t)=>(c(),r(u(p),o(u(v),{"onUpdate:open":t[0]||=e=>_(`update:open`,e)}),{default:d(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16))}});export{h as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{collapsibleVariants 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{CollapsibleRoot as p,provideCollapsibleUi as m}from"@soybeanjs/headless/collapsible";const h=i({name:`SCollapsible`,__name:`collapsible`,props:{size:{},ui:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},disabled:{type:Boolean},unmountOnHide:{type:Boolean,default:!0},asChild:{type:Boolean},as:{}},emits:[`update:open`],setup(i,{emit:h}){let g=i,_=h,v=f(g,[`class`,`size`,`ui`]);return m(n(()=>e(t({size:g.size}),g.ui))),(e,t)=>(c(),r(u(p),o(u(v),{"onUpdate:open":t[0]||=e=>_(`update:open`,e)}),{default:d(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16))}});export{h as default};

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

@@ -1,4 +1,5 @@
 import { CollapsibleEmits, CollapsibleProps } from "./types.js";
 import { _default } from "./collapsible.vue.js";
-import { CollapsibleContent as SCollapsibleContent, CollapsibleContentProps, CollapsibleRootEmits, CollapsibleRootProps, CollapsibleTrigger as SCollapsibleTrigger, CollapsibleTriggerProps } from "@soybeanjs/headless/collapsible";
-export { type CollapsibleContentProps, type CollapsibleRootEmits, type CollapsibleRootProps, type CollapsibleTriggerProps, SCollapsibleContent, SCollapsibleTrigger };
+import { CollapsibleContent as SCollapsibleContent, CollapsibleTrigger as SCollapsibleTrigger } from "@soybeanjs/headless/collapsible";
+export * from "@soybeanjs/headless/collapsible";
+export { SCollapsibleContent, SCollapsibleTrigger };

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

@@ -1,11 +1,23 @@
 import { ThemeSize } from "../../theme/types.js";
-import { CollapsibleRootEmits, CollapsibleRootProps, CollapsibleUi } from "@soybeanjs/headless";
+import { CollapsibleRootEmits, CollapsibleRootProps, CollapsibleUi } from "@soybeanjs/headless/collapsible";
 
 //#region src/components/collapsible/types.d.ts
+/**
+ * Props for the collapsible component.
+ */
 interface CollapsibleProps extends CollapsibleRootProps {
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<CollapsibleUi>;
 }
+/**
+ * Emits for the collapsible component.
+ */
 type CollapsibleEmits = CollapsibleRootEmits;
 //#endregion
 export { CollapsibleEmits, CollapsibleProps };

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

@@ -4,13 +4,13 @@ import * as _$_soybeanjs_headless_shared0 from "@soybeanjs/headless/shared";
 
 //#region src/components/color-area/color-area.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<ColorAreaProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  change: (value: string) => any;
   "update:modelValue": (value: string) => any;
+  change: (value: string) => any;
   "update:color": (value: _$_soybeanjs_headless_shared0.NormalizedColor) => any;
   changeEnd: (value: string) => any;
 }, string, _$vue.PublicProps, Readonly<ColorAreaProps> & Readonly<{
-  onChange?: ((value: string) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: _$_soybeanjs_headless_shared0.NormalizedColor) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -1,4 +1,3 @@
 import { ColorAreaEmits, ColorAreaProps } from "./types.js";
 import { _default } from "./color-area.vue.js";
-import { ColorAreaAreaProps, ColorAreaRootEmits, ColorAreaRootProps, ColorAreaThumbProps, ColorAreaUi, ColorAreaUiSlot } from "@soybeanjs/headless/color-area";
-export { type ColorAreaAreaProps, type ColorAreaRootEmits, type ColorAreaRootProps, type ColorAreaThumbProps, type ColorAreaUi, type ColorAreaUiSlot };
+export * from "@soybeanjs/headless/color-area";

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

@@ -1,14 +1,36 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue, ColorAreaAreaProps, ColorAreaRootEmits, ColorAreaRootProps, ColorAreaThumbProps, ColorAreaUi } from "@soybeanjs/headless";
+import { ColorAreaAreaProps, ColorAreaRootEmits, ColorAreaRootProps, ColorAreaThumbProps, ColorAreaUi } from "@soybeanjs/headless/color-area";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/color-area/types.d.ts
+/**
+ * Props for the color area component.
+ */
 interface ColorAreaProps extends ColorAreaRootProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<ColorAreaUi>;
+  /**
+   * Props forwarded to the area element.
+   */
   areaProps?: ColorAreaAreaProps;
+  /**
+   * Props forwarded to the thumb element.
+   */
   thumbProps?: ColorAreaThumbProps;
 }
+/**
+ * Emits for the color area component.
+ */
 type ColorAreaEmits = ColorAreaRootEmits;
 //#endregion
 export { ColorAreaEmits, ColorAreaProps };

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

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{colorFieldVariants as t}from"./variants.js";import{computed as n,createBlock as r,createVNode as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,toHandlers as u,unref as d,useAttrs as f,withCtx as p}from"vue";import{useForwardListeners as m,useOmitProps as h}from"@soybeanjs/headless/composables";import{ColorFieldInput as g,ColorFieldRoot as _,provideColorFieldUi as v}from"@soybeanjs/headless";const y=a({name:`SColorField`,inheritAttrs:!1,__name:`color-field`,props:{class:{},size:{},ui:{},inputProps:{},modelValue:{},defaultValue:{},colorSpace:{},channel:{},format:{},placeholder:{},disabled:{type:Boolean},readonly:{type:Boolean},disableWheelChange:{type:Boolean},step:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:color`],setup(a,{emit:y}){let b=a,x=y,S=f(),C=m(x),w=h(b,[`class`,`size`,`ui`,`inputProps`]);return v(n(()=>e(t({size:b.size}),b.ui,{root:b.class}))),(e,t)=>(l(),r(d(_),s(d(w),u(d(C))),{default:p(()=>[i(d(g),c(o({...a.inputProps,...d(S)})),null,16)]),_:1},16))}});export{y as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{colorFieldVariants as t}from"./variants.js";import{computed as n,createBlock as r,createVNode as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,toHandlers as u,unref as d,useAttrs as f,withCtx as p}from"vue";import{useForwardListeners as m,useOmitProps as h}from"@soybeanjs/headless/composables";import{ColorFieldInput as g,ColorFieldRoot as _,provideColorFieldUi as v}from"@soybeanjs/headless/color-field";const y=a({name:`SColorField`,inheritAttrs:!1,__name:`color-field`,props:{class:{},size:{},ui:{},inputProps:{},modelValue:{},defaultValue:{},colorSpace:{},channel:{},format:{},placeholder:{},disabled:{type:Boolean},readonly:{type:Boolean},disableWheelChange:{type:Boolean},step:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:color`],setup(a,{emit:y}){let b=a,x=y,S=f(),C=m(x),w=h(b,[`class`,`size`,`ui`,`inputProps`]);return v(n(()=>e(t({size:b.size}),b.ui,{root:b.class}))),(e,t)=>(l(),r(d(_),s(d(w),u(d(C))),{default:p(()=>[i(d(g),c(o({...a.inputProps,...d(S)})),null,16)]),_:1},16))}});export{y as default};

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

@@ -1,4 +1,3 @@
 import { ColorFieldEmits, ColorFieldProps } from "./types.js";
 import { _default } from "./color-field.vue.js";
-import { ColorFieldInputProps, ColorFieldRootEmits, ColorFieldRootProps, ColorFieldUi, ColorFieldUiSlot } from "@soybeanjs/headless/color-field";
-export { type ColorFieldInputProps, type ColorFieldRootEmits, type ColorFieldRootProps, type ColorFieldUi, type ColorFieldUiSlot };
+export * from "@soybeanjs/headless/color-field";

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

@@ -1,13 +1,32 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue, ColorFieldInputProps, ColorFieldRootEmits, ColorFieldRootProps, ColorFieldUi } from "@soybeanjs/headless";
+import { ColorFieldInputProps, ColorFieldRootEmits, ColorFieldRootProps, ColorFieldUi } from "@soybeanjs/headless/color-field";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/color-field/types.d.ts
+/**
+ * Props for the color field component.
+ */
 interface ColorFieldProps extends ColorFieldRootProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<ColorFieldUi>;
+  /**
+   * Props forwarded to the input element.
+   */
   inputProps?: ColorFieldInputProps;
 }
+/**
+ * Emits for the color field component.
+ */
 type ColorFieldEmits = ColorFieldRootEmits;
 //#endregion
 export { ColorFieldEmits, ColorFieldProps };

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

@@ -1,8 +1,8 @@
 import { ColorPickerProps } from "./types.js";
 import * as _$vue from "vue";
-import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 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";
 
 //#region src/components/color-picker/color-picker.vue.d.ts
@@ -16,29 +16,29 @@ type __VLS_Slots = {} & {
   trigger?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ColorPickerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  change: (value: string) => any;
   "update:open": (value: boolean) => any;
   "update:modelValue": (value: string) => any;
+  change: (value: string) => any;
   "update:color": (value: _$_soybeanjs_headless_shared0.NormalizedColor) => any;
   "update:format": (value: ColorFormat) => any;
 }, string, _$vue.PublicProps, Readonly<ColorPickerProps> & Readonly<{
-  onChange?: ((value: string) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: _$_soybeanjs_headless_shared0.NormalizedColor) => any) | undefined;
   "onUpdate:format"?: ((value: ColorFormat) => any) | undefined;
 }>, {
+  disabled: boolean;
   open: boolean;
   defaultOpen: boolean;
   modal: boolean;
-  disabled: boolean;
-  modelValue: string | ColorValue;
   defaultValue: string | ColorValue;
+  modelValue: string | ColorValue;
+  colorSpace: ColorSpace;
+  format: ColorFormat;
   placement: _$_soybeanjs_headless0.Placement;
   showArrow: boolean;
-  format: ColorFormat;
   defaultFormat: ColorFormat;
-  colorSpace: ColorSpace;
   showAlpha: boolean;
   showFields: boolean;
   showSwatches: boolean;

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

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

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

@@ -1,46 +1,139 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ButtonProps as ButtonProps$1 } from "../button/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 { ClassValue, UiClass } from "@soybeanjs/headless";
 import { ColorFormat, ColorSpace, ColorValue, NormalizedColor } from "@soybeanjs/headless/shared";
+import { ClassValue, UiClass } from "@soybeanjs/headless/types";
 
 //#region src/components/color-picker/types.d.ts
+/**
+ * Available UI slots for the color picker component.
+ */
 type ColorPickerUiSlot = 'popup' | 'content' | 'trigger' | 'triggerSwatch' | 'triggerValue' | 'formatSelect' | 'area' | 'slider' | 'alphaRow' | 'alphaSwatch' | 'fields' | 'hexField' | 'field' | 'alphaField' | 'swatches';
+/**
+ * UI class overrides for the color picker component.
+ */
 type ColorPickerUi = UiClass<ColorPickerUiSlot>;
+/**
+ * Props for the color picker component.
+ */
 interface ColorPickerProps extends Pick<PopoverProps, 'open' | 'defaultOpen' | 'modal' | 'placement' | 'showArrow' | 'positionerProps' | 'popupProps' | 'triggerProps' | 'closeProps' | 'portalProps' | 'arrowProps'> {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * 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[];
-  triggerButtonProps?: ButtonProps$1;
+  /**
+   * Props forwarded to the trigger button element.
+   */
+  triggerButtonProps?: ButtonProps;
+  /**
+   * Props forwarded to the area element.
+   */
   areaProps?: Omit<ColorAreaProps, 'modelValue' | 'defaultValue' | 'disabled' | 'colorSpace' | 'format' | 'xChannel' | 'yChannel' | 'onChange' | 'onChangeEnd'>;
+  /**
+   * Props forwarded to the hue slider element.
+   */
   hueSliderProps?: Omit<ColorSliderProps, 'modelValue' | 'defaultValue' | 'channel' | 'colorSpace' | 'disabled' | 'format' | 'onChange' | 'onChangeEnd'>;
+  /**
+   * Props forwarded to the alpha slider element.
+   */
   alphaSliderProps?: Omit<ColorSliderProps, 'modelValue' | 'defaultValue' | 'channel' | 'colorSpace' | 'disabled' | 'format' | 'onChange' | 'onChangeEnd'>;
+  /**
+   * Props forwarded to the alpha field element.
+   */
   alphaFieldProps?: Omit<ColorFieldProps, 'modelValue' | 'defaultValue' | 'disabled' | 'channel' | 'colorSpace' | 'format'>;
+  /**
+   * Props forwarded to the hex field element.
+   */
   hexFieldProps?: Omit<ColorFieldProps, 'modelValue' | 'defaultValue' | 'disabled' | 'channel' | 'colorSpace' | 'format'>;
+  /**
+   * Props forwarded to the field element.
+   */
   fieldProps?: Omit<ColorFieldProps, 'modelValue' | 'defaultValue' | 'disabled' | 'channel' | 'colorSpace' | 'format'>;
+  /**
+   * Props forwarded to the swatch picker element.
+   */
   swatchPickerProps?: Omit<ColorSwatchPickerProps, 'modelValue' | 'defaultValue' | 'colors' | 'disabled'>;
+  /**
+   * Props forwarded to the swatch element.
+   */
   swatchProps?: Omit<ColorSwatchProps, 'class' | 'color' | 'size'>;
 }
+/**
+ * Emits for the color picker 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];
 };
 //#endregion

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

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

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

@@ -1,4 +1,3 @@
 import { ColorSliderEmits, ColorSliderProps } from "./types.js";
 import { _default } from "./color-slider.vue.js";
-import { ColorSliderRootEmits as ColorSliderRootEmits$1, ColorSliderRootProps as ColorSliderRootProps$1, ColorSliderThumbProps as ColorSliderThumbProps$1, ColorSliderTrackProps as ColorSliderTrackProps$1, ColorSliderUi as ColorSliderUi$1, ColorSliderUiSlot } from "@soybeanjs/headless/color-slider";
-export { type ColorSliderRootEmits$1 as ColorSliderRootEmits, type ColorSliderRootProps$1 as ColorSliderRootProps, type ColorSliderThumbProps$1 as ColorSliderThumbProps, type ColorSliderTrackProps$1 as ColorSliderTrackProps, type ColorSliderUi$1 as ColorSliderUi, type ColorSliderUiSlot };
+export * from "@soybeanjs/headless/color-slider";

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

@@ -1,16 +1,40 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
-import { ClassValue } from "@soybeanjs/headless";
 import { ColorSliderRootEmits, ColorSliderRootProps, ColorSliderThumbProps, ColorSliderTrackProps, ColorSliderUi } from "@soybeanjs/headless/color-slider";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/color-slider/types.d.ts
+/**
+ * Props for the color slider component.
+ */
 interface ColorSliderProps extends ColorSliderRootProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Theme color of the component.
+   */
   color?: ThemeColor;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<ColorSliderUi>;
+  /**
+   * Props forwarded to the track element.
+   */
   trackProps?: ColorSliderTrackProps;
+  /**
+   * Props forwarded to the thumb element.
+   */
   thumbProps?: ColorSliderThumbProps;
 }
+/**
+ * Emits for the color slider component.
+ */
 type ColorSliderEmits = ColorSliderRootEmits;
 //#endregion
 export { ColorSliderEmits, ColorSliderProps };

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

@@ -1,5 +1,3 @@
 import { ColorSwatchShape } from "./variants.js";
-import { ColorExtraUiSlot, ColorSwatchExtendedUi, ColorSwatchProps as ColorSwatchProps$1 } from "./types.js";
-import { _default } from "./color-swatch.vue.js";
-import { ColorSwatchProps as HeadlessColorSwatchProps } from "@soybeanjs/headless/color-swatch";
-export { type HeadlessColorSwatchProps };
+import { ColorExtraUiSlot, ColorSwatchExtendedUi, ColorSwatchProps } from "./types.js";
+import { _default } from "./color-swatch.vue.js";

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

@@ -1,15 +1,36 @@
 import { ThemeSize } from "../../theme/types.js";
 import { ColorSwatchShape } from "./variants.js";
-import { ClassValue, UiClass } from "@soybeanjs/headless";
 import { ColorSwatchProps } from "@soybeanjs/headless/color-swatch";
+import { ClassValue, UiClass } 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 color swatch component.
+ */
 type ColorSwatchExtendedUi = UiClass<ColorExtraUiSlot>;
+/**
+ * Props for the color swatch component.
+ */
 interface ColorSwatchProps$1 extends ColorSwatchProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<ColorSwatchExtendedUi>;
+  /**
+   * Shape of the component.
+   */
   shape?: ColorSwatchShape;
 }
 //#endregion