@soybeanjs/headless 0.29.2 → 0.30.0-beta.1

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

@@ -1,9 +1,9 @@
 import { ColorChannel, ColorFormat, ColorSpace, ColorValue, NormalizedColor } from "../../types/color.js";
 import { UiClass } from "../../types/common.js";
 import { FormFieldCommonProps } from "../../types/component.js";
+import "../../types/index.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { CSSProperties, ComputedRef, ShallowRef } from "vue";
-
 //#region src/components/color-area/types.d.ts
 /**
  * Type information for ColorAreaAxisChannel.

package/dist/components/color-field/color-field-compact.vue.d.ts

@@ -1,6 +1,6 @@
 import { NormalizedColor } from "../../types/color.js";
+import "../../types/index.js";
 import { ColorFieldCompactProps } from "./types.js";
-
 //#region src/components/color-field/color-field-compact.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<ColorFieldCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
@@ -11,4 +11,4 @@ declare const __VLS_export: import("vue").DefineComponent<ColorFieldCompactProps
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1 +1 @@
-import{useColorFieldRootContext as e,useColorFieldUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,shallowRef as o,unref as s}from"vue";const c=[`inputmode`,`value`,`placeholder`,`disabled`,`readonly`,`data-disabled`,`data-readonly`],l=r({name:`ColorFieldInput`,__name:`color-field-input`,setup(r){let l=t(`input`),{updateValue:u,commit:d,handleWheel:f,increment:p,decrement:m,incrementPage:h,decrementPage:g,incrementToMax:_,decrementToMin:v,channel:y,inputValue:b,placeholder:x,disabled:S,readonly:C}=e(`ColorFieldInput`),w=o(!1);function T(e){u(e.target.value)}function E(){w.value=!1,d()}function D(){w.value=!0}function O(e){w.value&&f(e)}function k(e){switch(e.key){case`ArrowUp`:e.preventDefault(),p();break;case`ArrowDown`:e.preventDefault(),m();break;case`PageUp`:e.preventDefault(),h();break;case`PageDown`:e.preventDefault(),g();break;case`Home`:e.preventDefault(),v();break;case`End`:e.preventDefault(),_();break;case`Enter`:e.preventDefault(),d();break}}function A(e){if(!y.value)return;let t=e.data;t&&!/[\d.-]/.test(t)&&e.preventDefault()}return(e,t)=>(a(),n(`input`,{"data-soybean-color-field-input":``,class:i(s(l)),type:`text`,inputmode:s(y)?`decimal`:`text`,value:s(b),placeholder:s(x),disabled:s(S),readonly:s(C),"data-disabled":s(S)?``:void 0,"data-readonly":s(C)?``:void 0,onInput:T,onBlur:E,onFocus:D,onKeydown:k,onWheel:O,onBeforeinput:A},null,42,c))}});export{l as default};
+import{useColorFieldRootContext as e,useColorFieldUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,shallowRef as o,unref as s}from"vue";const c=[`inputmode`,`value`,`placeholder`,`disabled`,`readonly`,`data-disabled`,`data-readonly`],l=r({name:`ColorFieldInput`,__name:`color-field-input`,setup(r){let l=t(`input`),{updateValue:u,commit:d,handleWheel:f,increment:p,decrement:m,incrementPage:h,decrementPage:g,incrementToMax:_,decrementToMin:v,channel:y,inputValue:b,placeholder:x,disabled:S,readonly:C}=e(`ColorFieldInput`),w=o(!1);function T(e){u(e.target.value)}function E(){w.value=!1,d()}function D(){w.value=!0}function O(e){w.value&&f(e)}function k(e){switch(e.key){case`ArrowUp`:e.preventDefault(),p();break;case`ArrowDown`:e.preventDefault(),m();break;case`PageUp`:e.preventDefault(),h();break;case`PageDown`:e.preventDefault(),g();break;case`Home`:e.preventDefault(),v();break;case`End`:e.preventDefault(),_();break;case`Enter`:e.preventDefault(),d()}}function A(e){if(!y.value)return;let t=e.data;t&&!/[\d.-]/.test(t)&&e.preventDefault()}return(e,t)=>(a(),n(`input`,{"data-soybean-color-field-input":``,class:i(s(l)),type:`text`,inputmode:s(y)?`decimal`:`text`,value:s(b),placeholder:s(x),disabled:s(S),readonly:s(C),"data-disabled":s(S)?``:void 0,"data-readonly":s(C)?``:void 0,onInput:T,onBlur:E,onFocus:D,onKeydown:k,onWheel:O,onBeforeinput:A},null,42,c))}});export{l as default};

package/dist/components/color-field/color-field-input.vue.d.ts

@@ -1,7 +1,6 @@
 import { ColorFieldInputProps } from "./types.js";
-
 //#region src/components/color-field/color-field-input.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<ColorFieldInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorFieldInputProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/color-field/color-field-root.vue.d.ts

@@ -1,6 +1,6 @@
 import { ColorFormat, ColorSpace, ColorValue, NormalizedColor } from "../../types/color.js";
+import "../../types/index.js";
 import { ColorFieldRootProps } from "./types.js";
-
 //#region src/components/color-field/color-field-root.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -16,8 +16,8 @@ declare const __VLS_base: import("vue").DefineComponent<ColorFieldRootProps, {},
   disabled: boolean;
   format: ColorFormat;
   step: number;
-  defaultValue: string | ColorValue;
   modelValue: string | ColorValue;
+  defaultValue: string | ColorValue;
   readonly: boolean;
   colorSpace: ColorSpace;
   disableWheelChange: boolean;
@@ -30,4 +30,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,6 +1,8 @@
 import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 import { ColorFieldUiSlot } from "./types.js";
+import "../../index.js";
 //#region src/components/color-field/context.d.ts
 declare const provideColorFieldUi: (ui: import("vue").ComputedRef<Partial<UiClass<ColorFieldUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<ColorFieldUiSlot>>>, useColorFieldUi: UseUiConsumer<ColorFieldUiSlot>;
 //#endregion

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

@@ -1,6 +1,6 @@
 import { ColorFieldCompactEmits, ColorFieldCompactProps, ColorFieldInputProps, ColorFieldRootEmits, ColorFieldRootProps, ColorFieldUi, ColorFieldUiSlot } from "./types.js";
-import { _default } from "./color-field-compact.vue.js";
-import { _default as _default$2 } from "./color-field-root.vue.js";
-import { _default as _default$1 } from "./color-field-input.vue.js";
+import _default from "./color-field-compact.vue.js";
+import _default$2 from "./color-field-root.vue.js";
+import _default$1 from "./color-field-input.vue.js";
 import { provideColorFieldUi } from "./context.js";
 export { _default as ColorFieldCompact, type ColorFieldCompactEmits, type ColorFieldCompactProps, _default$1 as ColorFieldInput, type ColorFieldInputProps, _default$2 as ColorFieldRoot, type ColorFieldRootEmits, type ColorFieldRootProps, type ColorFieldUi, type ColorFieldUiSlot, provideColorFieldUi };

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

@@ -2,9 +2,9 @@ import { ColorChannel, ColorFormat, ColorSpace, ColorValue, NormalizedColor } fr
 import { UiClass } from "../../types/common.js";
 import { FormFieldCommonProps } from "../../types/component.js";
 import { BaseProps } from "../../types/vue.js";
+import "../../types/index.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { InputHTMLAttributes, ShallowRef } from "vue";
-
 //#region src/components/color-field/types.d.ts
 /**
  * Properties for the ColorFieldRoot component.

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

@@ -1,7 +1,9 @@
 import { ColorFormat, ColorSpace, NormalizedColor } from "../../types/color.js";
 import { Placement } from "../../types/common.js";
 import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import "../../types/index.js";
 import { ColorPickerCompactProps } from "./types.js";
+import "../../index.js";
 //#region src/components/color-picker/color-picker-compact.vue.d.ts
 declare var __VLS_21: {
   color: import("@soybeanjs/colord").AnyColor;
@@ -13,8 +15,8 @@ type __VLS_Slots = {} & {
   trigger?: (props: typeof __VLS_21) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ColorPickerCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  change: (value: string) => any;
   "update:modelValue": (value: string) => any;
+  change: (value: string) => any;
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
@@ -25,8 +27,8 @@ declare const __VLS_base: import("vue").DefineComponent<ColorPickerCompactProps,
   "update:color": (value: NormalizedColor) => any;
   "update:format": (value: ColorFormat) => any;
 }, string, import("vue").PublicProps, Readonly<ColorPickerCompactProps> & Readonly<{
-  onChange?: ((value: string) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
@@ -54,4 +56,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1 +1 @@
-import{areColorsEqual as e,formatColor as t,resolveColorFormat as n,toColorObject as r}from"../../shared/color.js";import{transformPropsToContext as i}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as a}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideColorPickerRootContext as o}from"./context.js";import{computed as s,defineComponent as c,renderSlot as l,shallowRef as u,watch as d}from"vue";const f=c({name:`ColorPickerRoot`,inheritAttrs:!1,__name:`color-picker-root`,props:{modelValue:{default:void 0},defaultValue:{default:`#000000`},format:{default:void 0},defaultFormat:{default:void 0},colorSpace:{default:void 0},disabled:{type:Boolean,default:!1},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:color`,`update:format`,`change`],setup(c,{emit:f}){let p=c,m=f;function h(e,t){return e||n(t,`hex`)}let g=a(()=>p.format,e=>{m(`update:format`,e)},h(p.defaultFormat,p.modelValue??p.defaultValue)),_=a(()=>p.modelValue,e=>{m(`update:modelValue`,typeof e==`string`?e:t(e,h(g.value,e)))},p.defaultValue),v=u(),y=u(p.modelValue??p.defaultValue),b=s(()=>y.value),x=s(()=>t(y.value,`hex`)),S=s(()=>h(g.value,y.value)),C=s(()=>t(y.value,S.value)),w=s(()=>S.value.toUpperCase()),T=s(()=>p.colorSpace===`oklch`?`chroma`:`saturation`),E=s(()=>p.colorSpace===`hsv`?`brightness`:`lightness`),D=s(()=>({x:T.value,y:E.value}));d(()=>p.modelValue,t=>{t!=null&&(typeof t==`string`&&t===v.value||e(t,y.value)||(y.value=t))},{immediate:!0});function O(e){let n=t(e,S.value),i=p.colorSpace??`hsl`;y.value=e,v.value=n,_.value=n,m(`update:color`,r(e,i)),m(`change`,n)}function k(e){S.value!==e&&(g.value=e)}return o({...i(p,[`name`,`required`,`disabled`]),color:b,formattedValue:C,hexValue:x,displayFormat:S}),(e,t)=>l(e.$slots,`default`,{color:b.value,formattedValue:C.value,hexValue:x.value,displayFormat:S.value,displayFormatLabel:w.value,areaChannel:D.value,setColor:O,setFormat:k})}});export{f as default};
+import{areColorsEqual as e,formatColor as t,resolveColorFormat as n,toColorObject as r}from"../../shared/color.js";import{transformPropsToContext as i}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as a}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideColorPickerRootContext as o}from"./context.js";import{computed as s,defineComponent as c,renderSlot as l,shallowRef as u,watch as d}from"vue";const f=c({name:`ColorPickerRoot`,inheritAttrs:!1,__name:`color-picker-root`,props:{modelValue:{default:void 0},defaultValue:{default:`#000000`},format:{default:void 0},defaultFormat:{default:void 0},colorSpace:{default:void 0},disabled:{type:Boolean,default:!1},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:color`,`update:format`,`change`],setup(c,{emit:f}){let p=c,m=f;function h(e,t){return e||n(t,`hex`)}let g=a(()=>p.format,e=>{m(`update:format`,e)},h(p.defaultFormat,p.modelValue??p.defaultValue)),_=a(()=>p.modelValue,e=>{m(`update:modelValue`,typeof e==`string`?e:t(e,h(g.value,e)))},p.defaultValue),v=u(),y=u(p.modelValue??p.defaultValue),b=s(()=>y.value),x=s(()=>t(y.value,`hex`)),S=s(()=>h(g.value,y.value)),C=s(()=>t(y.value,S.value)),w=s(()=>S.value.toUpperCase()),T=s(()=>p.colorSpace===`oklch`?`chroma`:`saturation`),E=s(()=>p.colorSpace===`hsv`?`brightness`:`lightness`),D=s(()=>({x:T.value,y:E.value}));d(()=>p.modelValue,t=>{t!=null&&(typeof t!=`string`||t!==v.value)&&(e(t,y.value)||(y.value=t))},{immediate:!0});function O(e){let n=t(e,S.value),i=p.colorSpace??`hsl`;y.value=e,v.value=n,_.value=n,m(`update:color`,r(e,i)),m(`change`,n)}function k(e){S.value!==e&&(g.value=e)}return o({...i(p,[`name`,`required`,`disabled`]),color:b,formattedValue:C,hexValue:x,displayFormat:S}),(e,t)=>l(e.$slots,`default`,{color:b.value,formattedValue:C.value,hexValue:x.value,displayFormat:S.value,displayFormatLabel:w.value,areaChannel:D.value,setColor:O,setFormat:k})}});export{f as default};

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

@@ -1,6 +1,6 @@
 import { ColorFormat, ColorSpace, ColorValue, NormalizedColor } from "../../types/color.js";
+import "../../types/index.js";
 import { ColorPickerRootProps } from "./types.js";
-
 //#region src/components/color-picker/color-picker-root.vue.d.ts
 declare function setColor(nextColor: ColorValue): void;
 declare function setFormat(nextFormat: ColorFormat): void;
@@ -11,8 +11,8 @@ declare var __VLS_1: {
   displayFormat: ColorFormat;
   displayFormatLabel: string;
   areaChannel: {
-    readonly x: "chroma" | "saturation";
-    readonly y: "brightness" | "lightness";
+    readonly x: "saturation" | "chroma";
+    readonly y: "lightness" | "brightness";
   };
   setColor: typeof setColor;
   setFormat: typeof setFormat;
@@ -21,22 +21,22 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ColorPickerRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  change: (value: string) => any;
   "update:modelValue": (value: string) => any;
+  change: (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
   "update:format": (value: ColorFormat) => any;
 }, string, import("vue").PublicProps, Readonly<ColorPickerRootProps> & Readonly<{
-  onChange?: ((value: string) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   "onUpdate:format"?: ((value: ColorFormat) => any) | undefined;
 }>, {
   disabled: boolean;
   format: ColorFormat;
-  defaultValue: string | ColorValue;
   modelValue: string | ColorValue;
-  defaultFormat: ColorFormat;
+  defaultValue: string | ColorValue;
   colorSpace: ColorSpace;
+  defaultFormat: ColorFormat;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
@@ -46,4 +46,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,6 +1,6 @@
 import { ColorFormat } from "../../types/color.js";
+import "../../types/index.js";
 import { ColorPickerTriggerProps } from "./types.js";
-
 //#region src/components/color-picker/color-picker-trigger.vue.d.ts
 declare var __VLS_8: {
   color: import("@soybeanjs/colord").AnyColor;
@@ -20,4 +20,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,6 +1,8 @@
 import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 import { ColorPickerUiSlot } from "./types.js";
+import "../../index.js";
 //#region src/components/color-picker/context.d.ts
 declare const provideColorPickerUi: (ui: import("vue").ComputedRef<Partial<UiClass<ColorPickerUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<ColorPickerUiSlot>>>, useColorPickerUi: UseUiConsumer<ColorPickerUiSlot>;
 //#endregion

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

@@ -1,6 +1,6 @@
 import { ColorPickerCompactEmits, ColorPickerCompactProps, ColorPickerFormatOptionData, ColorPickerRootEmits, ColorPickerRootProps, ColorPickerRootSlotProps, ColorPickerTriggerProps, ColorPickerUi, ColorPickerUiSlot } from "./types.js";
-import { _default } from "./color-picker-compact.vue.js";
-import { _default as _default$1 } from "./color-picker-root.vue.js";
-import { _default as _default$2 } from "./color-picker-trigger.vue.js";
+import _default from "./color-picker-compact.vue.js";
+import _default$1 from "./color-picker-root.vue.js";
+import _default$2 from "./color-picker-trigger.vue.js";
 import { provideColorPickerUi } from "./context.js";
 export { _default as ColorPickerCompact, type ColorPickerCompactEmits, type ColorPickerCompactProps, type ColorPickerFormatOptionData, _default$1 as ColorPickerRoot, type ColorPickerRootEmits, type ColorPickerRootProps, type ColorPickerRootSlotProps, _default$2 as ColorPickerTrigger, type ColorPickerTriggerProps, type ColorPickerUi, type ColorPickerUiSlot, provideColorPickerUi };

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

@@ -1,6 +1,7 @@
 import { ColorFormat, ColorSpace, ColorValue, NormalizedColor } from "../../types/color.js";
 import { UiClass } from "../../types/common.js";
 import { FormFieldCommonProps } from "../../types/component.js";
+import "../../types/index.js";
 import { ButtonProps } from "../button/types.js";
 import { PopoverCompactEmits, PopoverCompactProps } from "../popover/types.js";
 import { ColorAreaCompactProps } from "../color-area/types.js";
@@ -11,7 +12,6 @@ import { ColorSwatchPickerCompactProps } from "../color-swatch-picker/types.js";
 import { TabsOptionData } from "../tabs/types.js";
 import { SegmentCompactProps } from "../segment/types.js";
 import { ComputedRef } from "vue";
-
 //#region src/components/color-picker/types.d.ts
 /**
  * Properties for the ColorPickerRoot component.

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

@@ -1,18 +1,18 @@
 import { NormalizedColor } from "../../types/color.js";
+import "../../types/index.js";
 import { ColorSliderCompactProps } from "./types.js";
-
 //#region src/components/color-slider/color-slider-compact.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<ColorSliderCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  change: (value: string) => any;
   "update:modelValue": (value: string) => any;
+  change: (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
   changeEnd: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<ColorSliderCompactProps> & Readonly<{
-  onChange?: ((value: string) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1 +1 @@
-import{areColorsEqual as e,formatColor as t,getChannelObjectSpace as n,getChannelRange as r,getChannelValue as i,hasVisibleChromaticity as a,setChannelValue as o,toColorObject as s}from"../../shared/color.js";import{snapValueToStep as c}from"../../shared/value.js";import{transformPropsToContext as l}from"../../shared/vue.js";import{useDirection as u}from"../config-provider/context.js";import"../../shared/index.js";import{useControllableState as d}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import f from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import p from"../slider/slider-root.js";import"../slider/index.js";import{provideColorSliderRootContext as m,useColorSliderUi as h}from"./context.js";import{computed as g,createBlock as _,createCommentVNode as v,defineComponent as y,normalizeClass as b,openBlock as x,renderSlot as S,shallowRef as C,unref as w,watch as T,withCtx as E}from"vue";const D=y({name:`ColorSliderRoot`,__name:`color-slider-root`,props:{modelValue:{default:void 0},defaultValue:{default:`#000000`},colorSpace:{default:`hsl`},channel:{},format:{default:`hex`},orientation:{default:`horizontal`},dir:{},inverted:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},step:{default:void 0},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:color`,`change`,`changeEnd`],setup(y,{emit:D}){let O=y,k=D,A=h(`root`),j=d(()=>O.modelValue,e=>{k(`update:modelValue`,typeof e==`string`?e:t(e,O.format))},O.defaultValue),M=u(()=>O.dir),N=g(()=>n(O.channel,O.colorSpace)),P=C(),F=C(O.modelValue??O.defaultValue),I=C(H(F.value)),L=g(()=>r(O.channel)),R=g(()=>O.step??L.value.step),z=g(()=>i(I.value,O.channel,O.colorSpace)),B=g({get:()=>I.value,set:e=>{let n=s(e,N.value),r=t(e,O.format);I.value=n,F.value=e,P.value=r,j.value=r,k(`update:color`,n)}}),V=g({get:()=>[c(z.value,L.value.min,L.value.max,R.value)],set:e=>{let n=o(B.value,O.channel,e[0]??L.value.min,O.colorSpace),r=t(n,O.format);B.value=n,k(`change`,r)}});function H(e){return s(e,N.value)}function U(){let t=H(F.value);if(!e(t,I.value)){if(O.channel===`hue`&&!a(t,O.colorSpace)){I.value=o(t,O.channel,z.value,O.colorSpace);return}I.value=t}}function W(){k(`changeEnd`,t(B.value,O.format))}return T(()=>O.modelValue,e=>{e!=null&&(typeof e==`string`&&e===P.value||(F.value=e,U()))},{immediate:!0}),T(()=>[O.channel,O.colorSpace,O.format],U,{immediate:!0}),m({color:B,channelValue:z,range:L,...l(O,[`channel`,`colorSpace`,`format`,`orientation`,`disabled`,`inverted`])}),(e,n)=>(x(),_(w(p),{modelValue:V.value,"onUpdate:modelValue":n[0]||(n[0]=e=>V.value=e),as:y.as,"as-child":y.asChild,"data-soybean-color-slider-root":``,class:b(w(A)),orientation:y.orientation,dir:w(M),disabled:y.disabled,inverted:y.inverted,min:L.value.min,max:L.value.max,step:R.value,onValueCommit:W},{default:E(()=>[S(e.$slots,`default`),y.name?(x(),_(w(f),{key:0,type:`text`,value:w(t)(B.value,y.format),name:y.name,disabled:y.disabled,required:y.required},null,8,[`value`,`name`,`disabled`,`required`])):v(`v-if`,!0)]),_:3},8,[`modelValue`,`as`,`as-child`,`class`,`orientation`,`dir`,`disabled`,`inverted`,`min`,`max`,`step`]))}});export{D as default};
+import{areColorsEqual as e,formatColor as t,getChannelObjectSpace as n,getChannelRange as r,getChannelValue as i,hasVisibleChromaticity as a,setChannelValue as o,toColorObject as s}from"../../shared/color.js";import{snapValueToStep as c}from"../../shared/value.js";import{transformPropsToContext as l}from"../../shared/vue.js";import{useDirection as u}from"../config-provider/context.js";import"../../shared/index.js";import{useControllableState as d}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import f from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import p from"../slider/slider-root.js";import"../slider/index.js";import{provideColorSliderRootContext as m,useColorSliderUi as h}from"./context.js";import{computed as g,createBlock as _,createCommentVNode as v,defineComponent as y,normalizeClass as b,openBlock as x,renderSlot as S,shallowRef as C,unref as w,watch as T,withCtx as E}from"vue";const D=y({name:`ColorSliderRoot`,__name:`color-slider-root`,props:{modelValue:{default:void 0},defaultValue:{default:`#000000`},colorSpace:{default:`hsl`},channel:{},format:{default:`hex`},orientation:{default:`horizontal`},dir:{},inverted:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},step:{default:void 0},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:color`,`change`,`changeEnd`],setup(y,{emit:D}){let O=y,k=D,A=h(`root`),j=d(()=>O.modelValue,e=>{k(`update:modelValue`,typeof e==`string`?e:t(e,O.format))},O.defaultValue),M=u(()=>O.dir),N=g(()=>n(O.channel,O.colorSpace)),P=C(),F=C(O.modelValue??O.defaultValue),I=C(H(F.value)),L=g(()=>r(O.channel)),R=g(()=>O.step??L.value.step),z=g(()=>i(I.value,O.channel,O.colorSpace)),B=g({get:()=>I.value,set:e=>{let n=s(e,N.value),r=t(e,O.format);I.value=n,F.value=e,P.value=r,j.value=r,k(`update:color`,n)}}),V=g({get:()=>[c(z.value,L.value.min,L.value.max,R.value)],set:e=>{let n=o(B.value,O.channel,e[0]??L.value.min,O.colorSpace),r=t(n,O.format);B.value=n,k(`change`,r)}});function H(e){return s(e,N.value)}function U(){let t=H(F.value);if(!e(t,I.value)){if(O.channel===`hue`&&!a(t,O.colorSpace)){I.value=o(t,O.channel,z.value,O.colorSpace);return}I.value=t}}function W(){k(`changeEnd`,t(B.value,O.format))}return T(()=>O.modelValue,e=>{e!=null&&(typeof e!=`string`||e!==P.value)&&(F.value=e,U())},{immediate:!0}),T(()=>[O.channel,O.colorSpace,O.format],U,{immediate:!0}),m({color:B,channelValue:z,range:L,...l(O,[`channel`,`colorSpace`,`format`,`orientation`,`disabled`,`inverted`])}),(e,n)=>(x(),_(w(p),{modelValue:V.value,"onUpdate:modelValue":n[0]||(n[0]=e=>V.value=e),as:y.as,"as-child":y.asChild,"data-soybean-color-slider-root":``,class:b(w(A)),orientation:y.orientation,dir:w(M),disabled:y.disabled,inverted:y.inverted,min:L.value.min,max:L.value.max,step:R.value,onValueCommit:W},{default:E(()=>[S(e.$slots,`default`),y.name?(x(),_(w(f),{key:0,type:`text`,value:w(t)(B.value,y.format),name:y.name,disabled:y.disabled,required:y.required},null,8,[`value`,`name`,`disabled`,`required`])):v(`v-if`,!0)]),_:3},8,[`modelValue`,`as`,`as-child`,`class`,`orientation`,`dir`,`disabled`,`inverted`,`min`,`max`,`step`]))}});export{D as default};

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

@@ -1,19 +1,21 @@
 import { ColorFormat, ColorSpace, ColorValue, NormalizedColor } from "../../types/color.js";
 import { DataOrientation } from "../../types/common.js";
+import "../../types/index.js";
 import { ColorSliderRootProps } from "./types.js";
+import "../../index.js";
 //#region src/components/color-slider/color-slider-root.vue.d.ts
 declare var __VLS_10: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ColorSliderRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  change: (value: string) => any;
   "update:modelValue": (value: string) => any;
+  change: (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
   changeEnd: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<ColorSliderRootProps> & Readonly<{
-  onChange?: ((value: string) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {
@@ -21,8 +23,8 @@ declare const __VLS_base: import("vue").DefineComponent<ColorSliderRootProps, {}
   format: ColorFormat;
   orientation: DataOrientation;
   step: number;
-  defaultValue: string | ColorValue;
   modelValue: string | ColorValue;
+  defaultValue: string | ColorValue;
   inverted: boolean;
   colorSpace: ColorSpace;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -34,4 +36,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { ColorSliderThumbProps } from "./types.js";
-
 //#region src/components/color-slider/color-slider-thumb.vue.d.ts
 declare var __VLS_8: {
   channelName: string;
@@ -17,4 +16,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { ColorSliderTrackProps } from "./types.js";
-
 //#region src/components/color-slider/color-slider-track.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,6 +1,8 @@
 import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 import { ColorSliderUiSlot } from "./types.js";
+import "../../index.js";
 //#region src/components/color-slider/context.d.ts
 declare const provideColorSliderUi: (ui: import("vue").ComputedRef<Partial<UiClass<ColorSliderUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<ColorSliderUiSlot>>>, useColorSliderUi: UseUiConsumer<ColorSliderUiSlot>;
 //#endregion

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

@@ -1,7 +1,7 @@
 import { ColorSliderCompactEmits, ColorSliderCompactProps, ColorSliderRootEmits, ColorSliderRootProps, ColorSliderThumbProps, ColorSliderTrackProps, ColorSliderUi, ColorSliderUiSlot } from "./types.js";
-import { _default } from "./color-slider-compact.vue.js";
-import { _default as _default$1 } from "./color-slider-root.vue.js";
-import { _default as _default$3 } from "./color-slider-track.vue.js";
-import { _default as _default$2 } from "./color-slider-thumb.vue.js";
+import _default from "./color-slider-compact.vue.js";
+import _default$1 from "./color-slider-root.vue.js";
+import _default$3 from "./color-slider-track.vue.js";
+import _default$2 from "./color-slider-thumb.vue.js";
 import { provideColorSliderUi } from "./context.js";
 export { _default as ColorSliderCompact, type ColorSliderCompactEmits, type ColorSliderCompactProps, _default$1 as ColorSliderRoot, type ColorSliderRootEmits, type ColorSliderRootProps, _default$2 as ColorSliderThumb, type ColorSliderThumbProps, _default$3 as ColorSliderTrack, type ColorSliderTrackProps, type ColorSliderUi, type ColorSliderUiSlot, provideColorSliderUi };

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

@@ -1,9 +1,9 @@
 import { ColorChannel, ColorFormat, ColorSpace, ColorValue, NormalizedColor } from "../../types/color.js";
 import { DataOrientation, Direction, UiClass } from "../../types/common.js";
 import { FormFieldCommonProps } from "../../types/component.js";
+import "../../types/index.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { ComputedRef } from "vue";
-
 //#region src/components/color-slider/types.d.ts
 /**
  * Properties for the ColorSliderRoot component.

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

@@ -1,7 +1,6 @@
 import { ColorSwatchCheckerProps } from "./types.js";
-
 //#region src/components/color-swatch/color-swatch-checker.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<ColorSwatchCheckerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorSwatchCheckerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { ColorSwatchCompactProps, ColorSwatchCompactSlots } from "./types.js";
-
 //#region src/components/color-swatch/color-swatch-compact.vue.d.ts
 type __VLS_Slots = ColorSwatchCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<ColorSwatchCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorSwatchCompactProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -11,4 +10,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,7 +1,6 @@
 import { ColorSwatchFillProps } from "./types.js";
-
 //#region src/components/color-swatch/color-swatch-fill.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<ColorSwatchFillProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorSwatchFillProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { ColorSwatchRootProps, ColorSwatchRootSlots } from "./types.js";
-
 //#region src/components/color-swatch/color-swatch-root.vue.d.ts
 type __VLS_Slots = ColorSwatchRootSlots;
 declare const __VLS_base: import("vue").DefineComponent<ColorSwatchRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorSwatchRootProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -11,4 +10,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,6 +1,8 @@
 import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 import { ColorSwatchUiSlot } from "./types.js";
+import "../../index.js";
 //#region src/components/color-swatch/context.d.ts
 declare const provideColorSwatchUi: (ui: import("vue").ComputedRef<Partial<UiClass<ColorSwatchUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<ColorSwatchUiSlot>>>, useColorSwatchUi: UseUiConsumer<ColorSwatchUiSlot>;
 //#endregion

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

@@ -1,7 +1,7 @@
 import { ColorSwatchCheckerProps, ColorSwatchCompactProps, ColorSwatchCompactSlots, ColorSwatchFillProps, ColorSwatchRootProps, ColorSwatchRootSlots, ColorSwatchUi, ColorSwatchUiSlot } from "./types.js";
-import { _default as _default$1 } from "./color-swatch-compact.vue.js";
-import { _default as _default$3 } from "./color-swatch-root.vue.js";
-import { _default } from "./color-swatch-checker.vue.js";
-import { _default as _default$2 } from "./color-swatch-fill.vue.js";
+import _default$1 from "./color-swatch-compact.vue.js";
+import _default$3 from "./color-swatch-root.vue.js";
+import _default from "./color-swatch-checker.vue.js";
+import _default$2 from "./color-swatch-fill.vue.js";
 import { provideColorSwatchUi } from "./context.js";
 export { _default as ColorSwatchChecker, type ColorSwatchCheckerProps, _default$1 as ColorSwatchCompact, type ColorSwatchCompactProps, type ColorSwatchCompactSlots, _default$2 as ColorSwatchFill, type ColorSwatchFillProps, _default$3 as ColorSwatchRoot, type ColorSwatchRootProps, type ColorSwatchRootSlots, type ColorSwatchUi, type ColorSwatchUiSlot, provideColorSwatchUi };

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

@@ -1,8 +1,8 @@
 import { ColorValue } from "../../types/color.js";
 import { UiClass } from "../../types/common.js";
 import { BaseProps } from "../../types/vue.js";
+import "../../types/index.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
-
 //#region src/components/color-swatch/types.d.ts
 /**
  * Properties for the ColorSwatch component.
@@ -70,4 +70,4 @@ type ColorSwatchUiSlot = 'root' | 'checker' | 'fill';
  */
 type ColorSwatchUi = UiClass<ColorSwatchUiSlot>;
 //#endregion
