@soybeanjs/headless 0.29.3 → 0.30.0-beta.1

package/dist/components/checkbox/index.d.ts

@@ -1,13 +1,13 @@
 import { LabelProps } from "../label/types.js";
 import { CheckboxCardCompactEmits, CheckboxCardCompactProps, CheckboxCardGroupCompactEmits, CheckboxCardGroupCompactProps, CheckboxCardGroupOptionData, CheckboxCardUi, CheckboxCardUiSlot, CheckboxCompactEmits, CheckboxCompactProps, CheckboxControlProps, CheckboxGroupCompactEmits, CheckboxGroupCompactProps, CheckboxGroupOptionData, CheckboxGroupRootEmits, CheckboxGroupRootProps, CheckboxIndicatorProps, CheckboxRootEmits, CheckboxRootProps, CheckboxUi, CheckboxUiSlot } from "./types.js";
-import { _default as _default$2 } from "./checkbox-compact.vue.js";
-import { _default } from "./checkbox-card-compact.vue.js";
-import { _default as _default$4 } from "./checkbox-group-compact.vue.js";
-import { _default as _default$1 } from "./checkbox-card-group-compact.vue.js";
-import { _default as _default$5 } from "./checkbox-group-root.vue.js";
-import { _default as _default$8 } from "./checkbox-root.vue.js";
-import { _default as _default$3 } from "./checkbox-control.vue.js";
-import { _default as _default$6 } from "./checkbox-indicator.vue.js";
-import { _default as _default$7 } from "./checkbox-label.vue.js";
+import _default$2 from "./checkbox-compact.vue.js";
+import _default from "./checkbox-card-compact.vue.js";
+import _default$4 from "./checkbox-group-compact.vue.js";
+import _default$1 from "./checkbox-card-group-compact.vue.js";
+import _default$5 from "./checkbox-group-root.vue.js";
+import _default$8 from "./checkbox-root.vue.js";
+import _default$3 from "./checkbox-control.vue.js";
+import _default$6 from "./checkbox-indicator.vue.js";
+import _default$7 from "./checkbox-label.vue.js";
 import { provideCheckboxCardUi, provideCheckboxUi } from "./context.js";
 export { _default as CheckboxCardCompact, type CheckboxCardCompactEmits, type CheckboxCardCompactProps, _default$1 as CheckboxCardGroupCompact, type CheckboxCardGroupCompactEmits, type CheckboxCardGroupCompactProps, type CheckboxCardGroupOptionData, type CheckboxCardUi, type CheckboxCardUiSlot, _default$2 as CheckboxCompact, type CheckboxCompactEmits, type CheckboxCompactProps, _default$3 as CheckboxControl, type CheckboxControlProps, _default$4 as CheckboxGroupCompact, type CheckboxGroupCompactEmits, type CheckboxGroupCompactProps, type CheckboxGroupOptionData, _default$5 as CheckboxGroupRoot, type CheckboxGroupRootEmits, type CheckboxGroupRootProps, _default$6 as CheckboxIndicator, type CheckboxIndicatorProps, _default$7 as CheckboxLabel, type LabelProps as CheckboxLabelProps, _default$8 as CheckboxRoot, type CheckboxRootEmits, type CheckboxRootProps, type CheckboxUi, type CheckboxUiSlot, provideCheckboxCardUi, provideCheckboxUi };

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

@@ -1,13 +1,13 @@
 import { CheckedState, DefinedValue, UiClass } from "../../types/common.js";
 import { ForceMountProps, FormFieldCommonProps } from "../../types/component.js";
 import { BaseProps } from "../../types/vue.js";
+import "../../types/index.js";
 import { IconValue } from "../_icon/types.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { ButtonProps } from "../button/types.js";
 import { LabelProps } from "../label/types.js";
 import { RovingFocusGroupProps } from "../roving-focus/types.js";
 import { ComputedRef, ShallowRef } from "vue";
