@soybeanjs/headless 0.13.8 → 0.15.0-beta.1

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

@@ -0,0 +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`,{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

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

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

@@ -0,0 +1 @@
+import{formatChannelValue as e,formatColor as t,getChannelRange as n,getChannelValue as r,isValidColor as i,setChannelValue as a,toColorObject as o}from"../../shared/color.js";import{isFormControl as s,transformPropsToContext as c}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as l}from"../../composables/use-controllable-state.js";import{useForwardElement as u}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as d}from"../primitive/primitive.js";import"../primitive/index.js";import f from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import{provideColorFieldRootContext as p,useColorFieldUi as m}from"./context.js";import{computed as h,createBlock as g,createCommentVNode as _,defineComponent as v,normalizeClass as y,openBlock as b,renderSlot as x,shallowRef as S,unref as C,watch as w,withCtx as T}from"vue";const E=v({name:`ColorFieldRoot`,__name:`color-field-root`,props:{modelValue:{default:void 0},defaultValue:{default:`#000000`},colorSpace:{default:`hsl`},channel:{},format:{default:`hex`},placeholder:{},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},disableWheelChange:{type:Boolean,default:!1},step:{default:void 0},asChild:{type:Boolean},as:{default:`div`},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:color`],setup(v,{emit:E}){let D=v,O=E,[k,A]=u(),j=m(`root`);function M(e){return D.channel?o(e,D.colorSpace):o(e,`rgb`)}let N=l(()=>D.modelValue,e=>{O(`update:modelValue`,typeof e==`string`?e:t(e,D.format))},D.defaultValue),P=S(M(N.value)),F=S(``),I=S(!1),L=h(()=>s(k.value));function R(){if(P.value=M(N.value),!I.value){if(D.channel){F.value=e(D.channel,r(P.value,D.channel,D.colorSpace));return}F.value=t(P.value,D.format)}}function z(e){let n=t(e,D.format);P.value=M(e),N.value=n,O(`update:color`,M(e))}function B(){return D.step==null?D.channel?n(D.channel).step:1:D.step}function V(e){I.value=!0,F.value=e}function H(e){let t=o(P.value,`rgb`),n=Math.round(t.r)<<16|Math.round(t.g)<<8|Math.round(t.b);z(`#${Math.min(16777215,Math.max(0,n+Math.trunc(e))).toString(16).padStart(6,`0`)}`)}function U(){if(I.value=!1,D.channel){let t=Number.parseFloat(F.value);Number.isNaN(t)||z(a(P.value,D.channel,t,D.colorSpace)),F.value=e(D.channel,r(P.value,D.channel,D.colorSpace));return}let n=F.value.trim();i(n)&&z(n),F.value=t(P.value,D.format)}function W(n){if(!(D.disabled||D.readonly)){if(D.channel){let t=r(P.value,D.channel,D.colorSpace);z(a(P.value,D.channel,t+n,D.colorSpace)),F.value=e(D.channel,r(P.value,D.channel,D.colorSpace));return}H(n),F.value=t(P.value,D.format)}}function G(){W(B())}function K(){W(-B())}function q(){W(B()*10)}function J(){W(-B()*10)}function Y(){if(!D.channel){H(16777215),F.value=t(P.value,D.format);return}z(a(P.value,D.channel,n(D.channel).max,D.colorSpace)),F.value=e(D.channel,r(P.value,D.channel,D.colorSpace))}function X(){if(!D.channel){H(-16777215),F.value=t(P.value,D.format);return}z(a(P.value,D.channel,n(D.channel).min,D.colorSpace)),F.value=e(D.channel,r(P.value,D.channel,D.colorSpace))}function Z(e){if(!(D.disableWheelChange||D.disabled||D.readonly)){if(e.preventDefault(),e.deltaY>0){K();return}G()}}return w(()=>[D.modelValue,D.channel,D.colorSpace,D.format],R,{immediate:!0}),p({color:P,inputValue:F,updateValue:V,commit:U,increment:G,decrement:K,incrementPage:q,decrementPage:J,incrementToMax:Y,decrementToMin:X,handleWheel:Z,...c(D,[`channel`,`colorSpace`,`format`,`disabled`,`readonly`,`disableWheelChange`,`placeholder`])}),(e,n)=>(b(),g(C(d),{ref:C(A),as:v.as,"as-child":v.asChild,class:y(C(j)),role:`group`,"data-disabled":v.disabled?``:void 0,"data-readonly":v.readonly?``:void 0},{default:T(()=>[x(e.$slots,`default`),L.value&&v.name?(b(),g(C(f),{key:0,type:`text`,value:C(t)(P.value,v.format),name:v.name,disabled:v.disabled,readonly:v.readonly,required:v.required},null,8,[`value`,`name`,`disabled`,`readonly`,`required`])):_(`v-if`,!0)]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-readonly`]))}});export{E as default};

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

