@soybeanjs/headless 0.30.0 → 0.40.0-beta.1

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-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-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

@@ -25,8 +25,8 @@ declare const __VLS_base: import("vue").DefineComponent<ColorSliderRootProps, {}
   step: number;
   defaultValue: string | ColorValue;
   modelValue: string | ColorValue;
-  inverted: boolean;
   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};

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

@@ -7,31 +7,31 @@ import { ComputedRef } from "vue";
 /**
  * Properties for the ColorSwatchPickerRoot component.
  */
-interface ColorSwatchPickerRootProps<M extends boolean = false> extends ListboxRootProps<M> {}
+export interface ColorSwatchPickerRootProps<M extends boolean = false> extends ListboxRootProps<M> {}
 /**
  * Events for the ColorSwatchPickerRoot component.
  */
-type ColorSwatchPickerRootEmits<M extends boolean = false> = ListboxRootEmits<M>;
+export type ColorSwatchPickerRootEmits<M extends boolean = false> = ListboxRootEmits<M>;
 /**
  * Properties for the ColorSwatchPickerItem component.
  */
-interface ColorSwatchPickerItemProps extends ListboxItemProps {}
+export interface ColorSwatchPickerItemProps extends ListboxItemProps {}
 /**
  * Events for the ColorSwatchPickerItem component.
  */
-type ColorSwatchPickerItemEmits = ListboxItemEmits;
+export type ColorSwatchPickerItemEmits = ListboxItemEmits;
 /**
  * Properties for the ColorSwatchPickerItemIndicator component.
  */
-interface ColorSwatchPickerItemIndicatorProps extends ListboxItemIndicatorProps {}
+export interface ColorSwatchPickerItemIndicatorProps extends ListboxItemIndicatorProps {}
 /**
  * Properties for the ColorSwatchPickerItemSwatch component.
  */
-interface ColorSwatchPickerItemSwatchProps extends ColorSwatchCompactProps {}
+export interface ColorSwatchPickerItemSwatchProps extends ColorSwatchCompactProps {}
 /**
  * Slot properties for the ColorSwatchPickerCompact component.
  */