-
 //#region src/components/checkbox/types.d.ts
 /**
  * Properties for the CheckboxRoot component.
@@ -38,7 +38,8 @@ interface CheckboxRootProps extends FormFieldCommonProps, BaseProps {
  * Events for the CheckboxRoot component.
  */
 type CheckboxRootEmits = {
-  /** Event handler called when the value of the checkbox changes. */'update:modelValue': [value: CheckedState | null];
+  /** Event handler called when the value of the checkbox changes. */
+  'update:modelValue': [value: CheckedState | null];
 };
 /**
  * Properties for the CheckboxControl component.
@@ -106,7 +107,8 @@ interface CheckboxGroupRootProps<T extends DefinedValue = DefinedValue> extends
  * Events for the CheckboxGroupRoot component.
  */
 type CheckboxGroupRootEmits<T extends DefinedValue = DefinedValue> = {
-  /** Event handler called when the value of the checkbox group changes. */'update:modelValue': [value: T[]];
+  /** Event handler called when the value of the checkbox group changes. */
+  'update:modelValue': [value: T[]];
 };
 /**
  * Properties for the CheckboxCompact component.
@@ -204,4 +206,4 @@ type CheckboxUi = UiClass<CheckboxUiSlot>;
  */
 type CheckboxCardUi = UiClass<CheckboxCardUiSlot>;
 //#endregion
-export { CheckboxCardCompactEmits, CheckboxCardCompactProps, CheckboxCardGroupCompactEmits, CheckboxCardGroupCompactProps, CheckboxCardGroupOptionData, CheckboxCardUi, CheckboxCardUiSlot, CheckboxCompactEmits, CheckboxCompactProps, CheckboxControlProps, CheckboxGroupCompactEmits, CheckboxGroupCompactProps, CheckboxGroupOptionData, CheckboxGroupRootEmits, CheckboxGroupRootProps, CheckboxIndicatorProps, CheckboxRootEmits, CheckboxRootProps, CheckboxUi, CheckboxUiSlot };
+export { CheckboxCardCompactEmits, CheckboxCardCompactProps, CheckboxCardGroupCompactEmits, CheckboxCardGroupCompactProps, CheckboxCardGroupOptionData, CheckboxCardUi, CheckboxCardUiSlot, CheckboxCompactEmits, CheckboxCompactProps, CheckboxControlProps, CheckboxGroupCompactEmits, CheckboxGroupCompactProps, CheckboxGroupOptionData, CheckboxGroupRootEmits, CheckboxGroupRootProps, CheckboxIndicatorProps, type LabelProps as CheckboxLabelProps, CheckboxRootEmits, CheckboxRootProps, CheckboxUi, CheckboxUiSlot };