@@ -0,0 +1,36 @@
+import { AsTag } from "../primitive/types.js";
+import { ColorFormat, ColorSpace, ColorValue, NormalizedColor } from "../../shared/color.js";
+import { ColorFieldRootProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/color-field/color-field-root.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ColorFieldRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: string) => any;
+  "update:color": (value: NormalizedColor) => any;
+}, string, _$vue.PublicProps, Readonly<ColorFieldRootProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
+}>, {
+  disabled: boolean;
+  format: ColorFormat;
+  as: AsTag | _$vue.Component;
+  step: number;
+  defaultValue: string | ColorValue;
+  modelValue: string | ColorValue;
+  disableWheelChange: boolean;
+  readonly: boolean;
+  colorSpace: ColorSpace;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,8 @@
+import { ClassValue, UiClass } from "../../types/common.js";
+import { ColorFieldUiSlot } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/color-field/context.d.ts
+declare const provideColorFieldUi: (ui: _$vue.ComputedRef<Partial<UiClass<ColorFieldUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ColorFieldUiSlot>>>, useColorFieldUi: <S extends ColorFieldUiSlot | undefined = undefined>(slot?: S | undefined) => S extends ColorFieldUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<ColorFieldUiSlot>>>;
+//#endregion
+export { provideColorFieldUi };

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

@@ -0,0 +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(`ColorFieldRoot`),[i,a]=t(`ColorFieldUi`);export{n as provideColorFieldRootContext,i as provideColorFieldUi,r as useColorFieldRootContext,a as useColorFieldUi};

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

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

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

@@ -0,0 +1 @@
+import{provideColorFieldUi as e}from"./context.js";import t from"./color-field-root.js";import n from"./color-field-input.js";export{n as ColorFieldInput,t as ColorFieldRoot,e as provideColorFieldUi};

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

@@ -0,0 +1,28 @@
+import { UiClass } from "../../types/common.js";
+import { FormFieldCommonProps } from "../../types/component.js";
+import { PrimitiveProps } from "../primitive/types.js";
+import { ColorChannel, ColorFormat, ColorSpace, ColorValue, NormalizedColor } from "../../shared/color.js";
+import { HTMLAttributes, InputHTMLAttributes, ShallowRef } from "vue";
+
+//#region src/components/color-field/types.d.ts
+interface ColorFieldRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
+  modelValue?: string | ColorValue;
+  defaultValue?: string | ColorValue;
+  colorSpace?: ColorSpace;
+  channel?: ColorChannel;
+  format?: ColorFormat;
+  placeholder?: string;
+  disabled?: boolean;
+  readonly?: boolean;
+  disableWheelChange?: boolean;
+  step?: number;
+}
+type ColorFieldRootEmits = {
+  'update:modelValue': [value: string];
+  'update:color': [value: NormalizedColor];
+};
+interface ColorFieldInputProps extends /** @vue-ignore */InputHTMLAttributes {}
+type ColorFieldUiSlot = 'root' | 'input';
+type ColorFieldUi = UiClass<ColorFieldUiSlot>;
+//#endregion
+export { ColorFieldInputProps, ColorFieldRootEmits, ColorFieldRootProps, ColorFieldUi, ColorFieldUiSlot };

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

@@ -0,0 +1 @@
+import{formatColor as e,toColorObject as t}from"../../shared/color.js";import{isFormControl as n}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as r}from"../../composables/use-controllable-state.js";import{useForwardElement as i}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as a}from"../primitive/primitive.js";import"../primitive/index.js";import o from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import{computed as s,createBlock as c,createCommentVNode as l,defineComponent as u,openBlock as d,renderSlot as f,shallowRef as p,unref as m,watch as h,withCtx as g}from"vue";const _=u({name:`ColorPickerRoot`,__name:`color-picker-root`,props:{modelValue:{default:void 0},defaultValue:{default:`#000000`},format:{default:`hex`},disabled:{type:Boolean,default:!1},asChild:{type:Boolean},as:{default:`div`},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:color`,`change`],setup(u,{emit:_}){let v=u,y=_,[b,x]=i(),S=r(()=>v.modelValue,t=>{y(`update:modelValue`,typeof t==`string`?t:e(t,v.format))},v.defaultValue),C=p(),w=p(v.modelValue??v.defaultValue),T=s(()=>w.value),E=s(()=>e(w.value,v.format)),D=s(()=>n(b.value));h(()=>v.modelValue,e=>{e!=null&&(typeof e==`string`&&e===C.value||(w.value=e))},{immediate:!0});function O(n){let r=e(n,v.format);w.value=n,C.value=r,S.value=r,y(`update:color`,t(n,`rgb`)),y(`change`,r)}return(e,t)=>(d(),c(m(a),{ref:m(x),as:u.as,"as-child":u.asChild,role:`group`,"data-disabled":u.disabled?``:void 0},{default:g(()=>[f(e.$slots,`default`,{color:T.value,formattedValue:E.value,setColor:O}),D.value&&u.name?(d(),c(m(o),{key:0,type:`text`,value:E.value,name:u.name,disabled:u.disabled,required:u.required},null,8,[`value`,`name`,`disabled`,`required`])):l(`v-if`,!0)]),_:3},8,[`as`,`as-child`,`data-disabled`]))}});export{_ as default};

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

@@ -0,0 +1,40 @@
+import { AsTag } from "../primitive/types.js";
+import { ColorFormat, ColorValue, NormalizedColor } from "../../shared/color.js";
+import { ColorPickerRootProps } from "./types.js";
+import * as _$vue from "vue";
+import * as _$_soybeanjs_colord0 from "@soybeanjs/colord";
+
+//#region src/components/color-picker/color-picker-root.vue.d.ts
+declare function setColor(nextColor: ColorValue): void;
+declare var __VLS_8: {
+  color: _$_soybeanjs_colord0.AnyColor;
+  formattedValue: string;
+  setColor: typeof setColor;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ColorPickerRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: string) => any;
+  change: (value: string) => any;
+  "update:color": (value: NormalizedColor) => any;
+}, string, _$vue.PublicProps, Readonly<ColorPickerRootProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
+  "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
+}>, {
+  disabled: boolean;
+  format: ColorFormat;
+  as: AsTag | _$vue.Component;
+  defaultValue: string | ColorValue;
+  modelValue: string | ColorValue;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,3 @@
+import { ColorPickerRootEmits, ColorPickerRootProps, ColorPickerRootSlotProps } from "./types.js";
+import { _default } from "./color-picker-root.vue.js";
+export { _default as ColorPickerRoot, type ColorPickerRootEmits, type ColorPickerRootProps, type ColorPickerRootSlotProps };

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

@@ -0,0 +1 @@
+import e from"./color-picker-root.js";export{e as ColorPickerRoot};

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

@@ -0,0 +1,24 @@
+import { FormFieldCommonProps } from "../../types/component.js";
+import { PrimitiveProps } from "../primitive/types.js";
+import { ColorFormat, ColorValue, NormalizedColor } from "../../shared/color.js";
+import { ComputedRef, HTMLAttributes } from "vue";
+
+//#region src/components/color-picker/types.d.ts
+interface ColorPickerRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
+  modelValue?: string | ColorValue;
+  defaultValue?: string | ColorValue;
+  format?: ColorFormat;
+  disabled?: boolean;
+}
+type ColorPickerRootEmits = {
+  'update:modelValue': [value: string];
+  'update:color': [value: NormalizedColor];
+  change: [value: string];
+};
+interface ColorPickerRootSlotProps {
+  color: ComputedRef<ColorValue>;
+  formattedValue: ComputedRef<string>;
+  setColor: (color: ColorValue) => void;
+}
+//#endregion
+export { ColorPickerRootEmits, ColorPickerRootProps, ColorPickerRootSlotProps };

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

@@ -0,0 +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"../../shared/index.js";import{useControllableState as u}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{useDirection as d}from"../config-provider/context.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},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:color`,`change`,`changeEnd`],setup(y,{emit:D}){let O=y,k=D,A=h(`root`),j=u(()=>O.modelValue,e=>{k(`update:modelValue`,typeof e==`string`?e:t(e,O.format))},O.defaultValue),M=d(()=>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,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

@@ -0,0 +1,39 @@
+import { DataOrientation } from "../../types/common.js";
+import { ColorFormat, ColorSpace, ColorValue, NormalizedColor } from "../../shared/color.js";
+import { ColorSliderRootProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#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: _$vue.DefineComponent<ColorSliderRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: string) => any;
+  change: (value: string) => any;
+  "update:color": (value: NormalizedColor) => any;
+  changeEnd: (value: string) => any;
+}, string, _$vue.PublicProps, Readonly<ColorSliderRootProps> & Readonly<{
+  "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;
+  inverted: boolean;
+  defaultValue: string | ColorValue;
+  modelValue: string | ColorValue;
+  colorSpace: ColorSpace;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +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,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-thumb.vue.d.ts

@@ -0,0 +1,21 @@
+import { ColorSliderThumbProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/color-slider/color-slider-thumb.vue.d.ts
+declare var __VLS_8: {
+  channelName: string;
+  channelValue: number;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ColorSliderThumbProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ColorSliderThumbProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +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,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/color-slider-track.vue.d.ts

@@ -0,0 +1,18 @@
+import { ColorSliderTrackProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/color-slider/color-slider-track.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ColorSliderTrackProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ColorSliderTrackProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,8 @@
+import { ClassValue, UiClass } from "../../types/common.js";
+import { ColorSliderUiSlot } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/color-slider/context.d.ts
+declare const provideColorSliderUi: (ui: _$vue.ComputedRef<Partial<UiClass<ColorSliderUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ColorSliderUiSlot>>>, useColorSliderUi: <S extends ColorSliderUiSlot | undefined = undefined>(slot?: S | undefined) => S extends ColorSliderUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<ColorSliderUiSlot>>>;
+//#endregion
+export { provideColorSliderUi };

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

@@ -0,0 +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};

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

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

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

@@ -0,0 +1 @@
+import{provideColorSliderUi as e}from"./context.js";import t from"./color-slider-root.js";import n from"./color-slider-track.js";import r from"./color-slider-thumb.js";export{t as ColorSliderRoot,r as ColorSliderThumb,n as ColorSliderTrack,e as provideColorSliderUi};

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

@@ -0,0 +1,31 @@
+import { DataOrientation, Direction, UiClass } from "../../types/common.js";
+import { FormFieldCommonProps } from "../../types/component.js";
+import { PrimitiveProps } from "../primitive/types.js";
+import { ColorChannel, ColorFormat, ColorSpace, ColorValue, NormalizedColor } from "../../shared/color.js";
+import { ComputedRef, HTMLAttributes } from "vue";
+
+//#region src/components/color-slider/types.d.ts
+interface ColorSliderRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
+  modelValue?: string | ColorValue;
+  defaultValue?: string | ColorValue;
+  colorSpace?: ColorSpace;
+  channel: ColorChannel;
+  format?: ColorFormat;
+  orientation?: DataOrientation;
+  dir?: Direction;
+  inverted?: boolean;
+  disabled?: boolean;
+  step?: number;
+}
+type ColorSliderRootEmits = {
+  'update:modelValue': [value: string];
+  'update:color': [value: NormalizedColor];
+  change: [value: string];
+  changeEnd: [value: string];
+};
+interface ColorSliderTrackProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface ColorSliderThumbProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+type ColorSliderUiSlot = 'root' | 'track' | 'thumb';
+type ColorSliderUi = UiClass<ColorSliderUiSlot>;
+//#endregion
+export { ColorSliderRootEmits, ColorSliderRootProps, ColorSliderThumbProps, ColorSliderTrackProps, ColorSliderUi, ColorSliderUiSlot };

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

@@ -0,0 +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{computed as a,createBlock as o,defineComponent as s,normalizeStyle as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`ColorSwatch`,__name:`color-swatch`,props:{color:{default:``},label:{},asChild:{type:Boolean},as:{default:`div`}},setup(s){let p=s,m=a(()=>p.color?e(p.color,`rgb`):`transparent`),h=a(()=>r(p.color,`rgb`)),g=a(()=>h.value.alpha),_=a(()=>!p.color||g.value<=0),v=a(()=>n(p.color,p.label)),y=a(()=>t(p.color));return(e,t)=>(l(),o(d(i),{role:`img`,"aria-label":v.value,"aria-roledescription":`color swatch`,as:s.as,"as-child":s.asChild,"data-color-contrast":y.value,"data-no-color":_.value?``:void 0,style:c({"--soybean-color-swatch-color":m.value,"--soybean-color-swatch-alpha":String(g.value)})},{default:f(()=>[u(e.$slots,`default`,{color:m.value,alpha:g.value})]),_:3},8,[`aria-label`,`as`,`as-child`,`data-color-contrast`,`data-no-color`,`style`]))}});export{p as default};

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

@@ -0,0 +1,26 @@
+import { AsTag } from "../primitive/types.js";
+import { ColorValue } from "../../shared/color.js";
+import { ColorSwatchProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/color-swatch/color-swatch.vue.d.ts
+declare var __VLS_8: {
+  color: string;
+  alpha: number;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ColorSwatchProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ColorSwatchProps> & Readonly<{}>, {
+  color: string | ColorValue;
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,3 @@
+import { ColorSwatchProps } from "./types.js";
+import { _default } from "./color-swatch.vue.js";
+export { _default as ColorSwatch, type ColorSwatchProps };

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

@@ -0,0 +1 @@
+import e from"./color-swatch.js";export{e as ColorSwatch};

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

@@ -0,0 +1,11 @@
+import { PrimitiveProps } from "../primitive/types.js";
+import { ColorValue } from "../../shared/color.js";
+import { HTMLAttributes } from "vue";
+
+//#region src/components/color-swatch/types.d.ts
+interface ColorSwatchProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'color'> {
+  color?: string | ColorValue;
+  label?: string;
+}
+//#endregion
+export { ColorSwatchProps };

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

@@ -0,0 +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},{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-indicator.vue.d.ts

@@ -0,0 +1,18 @@
+import { ColorSwatchPickerItemIndicatorProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/color-swatch-picker/color-swatch-picker-item-indicator.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ColorSwatchPickerItemIndicatorProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ColorSwatchPickerItemIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import e from"../color-swatch/color-swatch.js";import"../color-swatch/index.js";import{useColorSwatchPickerItemContext as t,useColorSwatchPickerUi as n}from"./context.js";import{createBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`ColorSwatchPickerItemSwatch`,__name:`color-swatch-picker-item-swatch`,props:{label:{},asChild:{type:Boolean},as:{}},setup(i){let u=n(`swatch`),{color:d}=t(`ColorSwatchPickerItemSwatch`);return(t,n)=>(o(),r(c(e),{as:i.as,"as-child":i.asChild,class:a(c(u)),color:c(d),label:i.label},{default:l(()=>[s(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`color`,`label`]))}});export{u as default};

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

@@ -0,0 +1,18 @@
+import { ColorSwatchPickerItemSwatchProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/color-swatch-picker/color-swatch-picker-item-swatch.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ColorSwatchPickerItemSwatchProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ColorSwatchPickerItemSwatchProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +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),{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};

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

@@ -0,0 +1,23 @@
+import { SelectEvent } from "../../types/event.js";
+import { ColorSwatchPickerItemProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/color-swatch-picker/color-swatch-picker-item.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ColorSwatchPickerItemProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  select: (event: SelectEvent<string>) => any;
+}, string, _$vue.PublicProps, Readonly<ColorSwatchPickerItemProps> & Readonly<{
+  onSelect?: ((event: SelectEvent<string>) => any) | undefined;
+}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +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:{asChild:{type:Boolean},as:{default:`div`},orientation:{default:`horizontal`},dir:{default:`ltr`},disabled:{type:Boolean,default:!1},selectionBehavior:{},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{default:void 0},multiple:{},singleClearable:{type:Boolean},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?[]:void 0)),_=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),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),{as:o.as,"as-child":o.asChild},{default:f(()=>[u(e.$slots,`default`,{modelValue:d(g)})]),_:3},8,[`as`,`as-child`])]),_:3},16,[`modelValue`]))}});export{p as default};

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