-interface ColorSwatchPickerCompactSlotProps<M extends boolean = false> {
+export interface ColorSwatchPickerCompactSlotProps<M extends boolean = false> {
   /**
    * Current model value.
    */
@@ -40,7 +40,7 @@ interface ColorSwatchPickerCompactSlotProps<M extends boolean = false> {
 /**
  * Slot properties for color-specific ColorSwatchPickerCompact slots.
  */
-interface ColorSwatchPickerCompactColorSlotProps {
+export interface ColorSwatchPickerCompactColorSlotProps {
   /**
    * Current swatch color.
    */
@@ -49,7 +49,7 @@ interface ColorSwatchPickerCompactColorSlotProps {
 /**
  * Properties for the ColorSwatchPickerCompact component.
  */
-interface ColorSwatchPickerCompactProps<M extends boolean = false> extends ColorSwatchPickerRootProps<M> {
+export interface ColorSwatchPickerCompactProps<M extends boolean = false> extends ColorSwatchPickerRootProps<M> {
   /**
    * Colors.
    */
@@ -70,11 +70,11 @@ interface ColorSwatchPickerCompactProps<M extends boolean = false> extends Color
 /**
  * Events for the ColorSwatchPickerCompact component.
  */
-type ColorSwatchPickerCompactEmits<M extends boolean = false> = ColorSwatchPickerRootEmits<M> & ColorSwatchPickerItemEmits;
+export type ColorSwatchPickerCompactEmits<M extends boolean = false> = ColorSwatchPickerRootEmits<M> & ColorSwatchPickerItemEmits;
 /**
  * Slots for the ColorSwatchPickerCompact component.
  */
-type ColorSwatchPickerCompactSlots<M extends boolean = false> = {
+export type ColorSwatchPickerCompactSlots<M extends boolean = false> = {
   /**
    * Custom content rendered when colors are not provided.
    */
@@ -91,10 +91,9 @@ type ColorSwatchPickerCompactSlots<M extends boolean = false> = {
 /**
  * Available UI slots for the ColorSwatchPicker component.
  */
-type ColorSwatchPickerUiSlot = 'root' | 'item' | 'itemIndicator' | 'swatchRoot' | 'swatchChecker' | 'swatchFill';
+export type ColorSwatchPickerUiSlot = 'root' | 'item' | 'itemIndicator' | 'swatchRoot' | 'swatchChecker' | 'swatchFill';
 /**
  * UI class overrides for the ColorSwatchPicker component.
  */
-type ColorSwatchPickerUi = UiClass<ColorSwatchPickerUiSlot>;
-//#endregion
-export { ColorSwatchPickerCompactColorSlotProps, ColorSwatchPickerCompactEmits, ColorSwatchPickerCompactProps, ColorSwatchPickerCompactSlotProps, ColorSwatchPickerCompactSlots, ColorSwatchPickerItemEmits, ColorSwatchPickerItemIndicatorProps, ColorSwatchPickerItemProps, ColorSwatchPickerItemSwatchProps, ColorSwatchPickerRootEmits, ColorSwatchPickerRootProps, ColorSwatchPickerUi, ColorSwatchPickerUiSlot };
+export type ColorSwatchPickerUi = UiClass<ColorSwatchPickerUiSlot>;
+//#endregion

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

@@ -0,0 +1 @@
+import e from"../popper/popper-anchor.js";import{createBlock as t,defineComponent as n,mergeProps as r,openBlock as i,renderSlot as a,unref as o,withCtx as s}from"vue";const c=n({name:`ComboboxAnchor`,__name:`combobox-anchor`,props:{reference:{},asChild:{type:Boolean},as:{}},setup(n){let c=n;return(n,l)=>(i(),t(o(e),r(c,{"data-soybean-combobox-anchor":``}),{default:s(()=>[a(n.$slots,`default`)]),_:3},16))}});export{c as default};

package/dist/components/combobox/combobox-anchor.vue.d.ts

@@ -0,0 +1,16 @@
+import { ComboboxAnchorProps } from "./types.js";
+//#region src/components/combobox/combobox-anchor.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ComboboxAnchorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ComboboxAnchorProps> & Readonly<{}>, {}, {}, {}, {}, string, import("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 as default };

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

@@ -1 +1 @@
-import{useComboboxContentContext as e,useComboboxRootContext as t,useComboboxUi as n}from"./context.js";import r from"../popper/popper-arrow.js";import"../popper/index.js";import{computed as i,createBlock as a,createCommentVNode 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:`ComboboxArrow`,__name:`combobox-arrow`,setup(s){let p=n(`arrow`),{open:m}=t(`ComboboxArrow`),{position:h}=e(`ComboboxArrow`),g=i(()=>m.value&&h.value===`popper`);return(e,t)=>g.value?(l(),a(d(r),{key:0,"data-soybean-combobox-arrow":``,class:c(d(p))},{default:f(()=>[u(e.$slots,`default`)]),_:3},8,[`class`])):o(`v-if`,!0)}});export{p as default};
+import e from"../popper/popper-arrow.js";import{useComboboxContentContext as t,useComboboxRootContext as n,useComboboxUi as r}from"./context.js";import{computed as i,createBlock as a,createCommentVNode 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:`ComboboxArrow`,__name:`combobox-arrow`,setup(s){let p=r(`arrow`),{open:m}=n(`ComboboxArrow`),{position:h}=t(`ComboboxArrow`),g=i(()=>m.value&&h.value===`popper`);return(t,n)=>g.value?(l(),a(d(e),{key:0,"data-soybean-combobox-arrow":``,class:c(d(p))},{default:f(()=>[u(t.$slots,`default`)]),_:3},8,[`class`])):o(`v-if`,!0)}});export{p as default};

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

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useComboboxRootContext as t,useComboboxUi as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`ComboboxCancel`,__name:`combobox-cancel`,props:{disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(a){let d=a,f=n(`cancel`),{disabled:p,inputElement:m,filterSearch:h,resetModelValueOnClear:g,resetModelValue:_}=t(`ComboboxCancel`),v=r(()=>d.disabled||p.value||!1),y=r(()=>d.as===`button`?`button`:void 0),b=r(()=>v.value?-1:d.as===`button`?void 0:0),x=()=>{if(v.value)return;h.value=``;let e=m.value;e&&(e.value=``,e.dispatchEvent(new Event(`input`,{bubbles:!0})),e.dispatchEvent(new Event(`change`,{bubbles:!0})),e.focus()),g.value&&_()};return(t,n)=>(s(),i(l(e),{as:a.as,"as-child":a.asChild,"data-soybean-combobox-cancel":``,class:o(l(f)),type:y.value,"aria-disabled":v.value||void 0,"data-disabled":v.value?``:void 0,disabled:v.value,tabindex:b.value,onClick:x},{default:u(()=>[c(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`type`,`aria-disabled`,`data-disabled`,`disabled`,`tabindex`]))}});export{d as default};
+import{Primitive as e}from"../primitive/primitive.js";import{useComboboxRootContext as t,useComboboxUi as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`ComboboxCancel`,__name:`combobox-cancel`,props:{disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(a){let d=a,f=n(`cancel`),{disabled:p,inputElement:m,filterSearch:h}=t(`ComboboxCancel`),g=r(()=>d.disabled||p.value||!1),_=r(()=>d.as===`button`?`button`:void 0),v=r(()=>g.value?-1:d.as===`button`?void 0:0),y=()=>{if(g.value)return;h.value=``;let e=m.value;e&&(e.value=``,e.dispatchEvent(new Event(`input`,{bubbles:!0})),e.dispatchEvent(new Event(`change`,{bubbles:!0})),e.focus())};return(t,n)=>(s(),i(l(e),{as:a.as,"as-child":a.asChild,"data-soybean-combobox-cancel":``,class:o(l(f)),type:_.value,"aria-disabled":g.value||void 0,"data-disabled":g.value?``:void 0,"data-normal":g.value?void 0:``,disabled:g.value,tabindex:v.value,onClick:y},{default:u(()=>[c(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`type`,`aria-disabled`,`data-disabled`,`data-normal`,`disabled`,`tabindex`]))}});export{d as default};

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

@@ -0,0 +1 @@
+import e from"../_icon/icon.js";import{useComboboxRootContext as t,useComboboxUi as n}from"./context.js";import{computed as r,createCommentVNode as i,createElementBlock as a,createVNode as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,unref as d,withModifiers as f}from"vue";const p=[`aria-label`,`aria-disabled`,`data-disabled`,`data-normal`,`disabled`],m=s({name:`ComboboxClear`,__name:`combobox-clear`,props:{ariaLabel:{default:``},disabled:{type:Boolean,default:!1}},setup(s){let m=s,{modelValue:h,disabled:g,filterSearch:_,resetModelValue:v}=t(`ComboboxClear`),y=n(`clear`),b=r(()=>{let e=h.value;return Array.isArray(e)?e.length>0:e!=null}),x=r(()=>m.disabled||g.value||!1),S=()=>{x.value||(_.value=``,v())};return(t,n)=>b.value?(l(),a(`button`,{key:0,type:`button`,"data-soybean-combobox-clear":``,class:c(d(y)),"aria-label":s.ariaLabel,"aria-disabled":x.value||void 0,"data-disabled":x.value?``:void 0,"data-normal":x.value?void 0:``,disabled:x.value||void 0,tabindex:`-1`,onClick:f(S,[`prevent`,`stop`]),onPointerdown:n[0]||=f(()=>{},[`prevent`,`stop`])},[u(t.$slots,`default`,{},()=>[o(e,{icon:`lucide:x`})])],42,p)):i(`v-if`,!0)}});export{m as default};

package/dist/components/combobox/combobox-clear.vue.d.ts

@@ -0,0 +1,19 @@
+import { ComboboxClearProps } from "./types.js";
+//#region src/components/combobox/combobox-clear.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ComboboxClearProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ComboboxClearProps> & Readonly<{}>, {
+  disabled: boolean;
+  ariaLabel: string;
+}, {}, {}, {}, string, import("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 as default };