@soybeanjs/headless 0.30.0 → 0.40.0-beta.2

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

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePickProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../color-area/color-area-compact.js";import r from"../color-field/color-field-compact.js";import i from"../color-slider/color-slider-compact.js";import a from"../color-swatch/color-swatch-compact.js";import o from"../color-swatch-picker/color-swatch-picker-compact.js";import s from"../popover/popover-compact.js";import c from"../segment/segment-compact.js";import{colorFormats as l}from"./shared.js";import{useColorPickerUi as u}from"./context.js";import d from"./color-picker-root.js";import f from"./color-picker-trigger.js";import{createBlock as p,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createVNode as _,defineComponent as v,guardReactiveProps as y,mergeProps as b,normalizeClass as x,normalizeProps as S,openBlock as C,renderSlot as w,toHandlers as T,unref as E,withCtx as D}from"vue";const O=v({name:`ColorPickerCompact`,__name:`color-picker-compact`,props:{showAlpha:{type:Boolean,default:!0},showFields:{type:Boolean,default:!0},showSwatches:{type:Boolean,default:!0},swatches:{default:()=>[]},swatchProps:{},segmentProps:{},areaProps:{},hueSliderProps:{},alphaSliderProps:{},alphaFieldProps:{},fieldProps:{},swatchPickerProps:{},modelValue:{},defaultValue:{},format:{},defaultFormat:{},colorSpace:{default:`hsl`},disabled:{type:Boolean},name:{},required:{type:Boolean},placement:{default:`bottom`},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean}},emits:[`update:modelValue`,`update:color`,`update:format`,`change`,`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(v,{emit:O}){let k=v,A=O,j=u(),M=e(A),N=t(k,[`name`,`required`,`modelValue`,`defaultValue`,`format`,`defaultFormat`,`disabled`,`colorSpace`]),P=t(k,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`triggerProps`,`positionerProps`,`popupProps`,`closeProps`,`portalProps`,`arrowProps`]);return(e,t)=>(C(),p(d,b(E(N),T(E(M))),{default:D(({color:t,hexValue:u,displayFormat:d,displayFormatLabel:O,areaChannel:k,setColor:A,setFormat:N})=>[_(s,b(E(P),T(E(M))),{trigger:D(()=>[_(f,null,{default:D(t=>[w(e.$slots,`trigger`,S(y(t)))]),_:3})]),default:D(()=>[g(`div`,{class:x(E(j).content),"data-soybean-color-picker-content":``},[_(c,b(v.segmentProps,{"data-soybean-color-picker-segment":``,class:E(j).segment,"model-value":d,items:E(l),disabled:v.disabled,"onUpdate:modelValue":N}),null,16,[`class`,`model-value`,`items`,`disabled`,`onUpdate:modelValue`]),_(n,b(v.areaProps,{"data-soybean-color-picker-area":``,class:E(j).area,"model-value":t,"color-space":v.colorSpace,"x-channel":k.x,"y-channel":k.y,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`x-channel`,`y-channel`,`disabled`,`onUpdate:color`]),g(`div`,{class:x(E(j).sliderSwatch),"data-soybean-color-picker-slider-swatch":``},[g(`div`,{class:x(E(j).sliderRoot),"data-soybean-color-picker-slider-root":``},[_(i,b(v.hueSliderProps,{"data-soybean-color-picker-hue-slider":``,class:E(j).slider,"model-value":t,channel:`hue`,"color-space":v.colorSpace,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`disabled`,`onUpdate:color`]),v.showAlpha?(C(),p(i,b({key:0},v.alphaSliderProps,{"data-soybean-color-picker-alpha-slider":``,class:E(j).alphaSlider,"model-value":t,channel:`alpha`,"color-space":v.colorSpace,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`disabled`,`onUpdate:color`])):m(`v-if`,!0)],2),_(a,b(v.swatchProps,{"data-soybean-color-picker-swatch":``,class:E(j).swatch,color:u}),null,16,[`class`,`color`])],2),v.showFields?(C(),h(`div`,{key:0,class:x(E(j).fields),"data-soybean-color-picker-fields":``},[_(r,b(v.fieldProps,{"data-soybean-color-picker-field":``,class:E(j).field,"model-value":u,format:d,placeholder:O,disabled:v.disabled,"onUpdate:modelValue":A}),null,16,[`class`,`model-value`,`format`,`placeholder`,`disabled`,`onUpdate:modelValue`]),v.showAlpha?(C(),p(r,b({key:0},v.alphaFieldProps,{"data-soybean-color-picker-alpha-field":``,class:E(j).alphaField,"model-value":t,channel:`alpha`,"color-space":v.colorSpace,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`disabled`,`onUpdate:color`])):m(`v-if`,!0)],2)):m(`v-if`,!0),v.showSwatches&&v.swatches.length?(C(),p(o,b({key:1},v.swatchPickerProps,{"data-soybean-color-picker-swatch-picker":``,class:E(j).swatchPicker,colors:v.swatches,"model-value":u,disabled:v.disabled,multiple:!1,"onUpdate:modelValue":A}),null,16,[`class`,`colors`,`model-value`,`disabled`,`onUpdate:modelValue`])):m(`v-if`,!0)],2)]),_:2},1040)]),_:3},16))}});export{O as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePickProps as t}from"../../composables/use-props.js";import n from"../color-area/color-area-compact.js";import r from"../color-field/color-field-compact.js";import i from"../color-slider/color-slider-compact.js";import a from"../color-swatch/color-swatch-compact.js";import o from"../color-swatch-picker/color-swatch-picker-compact.js";import s from"../popover/popover-compact.js";import c from"../segment/segment-compact.js";import{colorFormats as l}from"./shared.js";import{useColorPickerUi as u}from"./context.js";import d from"./color-picker-root.js";import f from"./color-picker-trigger.js";import{createBlock as p,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createVNode as _,defineComponent as v,guardReactiveProps as y,mergeProps as b,normalizeClass as x,normalizeProps as S,openBlock as C,renderSlot as w,toHandlers as T,unref as E,withCtx as D}from"vue";const O=v({name:`ColorPickerCompact`,__name:`color-picker-compact`,props:{showAlpha:{type:Boolean,default:!0},showFields:{type:Boolean,default:!0},showSwatches:{type:Boolean,default:!0},swatches:{default:()=>[]},swatchProps:{},segmentProps:{},areaProps:{},hueSliderProps:{},alphaSliderProps:{},alphaFieldProps:{},fieldProps:{},swatchPickerProps:{},modelValue:{},defaultValue:{},format:{},defaultFormat:{},colorSpace:{default:`hsl`},disabled:{type:Boolean},name:{},required:{type:Boolean},placement:{default:`bottom`},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean}},emits:[`update:modelValue`,`update:color`,`update:format`,`change`,`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`placed`],setup(v,{emit:O}){let k=v,A=O,j=u(),M=e(A),N=t(k,[`name`,`required`,`modelValue`,`defaultValue`,`format`,`defaultFormat`,`disabled`,`colorSpace`]),P=t(k,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`triggerProps`,`positionerProps`,`popupProps`,`closeProps`,`portalProps`,`arrowProps`]);return(e,t)=>(C(),p(d,b(E(N),T(E(M))),{default:D(({color:t,hexValue:u,displayFormat:d,displayFormatLabel:O,areaChannel:k,setColor:A,setFormat:N})=>[_(s,b(E(P),T(E(M))),{trigger:D(()=>[_(f,null,{default:D(t=>[w(e.$slots,`trigger`,S(y(t)))]),_:3})]),default:D(()=>[g(`div`,{class:x(E(j).content),"data-soybean-color-picker-content":``},[_(c,b(v.segmentProps,{"data-soybean-color-picker-segment":``,"model-value":d,items:E(l),disabled:v.disabled,"onUpdate:modelValue":N}),null,16,[`model-value`,`items`,`disabled`,`onUpdate:modelValue`]),_(n,b(v.areaProps,{"data-soybean-color-picker-area":``,"model-value":t,"color-space":v.colorSpace,"x-channel":k.x,"y-channel":k.y,disabled:v.disabled,"onUpdate:color":A}),null,16,[`model-value`,`color-space`,`x-channel`,`y-channel`,`disabled`,`onUpdate:color`]),g(`div`,{class:x(E(j).sliderSwatch),"data-soybean-color-picker-slider-swatch":``},[g(`div`,{class:x(E(j).sliderRoot),"data-soybean-color-picker-slider-root":``},[_(i,b(v.hueSliderProps,{"data-soybean-color-picker-hue-slider":``,"model-value":t,channel:`hue`,"color-space":v.colorSpace,disabled:v.disabled,"onUpdate:color":A}),null,16,[`model-value`,`color-space`,`disabled`,`onUpdate:color`]),v.showAlpha?(C(),p(i,b({key:0},v.alphaSliderProps,{"data-soybean-color-picker-alpha-slider":``,"model-value":t,channel:`alpha`,"color-space":v.colorSpace,disabled:v.disabled,"onUpdate:color":A}),null,16,[`model-value`,`color-space`,`disabled`,`onUpdate:color`])):m(`v-if`,!0)],2),_(a,b(v.swatchProps,{"data-soybean-color-picker-swatch":``,class:E(j).swatch,color:u}),null,16,[`class`,`color`])],2),v.showFields?(C(),h(`div`,{key:0,class:x(E(j).fields),"data-soybean-color-picker-fields":``},[_(r,b(v.fieldProps,{"data-soybean-color-picker-field":``,"model-value":u,format:d,placeholder:O,disabled:v.disabled,"onUpdate:modelValue":A}),null,16,[`model-value`,`format`,`placeholder`,`disabled`,`onUpdate:modelValue`]),v.showAlpha?(C(),p(r,b({key:0},v.alphaFieldProps,{"data-soybean-color-picker-alpha-field":``,class:E(j).alphaField,"model-value":t,channel:`alpha`,"color-space":v.colorSpace,disabled:v.disabled,"onUpdate:color":A}),null,16,[`class`,`model-value`,`color-space`,`disabled`,`onUpdate:color`])):m(`v-if`,!0)],2)):m(`v-if`,!0),v.showSwatches&&v.swatches.length?(C(),p(o,b({key:1},v.swatchPickerProps,{"data-soybean-color-picker-swatch-picker":``,colors:v.swatches,"model-value":u,disabled:v.disabled,multiple:!1,"onUpdate:modelValue":A}),null,16,[`colors`,`model-value`,`disabled`,`onUpdate:modelValue`])):m(`v-if`,!0)],2)]),_:2},1040)]),_:3},16))}});export{O as default};

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