@@ -0,0 +1,30 @@
+import { CollectionItemData } from "../../composables/use-collection.js";
+import { ListboxCollectionItemData } from "../listbox/types.js";
+import { ColorSwatchPickerRootProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#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: _$vue.PublicProps & __VLS_PrettifyLocal<ColorSwatchPickerRootProps<M> & {
+    "onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
+    onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
+    onEntryFocus?: ((event: CustomEvent<any>) => any) | undefined;
+    onLeave?: ((event: Event) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {
+      modelValue: ((M extends true ? string[] : string) | undefined) & (M extends true ? string[] | undefined : string | undefined);
+    }) => any;
+  };
+  emit: ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void) & ((evt: "entryFocus", event: CustomEvent<any>) => void) & ((evt: "leave", event: Event) => void);
+}>) => _$vue.VNode & {
+  __ctx?: 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] }) & {};
+//#endregion
+export { _default };

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

@@ -0,0 +1,8 @@
+import { ClassValue, UiClass } from "../../types/common.js";
+import { ColorSwatchPickerUiSlot } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/color-swatch-picker/context.d.ts
+declare const provideColorSwatchPickerUi: (ui: _$vue.ComputedRef<Partial<UiClass<ColorSwatchPickerUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ColorSwatchPickerUiSlot>>>, useColorSwatchPickerUi: <S extends ColorSwatchPickerUiSlot | undefined = undefined>(slot?: S | undefined) => S extends ColorSwatchPickerUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<ColorSwatchPickerUiSlot>>>;
+//#endregion
+export { provideColorSwatchPickerUi };

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

@@ -0,0 +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{computed as r}from"vue";const[i,a]=e(`ColorSwatchPickerItem`),[o,s]=t(`ColorSwatchPickerUi`,e=>(n(r(()=>({content:e.value.root,item:e.value.item,itemIndicator:e.value.itemIndicator}))),e));export{i as provideColorSwatchPickerItemContext,o as provideColorSwatchPickerUi,a as useColorSwatchPickerItemContext,s as useColorSwatchPickerUi};

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

@@ -0,0 +1,7 @@
+import { ColorSwatchPickerItemEmits, ColorSwatchPickerItemIndicatorProps, ColorSwatchPickerItemProps, ColorSwatchPickerItemSwatchProps, ColorSwatchPickerRootEmits, ColorSwatchPickerRootProps, ColorSwatchPickerUi, ColorSwatchPickerUiSlot } from "./types.js";
+import { _default as _default$3 } from "./color-swatch-picker-root.vue.js";
+import { _default } from "./color-swatch-picker-item.vue.js";
+import { _default as _default$1 } from "./color-swatch-picker-item-indicator.vue.js";
+import { _default as _default$2 } from "./color-swatch-picker-item-swatch.vue.js";
+import { provideColorSwatchPickerUi } from "./context.js";
+export { _default as ColorSwatchPickerItem, type ColorSwatchPickerItemEmits, _default$1 as ColorSwatchPickerItemIndicator, type ColorSwatchPickerItemIndicatorProps, type ColorSwatchPickerItemProps, _default$2 as ColorSwatchPickerItemSwatch, type ColorSwatchPickerItemSwatchProps, _default$3 as ColorSwatchPickerRoot, type ColorSwatchPickerRootEmits, type ColorSwatchPickerRootProps, type ColorSwatchPickerUi, type ColorSwatchPickerUiSlot, provideColorSwatchPickerUi };

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

@@ -0,0 +1 @@
+import e from"./color-swatch-picker-root.js";import{provideColorSwatchPickerUi as t}from"./context.js";import n from"./color-swatch-picker-item.js";import r from"./color-swatch-picker-item-indicator.js";import i from"./color-swatch-picker-item-swatch.js";export{n as ColorSwatchPickerItem,r as ColorSwatchPickerItemIndicator,i as ColorSwatchPickerItemSwatch,e as ColorSwatchPickerRoot,t as provideColorSwatchPickerUi};

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

@@ -0,0 +1,18 @@
+import { UiClass } from "../../types/common.js";
+import { PrimitiveProps } from "../primitive/types.js";
+import { ListboxItemEmits, ListboxItemIndicatorProps, ListboxItemProps, ListboxRootEmits, ListboxRootProps } from "../listbox/types.js";
+import { ComputedRef, HTMLAttributes } from "vue";
+
+//#region src/components/color-swatch-picker/types.d.ts
+interface ColorSwatchPickerRootProps<M extends boolean = false> extends PrimitiveProps, ListboxRootProps<M> {}
+type ColorSwatchPickerRootEmits<M extends boolean = false> = ListboxRootEmits<M>;
+interface ColorSwatchPickerItemProps extends ListboxItemProps {}
+type ColorSwatchPickerItemEmits = ListboxItemEmits;
+interface ColorSwatchPickerItemIndicatorProps extends ListboxItemIndicatorProps {}
+interface ColorSwatchPickerItemSwatchProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  label?: string;
+}
+type ColorSwatchPickerUiSlot = 'root' | 'item' | 'itemIndicator' | 'swatch';
+type ColorSwatchPickerUi = UiClass<ColorSwatchPickerUiSlot>;
+//#endregion
+export { ColorSwatchPickerItemEmits, ColorSwatchPickerItemIndicatorProps, ColorSwatchPickerItemProps, ColorSwatchPickerItemSwatchProps, ColorSwatchPickerRootEmits, ColorSwatchPickerRootProps, ColorSwatchPickerUi, ColorSwatchPickerUiSlot };