package/dist/components/clipboard/clipboard.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import n from"../button/button.js";import"../button/index.js";import{computed as r,createBlock as i,createElementVNode as a,createTextVNode as o,createVNode as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeProps as d,openBlock as f,renderSlot as p,toDisplayString as m,unref as h,withCtx as g}from"vue";import{useClipboard as _}from"@vueuse/core";const v={"aria-hidden":`true`},y=c({name:`Clipboard`,__name:`clipboard`,props:{value:{},copiedDuration:{default:2e3},legacy:{type:Boolean,default:!0},copyIcon:{default:`lucide:copy`},copiedIcon:{default:`lucide:check`},copyText:{default:`Copy`},copiedText:{default:`Copied`},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`click`,`copied`,`copyError`],setup(c,{emit:y}){let b=c,x=y,{copied:S,copy:C,isSupported:w}=_({copiedDuring:b.copiedDuration,legacy:b.legacy}),T=r(()=>b.disabled||!w.value),E=r(()=>w.value?S.value?`copied`:`ready`:`unsupported`),D=e(b,[`value`,`copiedDuration`,`legacy`,`disabled`,`copyIcon`,`copiedIcon`,`copyText`,`copiedText`]),O=r(()=>S.value?b.copiedIcon:b.copyIcon),k=r(()=>S.value?b.copiedText:b.copyText),A=async()=>{if(!T.value)try{await C(b.value),x(`copied`,b.value)}catch(e){x(`copyError`,e)}},j=r(()=>({copied:S.value,disabled:T.value,icon:O.value,supported:w.value,state:E.value,text:k.value,copy:A})),M=async e=>{x(`click`,e),await A()};return(e,r)=>(f(),i(h(n),u(h(D),{"data-soybean-clipboard":``,disabled:T.value,"data-state":E.value,onClick:M}),{default:g(()=>[p(e.$slots,`leading`,d(l(j.value)),()=>[a(`span`,v,[s(t,{icon:O.value},null,8,[`icon`])])]),p(e.$slots,`default`,d(l(j.value)),()=>[o(m(k.value),1)]),p(e.$slots,`trailing`,d(l(j.value)))]),_:3},16,[`disabled`,`data-state`]))}});export{y as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"../button/button.js";import"../button/index.js";import{copyTextToClipboard as i,isClipboardWriteSupported as a}from"./shared.js";import{computed as o,createBlock as s,createElementVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeProps as m,openBlock as h,renderSlot as g,shallowRef as _,toDisplayString as v,unref as y,withCtx as b}from"vue";import{useTimeoutFn as x}from"@vueuse/core";const S={"aria-hidden":`true`},C=d({name:`Clipboard`,__name:`clipboard`,props:{value:{},copiedDuration:{default:2e3},legacy:{type:Boolean,default:!0},copyIcon:{default:`lucide:copy`},copiedIcon:{default:`lucide:check`},copyText:{},copiedText:{},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`click`,`copied`,`copyError`],setup(d,{emit:C}){let w=d,T=C,E=e(),D=t(w,[`value`,`copiedDuration`,`legacy`,`disabled`,`copyIcon`,`copiedIcon`,`copyText`,`copiedText`]),O=_(!1),{start:k}=x(()=>{O.value=!1},()=>w.copiedDuration,{immediate:!1}),A=o(()=>a()||w.legacy),j=o(()=>w.disabled||!A.value),M=o(()=>A.value?O.value?`copied`:`ready`:`unsupported`),N=o(()=>O.value?w.copiedIcon:w.copyIcon),P=o(()=>O.value?w.copiedText??E.value.clipboard.copied:w.copyText??E.value.clipboard.copy),F=async()=>{if(!j.value)try{await i(w.value,w.legacy),O.value=!0,k(),T(`copied`,w.value)}catch(e){T(`copyError`,e)}},I=o(()=>({copied:O.value,disabled:j.value,icon:N.value,supported:A.value,state:M.value,text:P.value,copy:F})),L=async e=>{T(`click`,e),await F()};return(e,t)=>(h(),s(y(r),p(y(D),{"data-soybean-clipboard":``,disabled:j.value,"data-state":M.value,onClick:L}),{default:b(()=>[g(e.$slots,`leading`,m(f(I.value)),()=>[c(`span`,S,[u(n,{icon:N.value},null,8,[`icon`])])]),g(e.$slots,`default`,m(f(I.value)),()=>[l(v(P.value),1)]),g(e.$slots,`trailing`,m(f(I.value)))]),_:3},16,[`disabled`,`data-state`]))}});export{C as default};

package/dist/components/clipboard/clipboard.vue.d.ts

@@ -1,38 +1,6 @@
-import { IconValue } from "../_icon/types.js";
-import { ClipboardProps, ClipboardState } from "./types.js";
+import { ClipboardProps, ClipboardSlots } from "./types.js";
 //#region src/components/clipboard/clipboard.vue.d.ts
-declare var __VLS_10: {
-    copied: boolean;
-    disabled: boolean;
-    icon: IconValue;
-    supported: boolean;
-    state: ClipboardState;
-    text: string;
-    copy: () => Promise<void>;
-  }, __VLS_17: {
-    copied: boolean;
-    disabled: boolean;
-    icon: IconValue;
-    supported: boolean;
-    state: ClipboardState;
-    text: string;
-    copy: () => Promise<void>;
-  }, __VLS_19: {
-    copied: boolean;
-    disabled: boolean;
-    icon: IconValue;
-    supported: boolean;
-    state: ClipboardState;
-    text: string;
-    copy: () => Promise<void>;
-  };
-type __VLS_Slots = {} & {
-  leading?: (props: typeof __VLS_10) => any;
-} & {
-  default?: (props: typeof __VLS_17) => any;
-} & {
-  trailing?: (props: typeof __VLS_19) => any;
-};
+type __VLS_Slots = ClipboardSlots;
 declare const __VLS_base: import("vue").DefineComponent<ClipboardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   click: (event: PointerEvent) => any;
   copied: (value: string) => any;
@@ -50,8 +18,6 @@ declare const __VLS_base: import("vue").DefineComponent<ClipboardProps, {}, {},
   copiedIcon: string | import("vue").Component | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
   }> | null;
-  copyText: string;
-  copiedText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
@@ -61,4 +27,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/clipboard/index.d.ts

@@ -1,3 +1,3 @@
 import { ClipboardEmits, ClipboardProps, ClipboardSlotProps, ClipboardState } from "./types.js";
-import { _default } from "./clipboard.vue.js";
+import _default from "./clipboard.vue.js";
 export { _default as Clipboard, type ClipboardEmits, type ClipboardProps, type ClipboardSlotProps, type ClipboardState };

package/dist/components/clipboard/shared.js