@@ -15,27 +15,29 @@ 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:open": (value: boolean) => any;
   "update:modelValue": (value: string) => any;
+  change: (value: string) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
+  placed: () => any;
   "update:color": (value: NormalizedColor) => any;
   "update:format": (value: ColorFormat) => any;
 }, string, import("vue").PublicProps, Readonly<ColorPickerCompactProps> & Readonly<{
-  onChange?: ((value: string) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onPlaced?: (() => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   "onUpdate:format"?: ((value: ColorFormat) => any) | undefined;
 }>, {

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{toContext as i}from"../../shared/vue.js";import{useControllableState as a}from"../../composables/use-controllable-state.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

@@ -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;
+  format: ColorFormat;
   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;

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

@@ -1 +1 @@
-import{isFormControl as e}from"../../shared/vue.js";import"../../shared/index.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import"../../composables/index.js";import n from"../button/button.js";import r from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import i from"../color-swatch/color-swatch-compact.js";import{useColorPickerRootContext as a,useColorPickerUi as o}from"./context.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementVNode as u,createVNode as d,defineComponent as f,mergeProps as p,normalizeClass as m,openBlock as h,renderSlot as g,toDisplayString as _,unref as v,withCtx as y}from"vue";const b=f({name:`ColorPickerTrigger`,__name:`color-picker-trigger`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(f){let b=f,[x,S]=t(),{color:C,hexValue:w,formattedValue:T,displayFormat:E,name:D,disabled:O,required:k}=a(`ColorPickerTrigger`),A=o(),j=s(()=>e(x.value)),M=s(()=>O.value||b.disabled);return(e,t)=>(h(),c(n,p(b,{ref:v(S),"data-soybean-color-picker-trigger":``,class:v(A).trigger,disabled:M.value}),{default:y(()=>[g(e.$slots,`default`,{color:v(C),hexValue:v(w),formattedValue:v(T),displayFormat:v(E)},()=>[d(i,{color:v(w),class:m(v(A).triggerSwatch)},null,8,[`color`,`class`]),u(`span`,{class:m(v(A).triggerValue)},_(v(T)),3)]),j.value&&v(D)?(h(),c(v(r),{key:0,type:`text`,value:v(T),name:v(D),disabled:M.value,required:v(k)},null,8,[`value`,`name`,`disabled`,`required`])):l(`v-if`,!0)]),_:3},16,[`class`,`disabled`]))}});export{b as default};
+import{isFormControl as e}from"../../shared/vue.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import n from"../button/button.js";import r from"../visually-hidden/visually-hidden-input.js";import i from"../color-swatch/color-swatch-compact.js";import{useColorPickerRootContext as a,useColorPickerUi as o}from"./context.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementVNode as u,createVNode as d,defineComponent as f,mergeProps as p,normalizeClass as m,openBlock as h,renderSlot as g,toDisplayString as _,unref as v,withCtx as y}from"vue";const b=f({name:`ColorPickerTrigger`,__name:`color-picker-trigger`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(f){let b=f,[x,S]=t(),{color:C,hexValue:w,formattedValue:T,displayFormat:E,name:D,disabled:O,required:k}=a(`ColorPickerTrigger`),A=o(),j=s(()=>e(x.value)),M=s(()=>O.value||b.disabled);return(e,t)=>(h(),c(n,p(b,{ref:v(S),"data-soybean-color-picker-trigger":``,class:v(A).trigger,disabled:M.value}),{default:y(()=>[g(e.$slots,`default`,{color:v(C),hexValue:v(w),formattedValue:v(T),displayFormat:v(E)},()=>[d(i,{color:v(w),class:m(v(A).triggerSwatch)},null,8,[`color`,`class`]),u(`span`,{class:m(v(A).triggerValue)},_(v(T)),3)]),j.value&&v(D)?(h(),c(v(r),{key:0,type:`text`,value:v(T),name:v(D),disabled:M.value,required:v(k)},null,8,[`value`,`name`,`disabled`,`required`])):l(`v-if`,!0)]),_:3},16,[`class`,`disabled`]))}});export{b as default};

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

@@ -1,8 +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";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/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/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[n,r]=e(`ColorPickerRootContext`),[i,a]=t(`ColorPickerUi`);export{n as provideColorPickerRootContext,i as provideColorPickerUi,r as useColorPickerRootContext,a as useColorPickerUi};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import{provideColorAreaUi as n}from"../color-area/context.js";import{provideColorFieldUi as r}from"../color-field/context.js";import{provideColorSliderUi as i}from"../color-slider/context.js";import{provideColorSwatchUi as a}from"../color-swatch/context.js";import{provideColorSwatchPickerUi as o}from"../color-swatch-picker/context.js";import{providePopoverUi as s}from"../popover/context.js";import{provideTabsUi as c}from"../tabs/context.js";import{computed as l}from"vue";const[u,d]=e(`ColorPickerRootContext`);function f(e){return{positioner:e.positioner,popup:e.popup,arrow:e.arrow,close:e.close,trigger:e.popoverTrigger}}function p(e){return{root:e.areaRoot,area:e.areaSurface,thumb:e.areaThumb}}function m(e){return{root:e.fieldRoot,input:e.fieldInput}}function h(e){return{root:e.sliderControl,track:e.sliderTrack,thumb:e.sliderThumb}}function g(e){return{root:e.swatchRoot,checker:e.swatchChecker,fill:e.swatchFill}}function _(e){return{root:e.swatchPickerRoot,item:e.swatchPickerItem,itemIndicator:e.swatchPickerItemIndicator,swatchRoot:e.swatchPickerSwatchRoot,swatchChecker:e.swatchPickerSwatchChecker,swatchFill:e.swatchPickerSwatchFill}}function v(e){return{root:e.segmentRoot,list:e.segmentList,trigger:e.segmentTrigger,indicator:e.segmentIndicator,indicatorContent:e.segmentIndicatorContent}}const[y,b]=t(`ColorPickerUi`,e=>(s(l(()=>f(e.value))),n(l(()=>p(e.value))),r(l(()=>m(e.value))),i(l(()=>h(e.value))),a(l(()=>g(e.value))),o(l(()=>_(e.value))),c(l(()=>v(e.value))),e));export{u as provideColorPickerRootContext,y as provideColorPickerUi,d as useColorPickerRootContext,b as useColorPickerUi};

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

@@ -16,7 +16,7 @@ import { ComputedRef } from "vue";
 /**
  * Properties for the ColorPickerRoot component.
  */
-interface ColorPickerRootProps extends FormFieldCommonProps {
+export interface ColorPickerRootProps extends FormFieldCommonProps {
   /**
    * Current model value.
    */
@@ -45,7 +45,7 @@ interface ColorPickerRootProps extends FormFieldCommonProps {
 /**
  * Events for the ColorPickerRoot component.
  */
-type ColorPickerRootEmits = {
+export type ColorPickerRootEmits = {
   /**
    * Emitted when the model value changes.
    */
@@ -66,7 +66,7 @@ type ColorPickerRootEmits = {
 /**
  * Slot properties for the ColorPickerRoot component.
  */
-interface ColorPickerRootSlotProps {
+export interface ColorPickerRootSlotProps {
   /**
    * Theme color of the component.
    */
@@ -107,11 +107,11 @@ interface ColorPickerRootSlotProps {
 /**
  * Properties for the ColorPickerTrigger component.
  */
-interface ColorPickerTriggerProps extends ButtonProps {}
+export interface ColorPickerTriggerProps extends ButtonProps {}
 /**
  * Option data for the ColorPicker format segment.
  */
-interface ColorPickerFormatOptionData extends TabsOptionData<ColorFormat> {
+export interface ColorPickerFormatOptionData extends TabsOptionData<ColorFormat> {
   /**
    * Color format value of the option.
    */
@@ -124,7 +124,7 @@ interface ColorPickerFormatOptionData extends TabsOptionData<ColorFormat> {
 /**
  * Properties for the ColorPickerCompact component.
  */
-interface ColorPickerCompactProps extends ColorPickerRootProps, PopoverCompactProps {
+export interface ColorPickerCompactProps extends ColorPickerRootProps, PopoverCompactProps {
   /**
    * Whether to show an alpha.
    */
@@ -177,14 +177,16 @@ interface ColorPickerCompactProps extends ColorPickerRootProps, PopoverCompactPr
 /**
  * Events for the ColorPickerCompact component.
  */
-type ColorPickerCompactEmits = ColorPickerRootEmits & PopoverCompactEmits;
+export type ColorPickerCompactEmits = ColorPickerRootEmits & PopoverCompactEmits;
 /**
  * Available UI slots for the ColorPicker component.
+ *
+ * Nested primitive slots are aliased so colliding names (`root`, `trigger`, `thumb`)
+ * can live on one recipe. Headless remaps them back to each child `provide*Ui`.
  */
-type ColorPickerUiSlot = 'popup' | 'content' | 'trigger' | 'triggerSwatch' | 'triggerValue' | 'segment' | 'area' | 'sliderSwatch' | 'sliderRoot' | 'slider' | 'alphaSlider' | 'swatch' | 'fields' | 'field' | 'alphaField' | 'swatchPicker';
+export type ColorPickerUiSlot = 'positioner' | 'popup' | 'arrow' | 'close' | 'popoverTrigger' | 'content' | 'trigger' | 'triggerSwatch' | 'triggerValue' | 'areaRoot' | 'areaSurface' | 'areaThumb' | 'sliderSwatch' | 'sliderRoot' | 'sliderControl' | 'sliderTrack' | 'sliderThumb' | 'swatchRoot' | 'swatchChecker' | 'swatchFill' | 'swatch' | 'fields' | 'fieldRoot' | 'fieldInput' | 'alphaField' | 'segmentRoot' | 'segmentList' | 'segmentTrigger' | 'segmentIndicator' | 'segmentIndicatorContent' | 'swatchPickerRoot' | 'swatchPickerItem' | 'swatchPickerItemIndicator' | 'swatchPickerSwatchRoot' | 'swatchPickerSwatchChecker' | 'swatchPickerSwatchFill';
 /**
  * UI class overrides for the ColorPicker component.
  */
-type ColorPickerUi = UiClass<ColorPickerUiSlot>;
-//#endregion
-export { ColorPickerCompactEmits, ColorPickerCompactProps, ColorPickerFormatOptionData, ColorPickerRootEmits, ColorPickerRootProps, ColorPickerRootSlotProps, ColorPickerTriggerProps, ColorPickerUi, ColorPickerUiSlot };
+export type ColorPickerUi = UiClass<ColorPickerUiSlot>;
+//#endregion

package/dist/components/color-slider/color-slider-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"./color-slider-root.js";import r from"./color-slider-thumb.js";import i from"./color-slider-track.js";import{createBlock as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,toHandlers as f,unref as p,withCtx as m}from"vue";const h=s({name:`ColorSliderCompact`,__name:`color-slider-compact`,props:{trackProps:{},thumbProps:{},modelValue:{},defaultValue:{},colorSpace:{},channel:{},format:{},orientation:{},dir:{},inverted:{type:Boolean},disabled:{type:Boolean},step:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:color`,`change`,`changeEnd`],setup(s,{emit:h}){let g=s,_=h,v=t(g,[`trackProps`,`thumbProps`]),y=e(_);return(e,t)=>(d(),a(n,l(p(v),f(p(y))),{default:m(()=>[o(i,u(c(s.trackProps)),null,16),o(r,u(c(s.thumbProps)),null,16)]),_:1},16))}});export{h as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import n from"./color-slider-root.js";import r from"./color-slider-thumb.js";import i from"./color-slider-track.js";import{createBlock as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,toHandlers as f,unref as p,withCtx as m}from"vue";const h=s({name:`ColorSliderCompact`,__name:`color-slider-compact`,props:{trackProps:{},thumbProps:{},modelValue:{},defaultValue:{},colorSpace:{},channel:{},format:{},orientation:{},dir:{},inverted:{type:Boolean},disabled:{type:Boolean},step:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:color`,`change`,`changeEnd`],setup(s,{emit:h}){let g=s,_=h,v=t(g,[`trackProps`,`thumbProps`]),y=e(_);return(e,t)=>(d(),a(n,l(p(v),f(p(y))),{default:m(()=>[o(i,u(c(s.trackProps)),null,16),o(r,u(c(s.thumbProps)),null,16)]),_:1},16))}});export{h as default};

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

@@ -3,13 +3,13 @@ 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>;

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{toContext as l}from"../../shared/vue.js";import{useDirection as u}from"../config-provider/context.js";import{useControllableState as d}from"../../composables/use-controllable-state.js";import f from"../visually-hidden/visually-hidden-input.js";import p from"../slider/slider-root.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]||=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

@@ -9,24 +9,24 @@ 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;
 }>, {
   disabled: boolean;
-  format: ColorFormat;
-  orientation: DataOrientation;
   step: number;
   defaultValue: string | ColorValue;
   modelValue: string | ColorValue;
-  inverted: boolean;
+  format: ColorFormat;
+  orientation: DataOrientation;
   colorSpace: ColorSpace;
+  inverted: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-import{formatChannelValue as e,getChannelName as t}from"../../shared/color.js";import"../../shared/index.js";import n from"../slider/slider-thumb.js";import"../slider/index.js";import{useColorSliderRootContext as r,useColorSliderUi as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`ColorSliderThumb`,__name:`color-slider-thumb`,props:{asChild:{type:Boolean},as:{}},setup(s){let p=i(`thumb`),{channel:m,channelValue:h}=r(`ColorSliderThumb`),g=a(()=>t(m.value)),_=a(()=>e(m.value,h.value));return(e,t)=>(l(),o(d(n),{as:s.as,"as-child":s.asChild,"data-soybean-color-slider-thumb":``,class:c(d(p)),index:0,"aria-label":g.value,"aria-valuetext":_.value},{default:f(()=>[u(e.$slots,`default`,{channelName:g.value,channelValue:d(h)})]),_:3},8,[`as`,`as-child`,`class`,`aria-label`,`aria-valuetext`]))}});export{p as default};
+import{formatChannelValue as e,getChannelName as t}from"../../shared/color.js";import n from"../slider/slider-thumb.js";import{useColorSliderRootContext as r,useColorSliderUi as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`ColorSliderThumb`,__name:`color-slider-thumb`,props:{asChild:{type:Boolean},as:{}},setup(s){let p=i(`thumb`),{channel:m,channelValue:h}=r(`ColorSliderThumb`),g=a(()=>t(m.value)),_=a(()=>e(m.value,h.value));return(e,t)=>(l(),o(d(n),{as:s.as,"as-child":s.asChild,"data-soybean-color-slider-thumb":``,class:c(d(p)),index:0,"aria-label":g.value,"aria-valuetext":_.value},{default:f(()=>[u(e.$slots,`default`,{channelName:g.value,channelValue:d(h)})]),_:3},8,[`as`,`as-child`,`class`,`aria-label`,`aria-valuetext`]))}});export{p as default};

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

@@ -1 +1 @@
-import{getSliderBackgroundStyle as e}from"../../shared/color.js";import"../../shared/index.js";import t from"../slider/slider-track.js";import"../slider/index.js";import{useColorSliderRootContext as n,useColorSliderUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,normalizeClass as s,normalizeStyle as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=o({name:`ColorSliderTrack`,__name:`color-slider-track`,props:{asChild:{type:Boolean},as:{}},setup(o){let p=r(`track`),{color:m,channel:h,colorSpace:g}=n(`ColorSliderTrack`),_=i(()=>e(m.value,h.value,g.value));return(e,n)=>(l(),a(d(t),{as:o.as,"as-child":o.asChild,"data-soybean-color-slider-track":``,class:s(d(p)),style:c(_.value)},{default:f(()=>[u(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`style`]))}});export{p as default};
+import{getSliderBackgroundStyle as e}from"../../shared/color.js";import t from"../slider/slider-track.js";import{useColorSliderRootContext as n,useColorSliderUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,normalizeClass as s,normalizeStyle as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=o({name:`ColorSliderTrack`,__name:`color-slider-track`,props:{asChild:{type:Boolean},as:{}},setup(o){let p=r(`track`),{color:m,channel:h,colorSpace:g}=n(`ColorSliderTrack`),_=i(()=>e(m.value,h.value,g.value));return(e,n)=>(l(),a(d(t),{as:o.as,"as-child":o.asChild,"data-soybean-color-slider-track":``,class:s(d(p)),style:c(_.value)},{default:f(()=>[u(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`style`]))}});export{p as default};

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

@@ -1,8 +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";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/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/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[n,r]=e(`ColorSliderRoot`),[i,a]=t(`ColorSliderUi`);export{n as provideColorSliderRootContext,i as provideColorSliderUi,r as useColorSliderRootContext,a as useColorSliderUi};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";const[n,r]=e(`ColorSliderRoot`),[i,a]=t(`ColorSliderUi`);export{n as provideColorSliderRootContext,i as provideColorSliderUi,r as useColorSliderRootContext,a as useColorSliderUi};

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

@@ -8,7 +8,7 @@ import { ComputedRef } from "vue";
 /**
  * Properties for the ColorSliderRoot component.
  */
-interface ColorSliderRootProps extends FormFieldCommonProps, Omit<PrimitiveWithBaseProps, 'onChange'> {
+export interface ColorSliderRootProps extends FormFieldCommonProps, Omit<PrimitiveWithBaseProps, 'onChange'> {
   /**
    * Current model value.
    */
@@ -53,7 +53,7 @@ interface ColorSliderRootProps extends FormFieldCommonProps, Omit<PrimitiveWithB
 /**
  * Events for the ColorSliderRoot component.
  */
-type ColorSliderRootEmits = {
+export type ColorSliderRootEmits = {
   /**
    * Emitted when the model value changes.
    */
@@ -74,15 +74,15 @@ type ColorSliderRootEmits = {
 /**
  * Properties for the ColorSliderTrack component.
  */
-interface ColorSliderTrackProps extends PrimitiveWithBaseProps {}
+export interface ColorSliderTrackProps extends PrimitiveWithBaseProps {}
 /**
  * Properties for the ColorSliderThumb component.
  */
-interface ColorSliderThumbProps extends PrimitiveWithBaseProps {}
+export interface ColorSliderThumbProps extends PrimitiveWithBaseProps {}
 /**
  * Properties for the ColorSliderCompact component.
  */
-interface ColorSliderCompactProps extends ColorSliderRootProps {
+export interface ColorSliderCompactProps extends ColorSliderRootProps {
   /**
    * Properties forwarded to the track element.
    */
@@ -95,14 +95,13 @@ interface ColorSliderCompactProps extends ColorSliderRootProps {
 /**
  * Events for the ColorSliderCompact component.
  */
-type ColorSliderCompactEmits = ColorSliderRootEmits;
+export type ColorSliderCompactEmits = ColorSliderRootEmits;
 /**
  * Available UI slots for the ColorSlider component.
  */
-type ColorSliderUiSlot = 'root' | 'track' | 'thumb';
+export type ColorSliderUiSlot = 'root' | 'track' | 'thumb';
 /**
  * UI class overrides for the ColorSlider component.
  */
-type ColorSliderUi = UiClass<ColorSliderUiSlot>;
-//#endregion
-export { ColorSliderCompactEmits, ColorSliderCompactProps, ColorSliderRootEmits, ColorSliderRootProps, ColorSliderThumbProps, ColorSliderTrackProps, ColorSliderUi, ColorSliderUiSlot };
+export type ColorSliderUi = UiClass<ColorSliderUiSlot>;
+//#endregion

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

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./color-swatch-checker.js";import n from"./color-swatch-fill.js";import r from"./color-swatch-root.js";import{createBlock as i,createVNode as a,defineComponent as o,guardReactiveProps as s,normalizeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=o({name:`ColorSwatchCompact`,__name:`color-swatch-compact`,props:{checkerProps:{},fillProps:{},color:{},label:{},asChild:{type:Boolean},as:{}},setup(o){let p=e(o,[`checkerProps`,`fillProps`]);return(e,m)=>(l(),i(r,c(s(d(p))),{default:f(r=>[a(t,c(s(o.checkerProps)),null,16),a(n,c(s(o.fillProps)),null,16),u(e.$slots,`default`,c(s(r)))]),_:3},16))}});export{p as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import t from"./color-swatch-checker.js";import n from"./color-swatch-fill.js";import r from"./color-swatch-root.js";import{createBlock as i,createVNode as a,defineComponent as o,guardReactiveProps as s,normalizeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=o({name:`ColorSwatchCompact`,__name:`color-swatch-compact`,props:{checkerProps:{},fillProps:{},color:{},label:{},asChild:{type:Boolean},as:{}},setup(o){let p=e(o,[`checkerProps`,`fillProps`]);return(e,m)=>(l(),i(r,c(s(d(p))),{default:f(r=>[a(t,c(s(o.checkerProps)),null,16),a(n,c(s(o.fillProps)),null,16),u(e.$slots,`default`,c(s(r)))]),_:3},16))}});export{p as default};

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

@@ -1 +1 @@
-import{formatColor as e,getColorContrast as t,getColorLabel as n,toColorObject as r}from"../../shared/color.js";import"../../shared/index.js";import{Primitive as i}from"../primitive/primitive.js";import"../primitive/index.js";import{useColorSwatchUi as a}from"./context.js";import{computed as o,createBlock as s,defineComponent as c,normalizeClass as l,normalizeStyle as u,openBlock as d,renderSlot as f,unref as p,withCtx as m}from"vue";const h=c({name:`ColorSwatchRoot`,__name:`color-swatch-root`,props:{color:{},label:{},asChild:{type:Boolean},as:{}},setup(c){let h=c,g=a(`root`),_=o(()=>h.color?e(h.color,`rgb`):`transparent`),v=o(()=>r(h.color,`rgb`)),y=o(()=>v.value.alpha),b=o(()=>!h.color||y.value<=0),x=o(()=>n(h.color,h.label)),S=o(()=>t(h.color));return(e,t)=>(d(),s(p(i),{as:c.as,"as-child":c.asChild,"data-soybean-color-swatch-root":``,class:l(p(g)),role:`img`,"aria-label":x.value,"aria-roledescription":`color swatch`,"data-color-contrast":S.value,"data-no-color":b.value?``:void 0,style:u({"--soybean-color-swatch-color":_.value,"--soybean-color-swatch-alpha":String(y.value)})},{default:m(()=>[f(e.$slots,`default`,{color:_.value,alpha:y.value})]),_:3},8,[`as`,`as-child`,`class`,`aria-label`,`data-color-contrast`,`data-no-color`,`style`]))}});export{h as default};
+import{formatColor as e,getColorContrast as t,getColorLabel as n,toColorObject as r}from"../../shared/color.js";import{Primitive as i}from"../primitive/primitive.js";import{useColorSwatchUi as a}from"./context.js";import{computed as o,createBlock as s,defineComponent as c,normalizeClass as l,normalizeStyle as u,openBlock as d,renderSlot as f,unref as p,withCtx as m}from"vue";const h=c({name:`ColorSwatchRoot`,__name:`color-swatch-root`,props:{color:{},label:{},asChild:{type:Boolean},as:{}},setup(c){let h=c,g=a(`root`),_=o(()=>h.color?e(h.color,`rgb`):`transparent`),v=o(()=>r(h.color,`rgb`)),y=o(()=>v.value.alpha),b=o(()=>!h.color||y.value<=0),x=o(()=>n(h.color,h.label)),S=o(()=>t(h.color));return(e,t)=>(d(),s(p(i),{as:c.as,"as-child":c.asChild,"data-soybean-color-swatch-root":``,class:l(p(g)),role:`img`,"aria-label":x.value,"aria-roledescription":`color swatch`,"data-color-contrast":S.value,"data-no-color":b.value?``:void 0,style:u({"--soybean-color-swatch-color":_.value,"--soybean-color-swatch-alpha":String(y.value)})},{default:m(()=>[f(e.$slots,`default`,{color:_.value,alpha:y.value})]),_:3},8,[`as`,`as-child`,`class`,`aria-label`,`data-color-contrast`,`data-no-color`,`style`]))}});export{h as default};

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

@@ -1,8 +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";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/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/context.js

@@ -1 +1 @@
-import{useUiContext as e}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[t,n]=e(`ColorSwatch`);export{t as provideColorSwatchUi,n as useColorSwatchUi};
+import{useUiContext as e}from"../../composables/use-ui-context.js";const[t,n]=e(`ColorSwatch`);export{t as provideColorSwatchUi,n as useColorSwatchUi};

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

@@ -7,7 +7,7 @@ import { PrimitiveWithBaseProps } from "../primitive/types.js";
 /**
  * Properties for the ColorSwatch component.
  */
-interface ColorSwatchRootProps extends Omit<PrimitiveWithBaseProps, 'color'> {
+export interface ColorSwatchRootProps extends Omit<PrimitiveWithBaseProps, 'color'> {
   /**
    * Theme color of the component.
    */
@@ -20,7 +20,7 @@ interface ColorSwatchRootProps extends Omit<PrimitiveWithBaseProps, 'color'> {
 /**
  * Properties for the ColorSwatch component slots.
  */
-interface ColorSwatchSlotProps {
+export interface ColorSwatchSlotProps {
   /**
    * Color value in RGB format, e.g., "rgb(255, 0, 0)".
    */
@@ -33,21 +33,21 @@ interface ColorSwatchSlotProps {
 /**
  * Slots for the ColorSwatch component.
  */
-type ColorSwatchRootSlots = {
+export type ColorSwatchRootSlots = {
   default?: (props: ColorSwatchSlotProps) => any;
 };
 /**
  * Events for the ColorSwatch component.
  */
-interface ColorSwatchCheckerProps extends BaseProps {}
+export interface ColorSwatchCheckerProps extends BaseProps {}
 /**
  * Events for the ColorSwatch component.
  */
-interface ColorSwatchFillProps extends BaseProps {}
+export interface ColorSwatchFillProps extends BaseProps {}
 /**
  * Properties for the ColorSwatch component in compact mode.
  */
-interface ColorSwatchCompactProps extends ColorSwatchRootProps {
+export interface ColorSwatchCompactProps extends ColorSwatchRootProps {
   /**
    * Props for the checker element of the ColorSwatch component.
    */
@@ -60,14 +60,13 @@ interface ColorSwatchCompactProps extends ColorSwatchRootProps {
 /**
  * Slots for the ColorSwatch component in compact mode.
  */
-type ColorSwatchCompactSlots = ColorSwatchRootSlots;
+export type ColorSwatchCompactSlots = ColorSwatchRootSlots;
 /**
  * Slots for the ColorSwatch component.
  */
-type ColorSwatchUiSlot = 'root' | 'checker' | 'fill';
+export type ColorSwatchUiSlot = 'root' | 'checker' | 'fill';
 /**
  * UI classes for the ColorSwatch component.
  */
-type ColorSwatchUi = UiClass<ColorSwatchUiSlot>;
-//#endregion
-export { ColorSwatchCheckerProps, ColorSwatchCompactProps, ColorSwatchCompactSlots, ColorSwatchFillProps, ColorSwatchRootProps, ColorSwatchRootSlots, ColorSwatchSlotProps, ColorSwatchUi, ColorSwatchUiSlot };
+export type ColorSwatchUi = UiClass<ColorSwatchUiSlot>;
+//#endregion

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,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};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.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]||=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,10 +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 "../listbox/index.js";
 import "../../index.js";
+import "../../composables/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> & {

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

@@ -1 +1 @@
-import e from"../listbox/listbox-item-indicator.js";import"../listbox/index.js";import{createBlock as t,defineComponent as n,openBlock as r,renderSlot as i,unref as a,withCtx as o}from"vue";const s=n({name:`ColorSwatchPickerItemIndicator`,__name:`color-swatch-picker-item-indicator`,props:{asChild:{type:Boolean},as:{}},setup(n){return(s,c)=>(r(),t(a(e),{as:n.as,"as-child":n.asChild,"data-soybean-color-swatch-picker-item-indicator":``},{default:o(()=>[i(s.$slots,`default`)]),_:3},8,[`as`,`as-child`]))}});export{s as default};
+import e from"../listbox/listbox-item-indicator.js";import{createBlock as t,defineComponent as n,openBlock as r,renderSlot as i,unref as a,withCtx as o}from"vue";const s=n({name:`ColorSwatchPickerItemIndicator`,__name:`color-swatch-picker-item-indicator`,props:{asChild:{type:Boolean},as:{}},setup(n){return(s,c)=>(r(),t(a(e),{as:n.as,"as-child":n.asChild,"data-soybean-color-swatch-picker-item-indicator":``},{default:o(()=>[i(s.$slots,`default`)]),_:3},8,[`as`,`as-child`]))}});export{s as default};

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

@@ -1 +1 @@
-import{getColorLabel as e}from"../../shared/color.js";import"../../shared/index.js";import t from"../listbox/listbox-item.js";import"../listbox/index.js";import{provideColorSwatchPickerItemContext as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,normalizeStyle as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`ColorSwatchPickerItem`,__name:`color-swatch-picker-item`,props:{value:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`select`],setup(a,{emit:d}){let f=a,p=d,m=r(()=>f.value),h=r(()=>e(m.value));return n({color:m}),(e,n)=>(s(),i(l(t),{"data-soybean-color-swatch-picker-item":``,value:a.value,"aria-label":h.value,"data-color":a.value,style:o({"--soybean-color-swatch-picker-item-color":a.value}),onSelect:n[0]||(n[0]=e=>p(`select`,e))},{default:u(()=>[c(e.$slots,`default`)]),_:3},8,[`value`,`aria-label`,`data-color`,`style`]))}});export{d as default};
+import{getColorLabel as e}from"../../shared/color.js";import t from"../listbox/listbox-item.js";import{provideColorSwatchPickerItemContext as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,normalizeStyle as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`ColorSwatchPickerItem`,__name:`color-swatch-picker-item`,props:{value:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`select`],setup(a,{emit:d}){let f=a,p=d,m=r(()=>f.value),h=r(()=>e(m.value));return n({color:m}),(e,n)=>(s(),i(l(t),{"data-soybean-color-swatch-picker-item":``,value:a.value,"aria-label":h.value,"data-color":a.value,style:o({"--soybean-color-swatch-picker-item-color":a.value}),onSelect:n[0]||=e=>p(`select`,e)},{default:u(()=>[c(e.$slots,`default`)]),_:3},8,[`value`,`aria-label`,`data-color`,`style`]))}});export{d as default};

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

@@ -1 +1 @@
-import{useControllableState as e}from"../../composables/use-controllable-state.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../listbox/listbox-root.js";import r from"../listbox/listbox-content.js";import"../listbox/index.js";import{createBlock as i,createVNode as a,defineComponent as o,isRef as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=o({name:`ColorSwatchPickerRoot`,__name:`color-swatch-picker-root`,props:{orientation:{default:`horizontal`},dir:{},disabled:{type:Boolean,default:!1},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{default:void 0},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`],setup(o,{emit:p}){let m=o,h=p,g=e(()=>m.modelValue,e=>{h(`update:modelValue`,e)},m.defaultValue??(m.multiple?[]:``)),_=t(m,[`modelValue`,`defaultValue`,`class`]);return(e,t)=>(l(),i(d(n),c(d(_),{modelValue:d(g),"onUpdate:modelValue":t[0]||(t[0]=e=>s(g)?g.value=e:null),"data-soybean-color-swatch-picker-root":``,onHighlight:t[1]||(t[1]=e=>h(`highlight`,e)),onEntryFocus:t[2]||(t[2]=e=>h(`entryFocus`,e)),onLeave:t[3]||(t[3]=e=>h(`leave`,e))}),{default:f(()=>[a(d(r),null,{default:f(()=>[u(e.$slots,`default`,{modelValue:d(g)})]),_:3})]),_:3},16,[`modelValue`]))}});export{p as default};
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import{useOmitProps as t}from"../../composables/use-props.js";import n from"../listbox/listbox-root.js";import r from"../listbox/listbox-content.js";import{createBlock as i,createVNode as a,defineComponent as o,isRef as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=o({name:`ColorSwatchPickerRoot`,__name:`color-swatch-picker-root`,props:{orientation:{default:`horizontal`},dir:{},disabled:{type:Boolean,default:!1},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{default:void 0},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`],setup(o,{emit:p}){let m=o,h=p,g=e(()=>m.modelValue,e=>{h(`update:modelValue`,e)},m.defaultValue??(m.multiple?[]:``)),_=t(m,[`modelValue`,`defaultValue`,`class`]);return(e,t)=>(l(),i(d(n),c(d(_),{modelValue:d(g),"onUpdate:modelValue":t[0]||=e=>s(g)?g.value=e:null,"data-soybean-color-swatch-picker-root":``,onHighlight:t[1]||=e=>h(`highlight`,e),onEntryFocus:t[2]||=e=>h(`entryFocus`,e),onLeave:t[3]||=e=>h(`leave`,e)}),{default:f(()=>[a(d(r),null,{default:f(()=>[u(e.$slots,`default`,{modelValue:d(g)})]),_:3})]),_:3},16,[`modelValue`]))}});export{p as default};

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

@@ -1,8 +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";
+import "../listbox/index.js";
+import "../../composables/index.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> & {

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

@@ -1,8 +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";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/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

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

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{provideListboxUi as n}from"../listbox/context.js";import{provideColorSwatchUi as r}from"../color-swatch/context.js";import{computed as i}from"vue";const[a,o]=e(`ColorSwatchPickerItem`),[s,c]=t(`ColorSwatchPickerUi`,e=>{let t=i(()=>({content:e.value.root,item:e.value.item,itemIndicator:e.value.itemIndicator})),a=i(()=>({root:e.value.swatchRoot,checker:e.value.swatchChecker,fill:e.value.swatchFill}));return n(t),r(a),e});export{a as provideColorSwatchPickerItemContext,s as provideColorSwatchPickerUi,o as useColorSwatchPickerItemContext};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import{provideListboxUi as n}from"../listbox/context.js";import{provideColorSwatchUi as r}from"../color-swatch/context.js";import{computed as i}from"vue";const[a,o]=e(`ColorSwatchPickerItem`),[s,c]=t(`ColorSwatchPickerUi`,e=>{let t=i(()=>({content:e.value.root,item:e.value.item,itemIndicator:e.value.itemIndicator})),a=i(()=>({root:e.value.swatchRoot,checker:e.value.swatchChecker,fill:e.value.swatchFill}));return n(t),r(a),e});export{a as provideColorSwatchPickerItemContext,s as provideColorSwatchPickerUi,o as useColorSwatchPickerItemContext};