package/dist/components/combobox/combobox-content.js

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{popperCssVars as t}from"../popper/shared.js";import n from"../popper/popper-popup.js";import"../popper/index.js";import{usePopoverRootContext as r}from"../popover/context.js";import i from"../popover/popover-positioner.js";import"../popover/index.js";import{createBlock as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`ComboboxContent`,__name:`combobox-content`,props:{popupProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(s,{emit:p}){let m=p,{dataState:h,popupId:g,initPopupId:_,onPopupElementChange:v}=r(`ComboboxContent`),[y,b]=e(v),x={"--soybean-combobox-content-transform-origin":`var(${t.transformOrigin})`,"--soybean-combobox-content-available-width":`var(${t.availableWidth})`,"--soybean-combobox-content-available-height":`var(${t.availableHeight})`,"--soybean-combobox-trigger-width":`var(${t.anchorWidth})`,"--soybean-combobox-trigger-height":`var(${t.anchorHeight})`};return _(),(e,t)=>(l(),a(d(i),{side:s.side,align:s.align,"side-offset":s.sideOffset,"align-offset":s.alignOffset,sticky:s.sticky,"avoid-collisions":s.avoidCollisions,"collision-boundary":s.collisionBoundary,"collision-padding":s.collisionPadding,"arrow-padding":s.arrowPadding,"prioritize-position":s.prioritizePosition,"hide-when-detached":s.hideWhenDetached,"update-position-strategy":s.updatePositionStrategy,"position-strategy":s.positionStrategy,"force-mount":s.forceMount,onCloseAutoFocus:t[0]||(t[0]=e=>m(`closeAutoFocus`,e)),onEscapeKeyDown:t[1]||(t[1]=e=>m(`escapeKeyDown`,e)),onPointerDownOutside:t[2]||(t[2]=e=>m(`pointerDownOutside`,e)),onFocusOutside:t[3]||(t[3]=e=>m(`focusOutside`,e)),onInteractOutside:t[4]||(t[4]=e=>m(`interactOutside`,e))},{default:f(()=>[o(d(n),c({id:d(g),ref:d(b),"data-dismissable-layer":``,"data-state":d(h),style:x},s.popupProps),{default:f(()=>[u(e.$slots,`default`)]),_:3},16,[`id`,`data-state`])]),_:3},8,[`side`,`align`,`side-offset`,`align-offset`,`sticky`,`avoid-collisions`,`collision-boundary`,`collision-padding`,`arrow-padding`,`prioritize-position`,`hide-when-detached`,`update-position-strategy`,`position-strategy`,`force-mount`]))}});export{p as default};