-export { ColorSwatchCheckerProps, ColorSwatchCompactProps, ColorSwatchCompactSlots, ColorSwatchFillProps, ColorSwatchRootProps, ColorSwatchRootSlots, ColorSwatchUi, ColorSwatchUiSlot };
+export { ColorSwatchCheckerProps, ColorSwatchCompactProps, ColorSwatchCompactSlots, ColorSwatchFillProps, ColorSwatchRootProps, ColorSwatchRootSlots, ColorSwatchSlotProps, ColorSwatchUi, ColorSwatchUiSlot };

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

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"./color-swatch-picker-item-indicator.js";import i from"./color-swatch-picker-item-swatch.js";import a from"./color-swatch-picker-item.js";import o from"./color-swatch-picker-root.js";import{Fragment as s,createBlock as c,createElementBlock as l,createVNode as u,defineComponent as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b=d({name:`ColorSwatchPickerCompact`,__name:`color-swatch-picker-compact`,props:{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(d,{emit:b}){let x=d,S=b,C=t(x,[`colors`,`itemProps`,`indicatorProps`,`swatchProps`]),w=e(S);return(e,t)=>(m(),c(o,f(v(C),_(v(w))),{default:y(o=>[d.colors?.length?(m(!0),l(s,{key:0},h(d.colors,o=>(m(),c(a,f({key:o,value:o},{ref_for:!0},d.itemProps,{onSelect:t[0]||(t[0]=e=>S(`select`,e))}),{default:y(()=>[u(i,f({ref_for:!0},d.swatchProps),{default:y(()=>[g(e.$slots,`swatch`,{color:o})]),_:2},1040),u(r,f({ref_for:!0},d.indicatorProps),{default:y(()=>[g(e.$slots,`indicator`,{color:o},()=>[u(n,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`]))),128)):g(e.$slots,`default`,p(f({key:1},o)))]),_:3},16))}});export{b as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"./color-swatch-picker-item-indicator.js";import i from"./color-swatch-picker-item-swatch.js";import a from"./color-swatch-picker-item.js";import o from"./color-swatch-picker-root.js";import{Fragment as s,createBlock as c,createElementBlock as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeProps as m,openBlock as h,renderList as g,renderSlot as _,toHandlers as v,unref as y,withCtx as b}from"vue";const x=d({name:`ColorSwatchPickerCompact`,__name:`color-swatch-picker-compact`,props:{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(d,{emit:x}){let S=d,C=x,w=t(S,[`colors`,`itemProps`,`indicatorProps`,`swatchProps`]),T=e(C);return(e,t)=>(h(),c(o,p(y(w),v(y(T))),{default:b(o=>[d.colors?.length?(h(!0),l(s,{key:0},g(d.colors,o=>(h(),c(a,p({key:o,value:o},{ref_for:!0},d.itemProps,{onSelect:t[0]||(t[0]=e=>C(`select`,e))}),{default:b(()=>[u(i,p({ref_for:!0},d.swatchProps),{default:b(()=>[_(e.$slots,`swatch`,{color:o})]),_:2},1040),u(r,p({ref_for:!0},d.indicatorProps),{default:b(()=>[_(e.$slots,`indicator`,{color:o},()=>[u(n,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`]))),128)):_(e.$slots,`default`,m(f(o)),void 0,void 0,1)]),_:3},16))}});export{x as default};

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

@@ -1,7 +1,10 @@
 import { SelectEvent } from "../../types/event.js";
 import { CollectionItemData } from "../../composables/use-collection.js";
+import "../../composables/index.js";
 import { ListboxCollectionItemData } from "../listbox/types.js";
+import "../listbox/index.js";
 import { ColorSwatchPickerCompactProps, ColorSwatchPickerCompactSlots } from "./types.js";
+import "../../index.js";
 //#region src/components/color-swatch-picker/color-swatch-picker-compact.vue.d.ts
 declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<ColorSwatchPickerCompactProps<M> & {
@@ -18,9 +21,9 @@ declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable
   slots: ColorSwatchPickerCompactSlots<M>;
   emit: ((evt: "select", event: SelectEvent<string>) => void) & ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "leave", event: Event) => void);
 }>) => import("vue").VNode & {
-  __ctx?: Awaited<typeof __VLS_setup>;
+  __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 declare const _default: typeof __VLS_export;
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { ColorSwatchPickerItemIndicatorProps } from "./types.js";
-
 //#region src/components/color-swatch-picker/color-swatch-picker-item-indicator.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { ColorSwatchPickerItemSwatchProps } from "./types.js";
-
 //#region src/components/color-swatch-picker/color-swatch-picker-item-swatch.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,6 @@
 import { SelectEvent } from "../../types/event.js";
 import { ColorSwatchPickerItemProps } from "./types.js";
+import "../../index.js";
 //#region src/components/color-swatch-picker/color-swatch-picker-item.vue.d.ts
 declare var __VLS_10: {};
 type __VLS_Slots = {} & {
@@ -18,4 +19,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,7 +1,8 @@
 import { CollectionItemData } from "../../composables/use-collection.js";
+import "../../composables/index.js";
 import { ListboxCollectionItemData } from "../listbox/types.js";
+import "../listbox/index.js";
 import { ColorSwatchPickerRootProps } from "./types.js";
-
 //#region src/components/color-swatch-picker/color-swatch-picker-root.vue.d.ts
 declare const __VLS_export: <M extends boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<ColorSwatchPickerRootProps<M> & {
@@ -21,9 +22,9 @@ declare const __VLS_export: <M extends boolean>(__VLS_props: NonNullable<Awaited
   };
   emit: ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "leave", event: Event) => void);
 }>) => import("vue").VNode & {
-  __ctx?: Awaited<typeof __VLS_setup>;
+  __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 declare const _default: typeof __VLS_export;
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,6 +1,8 @@
 import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 import { ColorSwatchPickerUiSlot } from "./types.js";
+import "../../index.js";
 //#region src/components/color-swatch-picker/context.d.ts
 declare const provideColorSwatchPickerUi: (ui: import("vue").ComputedRef<Partial<UiClass<ColorSwatchPickerUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<ColorSwatchPickerUiSlot>>>, useColorSwatchPickerUi: UseUiConsumer<ColorSwatchPickerUiSlot>;
 //#endregion