@@ -0,0 +1 @@
+const e=`Clipboard API is not supported.`;function t(e){let t=document.createElement(`textarea`);return t.value=e,t.style.position=`fixed`,t.style.top=`0`,t.style.left=`0`,t.style.width=`2em`,t.style.height=`2em`,t.style.opacity=`0`,t.style.pointerEvents=`none`,t}function n(){return typeof navigator?.clipboard?.writeText==`function`}async function r(n){if(typeof document>`u`)throw Error(e);let r=t(n);document.body.appendChild(r);try{if(r.focus({preventScroll:!0}),r.select(),r.setSelectionRange(0,n.length),!document.execCommand(`copy`))throw Error(`Legacy clipboard copy failed.`)}finally{r.remove()}}async function i(t,i){if(n())try{await navigator.clipboard.writeText(t);return}catch(e){if(!i)throw e}if(i){await r(t);return}throw Error(e)}export{i as copyTextToClipboard,n as isClipboardWriteSupported,r as legacyCopy};

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

@@ -1,6 +1,5 @@
 import { IconValue } from "../_icon/types.js";
 import { ButtonProps } from "../button/types.js";
-
 //#region src/components/clipboard/types.d.ts
 /**
  * State values for ClipboardState.
@@ -41,16 +40,33 @@ interface ClipboardProps extends ButtonProps {
   /**
    * The text to display before copying.
    *
-   * @defaultValue 'Copy'
+   * Defaults to the localized `clipboard.copy` message from `ConfigProvider`.
    */
   copyText?: string;
   /**
    * The text to display after copying.
    *
-   * @defaultValue 'Copied'
+   * Defaults to the localized `clipboard.copied` message from `ConfigProvider`.
    */
   copiedText?: string;
 }
+/**
+ * Events for the Clipboard component.
+ */
+type ClipboardEmits = {
+  /**
+   * Emitted when click occurs.
+   */
+  click: [event: PointerEvent];
+  /**
+   * Emitted when copied occurs.
+   */
+  copied: [value: string];
+  /**
+   * Emitted when copy error occurs.
+   */
+  copyError: [error: unknown];
+};
 /**
  * Slot properties for the Clipboard component.
  */
@@ -85,21 +101,12 @@ interface ClipboardSlotProps {
   copy: () => Promise<void>;
 }
 /**
- * Events for the Clipboard component.
+ * Slots for the Clipboard component.
  */
