@soybeanjs/ui 0.16.0 → 0.17.0

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;
-  placement: _$_soybeanjs_headless0.Placement;
-  showArrow: boolean;
-  modelValue: string | ColorValue;
   defaultValue: string | ColorValue;
+  modelValue: string | ColorValue;
+  colorSpace: ColorSpace;
   format: ColorFormat;
+  placement: _$_soybeanjs_headless0.Placement;
+  showArrow: boolean;
   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

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";const T=l({name:`SColorSwatchPicker`,__name:`color-swatch-picker`,props:{class:{},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{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:{},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};

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

@@ -16,14 +16,14 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: _$vue.DefineComponent<ColorSwatchPickerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   select: (event: _$_soybeanjs_headless0.SelectEvent<string>) => any;
   "update:modelValue": (value: string | string[]) => any;
-  entryFocus: (event: CustomEvent<any>) => any;
   highlight: (payload?: _$_soybeanjs_headless_composables0.CollectionItemData<_$_soybeanjs_headless0.ListboxCollectionItemData> | undefined) => any;
+  entryFocus: (event: CustomEvent<any>) => any;
   leave: (event: Event) => any;
 }, string, _$vue.PublicProps, Readonly<ColorSwatchPickerProps> & Readonly<{
   onSelect?: ((event: _$_soybeanjs_headless0.SelectEvent<string>) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
-  onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
   onHighlight?: ((payload?: _$_soybeanjs_headless_composables0.CollectionItemData<_$_soybeanjs_headless0.ListboxCollectionItemData> | undefined) => any) | undefined;
+  onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
   onLeave?: ((event: Event) => any) | undefined;
 }>, {
   shape: ColorSwatchPickerShape;

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

@@ -1,5 +1,4 @@
 import { ColorSwatchPickerShape } from "./variants.js";
 import { ColorSwatchPickerEmits, ColorSwatchPickerExtendedUi, ColorSwatchPickerExtraUiSlot, ColorSwatchPickerProps } from "./types.js";
 import { _default } from "./color-swatch-picker.vue.js";
-import { ColorSwatchPickerItemEmits, ColorSwatchPickerItemIndicatorProps, ColorSwatchPickerItemProps, ColorSwatchPickerItemSwatchProps, ColorSwatchPickerRootEmits, ColorSwatchPickerRootProps, ColorSwatchPickerUi, ColorSwatchPickerUiSlot } from "@soybeanjs/headless/color-swatch-picker";
-export { type ColorSwatchPickerItemEmits, type ColorSwatchPickerItemIndicatorProps, type ColorSwatchPickerItemProps, type ColorSwatchPickerItemSwatchProps, type ColorSwatchPickerRootEmits, type ColorSwatchPickerRootProps, type ColorSwatchPickerUi, type ColorSwatchPickerUiSlot };
+export * from "@soybeanjs/headless/color-swatch-picker";

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

@@ -1,20 +1,57 @@
 import { ThemeSize } from "../../theme/types.js";
 import { ColorSwatchPickerShape } from "./variants.js";
-import { ClassValue, ColorSwatchPickerItemEmits, ColorSwatchPickerItemIndicatorProps, ColorSwatchPickerItemProps, ColorSwatchPickerItemSwatchProps, ColorSwatchPickerRootEmits, ColorSwatchPickerRootProps, ColorSwatchPickerUiSlot, UiClass } from "@soybeanjs/headless";
+import { ColorSwatchPickerItemEmits, ColorSwatchPickerItemIndicatorProps, ColorSwatchPickerItemProps, ColorSwatchPickerItemSwatchProps, ColorSwatchPickerRootEmits, ColorSwatchPickerRootProps, ColorSwatchPickerUiSlot } from "@soybeanjs/headless/color-swatch-picker";
+import { ClassValue, UiClass } from "@soybeanjs/headless/types";
 
 //#region src/components/color-swatch-picker/types.d.ts
+/**
+ * Additional UI slots for the color swatch picker component.
+ */
 type ColorSwatchPickerExtraUiSlot = 'checker' | 'fill';
+/**
+ * Extended UI class overrides for the color swatch picker component.
+ */
 type ColorSwatchPickerExtendedUi = UiClass<ColorSwatchPickerUiSlot | ColorSwatchPickerExtraUiSlot>;
+/**
+ * Props for the color swatch picker component.
+ */
 interface ColorSwatchPickerProps extends ColorSwatchPickerRootProps<boolean> {
+  /**
+   * 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<ColorSwatchPickerExtendedUi>;
+  /**
+   * Colors.
+   */
   colors?: string[];
+  /**
+   * Shape of the component.
+   */
   shape?: ColorSwatchPickerShape;
+  /**
+   * Props forwarded to the item element.
+   */
   itemProps?: Omit<ColorSwatchPickerItemProps, 'value'>;
+  /**
+   * Props forwarded to the indicator element.
+   */
   indicatorProps?: ColorSwatchPickerItemIndicatorProps;
+  /**
+   * Props forwarded to the swatch element.
+   */
   swatchProps?: ColorSwatchPickerItemSwatchProps;
 }
+/**
+ * Emits for the color swatch picker component.
+ */
 type ColorSwatchPickerEmits = ColorSwatchPickerRootEmits<boolean> & ColorSwatchPickerItemEmits;
 //#endregion
 export { ColorSwatchPickerEmits, ColorSwatchPickerExtendedUi, ColorSwatchPickerExtraUiSlot, ColorSwatchPickerProps };

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{ComboboxCompact as y,provideComboboxUi as b}from"@soybeanjs/headless";import{keysOf as x}from"@soybeanjs/utils";const S=o({name:`SCombobox`,__name:`combobox`,props:{class:{},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(()=>x(T));return b(n(()=>e(t({size:C.size}),C.ui,{trigger:C.class}))),(e,t)=>(u(),r(m(y),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{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:{},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/combobox/index.d.ts

@@ -1,4 +1,3 @@
 import { ComboboxEmits, ComboboxProps, ComboboxSlots } from "./types.js";
 import { _default } from "./combobox.vue.js";
-import { ComboboxAnchorProps, ComboboxCancelProps, ComboboxCompactEmits as ComboboxCompactEmits$1, ComboboxCompactProps as ComboboxCompactProps$1, ComboboxCompactSlots as ComboboxCompactSlots$1, ComboboxContentEmits, ComboboxContentProps, ComboboxEmptyProps, ComboboxGroupLabelProps, ComboboxGroupOptionData, ComboboxGroupProps, ComboboxInputEmits, ComboboxInputProps, ComboboxItemEmits, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxOptionData, ComboboxPortalProps, ComboboxRootEmits, ComboboxRootProps, ComboboxSeparatorProps, ComboboxSingleOptionData, ComboboxTriggerProps, ComboboxUi as ComboboxUi$1, ComboboxUiSlot, ComboboxViewportProps, ComboboxVirtualizerProps } from "@soybeanjs/headless/combobox";
-export { type ComboboxAnchorProps, type ComboboxCancelProps, type ComboboxCompactEmits$1 as ComboboxCompactEmits, type ComboboxCompactProps$1 as ComboboxCompactProps, type ComboboxCompactSlots$1 as ComboboxCompactSlots, type ComboboxContentEmits, type ComboboxContentProps, type ComboboxEmptyProps, type ComboboxGroupLabelProps, type ComboboxGroupOptionData, type ComboboxGroupProps, type ComboboxInputEmits, type ComboboxInputProps, type ComboboxItemEmits, type ComboboxItemIndicatorProps, type ComboboxItemProps, type ComboboxOptionData, type ComboboxPortalProps, type ComboboxRootEmits, type ComboboxRootProps, type ComboboxSeparatorProps, type ComboboxSingleOptionData, type ComboboxTriggerProps, type ComboboxUi$1 as ComboboxUi, type ComboboxUiSlot, type ComboboxViewportProps, type ComboboxVirtualizerProps };
+export * from "@soybeanjs/headless/combobox";

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

@@ -1,14 +1,32 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue } from "@soybeanjs/headless";
 import { ComboboxCompactEmits, ComboboxCompactProps, ComboboxCompactSlots, ComboboxUi } from "@soybeanjs/headless/combobox";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/combobox/types.d.ts
+/**
+ * Props for the combobox component.
+ */
 interface ComboboxProps<M extends boolean = false> extends ComboboxCompactProps<M> {
+  /**
+   * 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<ComboboxUi>;
 }
+/**
+ * Emits for the combobox component.
+ */
 type ComboboxEmits<M extends boolean = false> = ComboboxCompactEmits<M>;
+/**
+ * Slots for the combobox component.
+ */
 type ComboboxSlots<M extends boolean = false> = ComboboxCompactSlots<M>;
 //#endregion
 export { ComboboxEmits, ComboboxProps, ComboboxSlots };

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{CommandCompact as x,provideCommandUi as S}from"@soybeanjs/headless";import{keysOf as C}from"@soybeanjs/utils";const w=c({name:`SCommand`,__name:`command`,props:{class:{},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(()=>C(D));return S(i(()=>t(e(r({size:T.size}),{shortcut:n({size:T.size})}),T.ui,{root:T.class}))),(e,t)=>(f(),a(g(x),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{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:{},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};