-type ClipboardEmits = {
-  /**
-   * Emitted when click occurs.
-   */
-  click: [event: PointerEvent];
-  /**
-   * Emitted when copied occurs.
-   */
-  copied: [value: string];
-  /**
-   * Emitted when copy error occurs.
-   */
-  copyError: [error: unknown];
+type ClipboardSlots = {
+  leading?: (props: ClipboardSlotProps) => any;
+  default?: (props: ClipboardSlotProps) => any;
+  trailing?: (props: ClipboardSlotProps) => any;
 };
 //#endregion
-export { ClipboardEmits, ClipboardProps, ClipboardSlotProps, ClipboardState };
+export { ClipboardEmits, ClipboardProps, ClipboardSlotProps, ClipboardSlots, ClipboardState };

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import{usePresence as t}from"../../composables/use-presence.js";import"../../composables/index.js";import{useCollapsibleRootContext as n,useCollapsibleUi as r}from"./context.js";import{collapsibleContentCssVars as i}from"./shared.js";import{Primitive as a}from"../primitive/primitive.js";import"../primitive/index.js";import{computed as o,createBlock as s,createCommentVNode as c,defineComponent as l,nextTick as u,normalizeClass as d,onMounted as f,openBlock as p,renderSlot as m,shallowRef as h,unref as g,watch as _,withCtx as v}from"vue";const y=l({name:`CollapsibleContent`,__name:`collapsible-content`,props:{forceMount:{type:Boolean},asChild:{type:Boolean},as:{}},setup(l){let y=l,[b,x]=e(),{contentId:S,initContentId:C,open:w,dataDisabled:T,dataState:E,unmountOnHide:D}=n(`CollapsibleContent`),O=r(`content`),k=y.forceMount?h(!0):t(b,w,F),A={[i.width]:`0px`,[i.height]:`0px`},j=o(()=>k.value||w.value),M=w.value,N,P=o(()=>{if(!j.value)return D.value?``:`until-found`});function F(){let e=b.value;if(!e)return;let t=e.style;N||(N={transitionDuration:t.transitionDuration,animationName:t.animationName}),t.transitionDuration=`0s`,t.animationName=`none`;let n=e.getBoundingClientRect();t.setProperty(i.width,`${n.width}px`),t.setProperty(i.height,`${n.height}px`),M||(t.transitionDuration=N.transitionDuration,t.animationName=N.animationName)}return _(j,async()=>{await u(),F()},{immediate:!0,flush:`post`}),C(),f(()=>{requestAnimationFrame(()=>{M=!1})}),(e,t)=>(p(),s(g(a),{id:g(S),ref:g(x),as:l.as,"as-child":l.asChild,"data-soybean-collapsible-content":``,class:d(g(O)),"data-disabled":g(T),"data-state":g(E),hidden:P.value,style:A},{default:v(()=>[!g(D)||j.value?m(e.$slots,`default`,{key:0}):c(`v-if`,!0)]),_:3},8,[`id`,`as`,`as-child`,`class`,`data-disabled`,`data-state`,`hidden`]))}});export{y as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{usePresence as t}from"../../composables/use-presence.js";import"../../composables/index.js";import{useCollapsibleRootContext as n,useCollapsibleUi as r}from"./context.js";import{collapsibleContentCssVars as i}from"./shared.js";import{Primitive as a}from"../primitive/primitive.js";import"../primitive/index.js";import{computed as o,createBlock as s,createCommentVNode as c,defineComponent as l,nextTick as u,normalizeClass as d,onMounted as f,openBlock as p,renderSlot as m,shallowRef as h,unref as g,watch as _,withCtx as v}from"vue";const y=l({name:`CollapsibleContent`,__name:`collapsible-content`,props:{forceMount:{type:Boolean},asChild:{type:Boolean},as:{}},setup(l){let y=l,[b,x]=e(),{contentId:S,initContentId:C,open:w,dataDisabled:T,dataState:E,unmountOnHide:D}=n(`CollapsibleContent`),O=r(`content`),k=y.forceMount?h(!0):t(b,w,F),A={[i.width]:`0px`,[i.height]:`0px`},j=o(()=>k.value||w.value),M=w.value,N,P=o(()=>{if(!j.value)return D.value?``:`until-found`});function F(){let e=b.value;if(!e)return;let t=e.style;N||(N={transitionDuration:t.transitionDuration,animationName:t.animationName}),t.transitionDuration=`0s`,t.animationName=`none`;let n=e.getBoundingClientRect();t.setProperty(i.width,`${n.width}px`),t.setProperty(i.height,`${n.height}px`),M||(t.transitionDuration=N.transitionDuration,t.animationName=N.animationName)}return _(j,async()=>{await u(),F()},{immediate:!0,flush:`post`}),C(),f(()=>{requestAnimationFrame(()=>{M=!1})}),(e,t)=>(p(),s(g(a),{id:g(S),ref:g(x),as:l.as,"as-child":l.asChild,"data-soybean-collapsible-content":``,class:d(g(O)),"data-disabled":g(T),"data-state":g(E),hidden:P.value,style:A},{default:v(()=>[!g(D)||j.value?m(e.$slots,`default`,{},void 0,void 0,0):c(`v-if`,!0)]),_:3},8,[`id`,`as`,`as-child`,`class`,`data-disabled`,`data-state`,`hidden`]))}});export{y as default};

package/dist/components/collapsible/collapsible-content.vue.d.ts

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

package/dist/components/collapsible/collapsible-root.vue.d.ts

@@ -1,5 +1,4 @@
 import { CollapsibleRootProps } from "./types.js";
-
 //#region src/components/collapsible/collapsible-root.vue.d.ts
 declare var __VLS_8: {
   open: boolean;
@@ -26,4 +25,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/collapsible/collapsible-trigger.vue.d.ts

@@ -1,5 +1,4 @@
 import { CollapsibleTriggerProps } from "./types.js";
-
 //#region src/components/collapsible/collapsible-trigger.vue.d.ts
 declare var __VLS_10: {
   open: boolean | undefined;
@@ -16,4 +15,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/collapsible/context.d.ts

@@ -1,6 +1,9 @@
 import { UiClass } from "../../types/common.js";
+import "../../types/index.js";
 import { CollapsibleUiSlot } from "./types.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
+import "../../index.js";
 //#region src/components/collapsible/context.d.ts
 declare const provideCollapsibleUi: (ui: import("vue").ComputedRef<Partial<UiClass<CollapsibleUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<CollapsibleUiSlot>>>, useCollapsibleUi: UseUiConsumer<CollapsibleUiSlot>;
 //#endregion

package/dist/components/collapsible/index.d.ts

@@ -1,6 +1,6 @@
 import { CollapsibleContentProps, CollapsibleRootEmits, CollapsibleRootProps, CollapsibleTriggerProps, CollapsibleUi, CollapsibleUiSlot } from "./types.js";
-import { _default as _default$1 } from "./collapsible-root.vue.js";
-import { _default } from "./collapsible-content.vue.js";
-import { _default as _default$2 } from "./collapsible-trigger.vue.js";
+import _default$1 from "./collapsible-root.vue.js";
+import _default from "./collapsible-content.vue.js";
+import _default$2 from "./collapsible-trigger.vue.js";
 import { provideCollapsibleUi } from "./context.js";
 export { _default as CollapsibleContent, type CollapsibleContentProps, _default$1 as CollapsibleRoot, type CollapsibleRootEmits, type CollapsibleRootProps, _default$2 as CollapsibleTrigger, type CollapsibleTriggerProps, type CollapsibleUi, type CollapsibleUiSlot, provideCollapsibleUi };

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

@@ -1,9 +1,9 @@
 import { UiClass } from "../../types/common.js";
 import { ForceMountProps } from "../../types/component.js";
+import "../../types/index.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { ButtonProps } from "../button/types.js";
 import { Ref } from "vue";
-
 //#region src/components/collapsible/types.d.ts
 /**
  * Properties for the CollapsibleRoot component.
@@ -26,7 +26,8 @@ interface CollapsibleRootProps extends PrimitiveWithBaseProps {
  * Events for the CollapsibleRoot component.
  */
 type CollapsibleRootEmits = {
-  /** Event handler called when the open state of the collapsible changes. */'update:open': [value: boolean];
+  /** Event handler called when the open state of the collapsible changes. */
+  'update:open': [value: boolean];
 };
 /**
  * Properties for the CollapsibleContent component.

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

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

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

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

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

@@ -1,19 +1,19 @@
 import { ColorFormat, ColorSpace, ColorValue, NormalizedColor } from "../../types/color.js";
+import "../../types/index.js";
 import { ColorAreaAxisChannel, ColorAreaRootProps } from "./types.js";
-
 //#region src/components/color-area/color-area-root.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ColorAreaRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  change: (value: string) => any;
   "update:modelValue": (value: string) => any;
+  change: (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
   changeEnd: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<ColorAreaRootProps> & Readonly<{
-  onChange?: ((value: string) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {
@@ -33,4 +33,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,6 +1,6 @@
 import { AsTag } from "../primitive/types.js";
+import "../primitive/index.js";
 import { ColorAreaThumbProps } from "./types.js";
-
 //#region src/components/color-area/color-area-thumb.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -17,4 +17,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

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

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

@@ -1,7 +1,7 @@
 import { ColorAreaAreaProps, ColorAreaAxisChannel, ColorAreaCompactEmits, ColorAreaCompactProps, ColorAreaRootEmits, ColorAreaRootProps, ColorAreaThumbProps, ColorAreaUi, ColorAreaUiSlot } from "./types.js";
-import { _default as _default$1 } from "./color-area-compact.vue.js";
-import { _default as _default$2 } from "./color-area-root.vue.js";
-import { _default } from "./color-area-area.vue.js";
-import { _default as _default$3 } from "./color-area-thumb.vue.js";
+import _default$1 from "./color-area-compact.vue.js";
+import _default$2 from "./color-area-root.vue.js";
+import _default from "./color-area-area.vue.js";
+import _default$3 from "./color-area-thumb.vue.js";
 import { provideColorAreaUi } from "./context.js";
 export { _default as ColorAreaArea, type ColorAreaAreaProps, type ColorAreaAxisChannel, _default$1 as ColorAreaCompact, type ColorAreaCompactEmits, type ColorAreaCompactProps, _default$2 as ColorAreaRoot, type ColorAreaRootEmits, type ColorAreaRootProps, _default$3 as ColorAreaThumb, type ColorAreaThumbProps, type ColorAreaUi, type ColorAreaUiSlot, provideColorAreaUi };

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

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

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { ColorFormat, ColorSpace, ColorValue, NormalizedColor } from "../../types/color.js";
+import "../../types/index.js";
 import { ColorFieldRootProps } from "./types.js";
-
 //#region src/components/color-field/color-field-root.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -30,4 +30,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

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

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

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

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

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

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

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

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

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

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

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