@soybeanjs/headless 0.13.8 → 0.15.0-beta.1

package/dist/components/card/card-title.vue.d.ts

@@ -1,12 +1,12 @@
 import { CardTitleProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/card/card-title.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue.DefineComponent<CardTitleProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<CardTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<CardTitleProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CardTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

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

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

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{useCarouselRootContext as t,useCarouselUi as n}from"./context.js";import{computed as r,createElementBlock as i,createElementVNode as a,defineComponent as o,mergeProps as s,normalizeClass as c,openBlock as l,renderSlot as u,unref as d,useId as f,watch as p}from"vue";const m=[`id`,`data-orientation`],h=[`data-orientation`],g=o({name:`CarouselContent`,__name:`carousel-content`,setup(o){let g=o,_=e(g,[`id`]),v=n(),{carouselRef:y,contentId:b,orientation:x,setContentId:S}=t(`CarouselContent`),C=`soybean-carousel-content-${f()}`,w=r(()=>v.value.content),T=r(()=>v.value.container),E=r(()=>g.id?g.id:b.value||C);return p(E,e=>{S(e)},{immediate:!0}),(e,t)=>(l(),i(`div`,s(d(_),{id:E.value,ref_key:`carouselRef`,ref:y,class:w.value,"data-orientation":d(x),"data-soybean-carousel-content":``}),[a(`div`,{class:c(T.value),"data-orientation":d(x),"data-soybean-carousel-container":``},[u(e.$slots,`default`)],10,h)],16,m))}});export{g as default};

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

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

package/dist/components/carousel/carousel-item.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{useCarouselRootContext as t,useCarouselUi as n}from"./context.js";import{createElementBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=[`data-orientation`],u=i({name:`CarouselItem`,__name:`carousel-item`,setup(i){let u=i,d=n(`item`),{orientation:f}=t(`CarouselItem`),p=e(u,[]);return(e,t)=>(o(),r(`div`,a(c(p),{class:c(d),"data-orientation":c(f),"data-soybean-carousel-item":``,role:`group`,"aria-roledescription":`slide`}),[s(e.$slots,`default`)],16,l))}});export{u as default};

package/dist/components/carousel/carousel-item.vue.d.ts

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

package/dist/components/carousel/carousel-next.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../button/button.js";import"../button/index.js";import{useCarouselRootContext as n,useCarouselUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`CarouselNext`,__name:`carousel-next`,props:{type:{default:`button`},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(o){let f=o,p=e(f,[`disabled`]),m=r(`next`),{canScrollNext:h,contentId:g,dir:_,orientation:v,scrollNext:y}=n(`CarouselNext`),b=i(()=>f.disabled||!h.value),x=i(()=>f[`aria-label`]??`Next slide`);return(e,n)=>(c(),a(u(t),s(u(p),{class:u(m),disabled:b.value,"aria-controls":u(g)||void 0,"aria-label":x.value,"data-soybean-carousel-next":``,onClick:u(y)}),{default:d(()=>[l(e.$slots,`default`,{dir:u(_),orientation:u(v),disabled:b.value})]),_:3},16,[`class`,`disabled`,`aria-controls`,`aria-label`,`onClick`]))}});export{f as default};

package/dist/components/carousel/carousel-next.vue.d.ts

@@ -0,0 +1,28 @@
+import { DataOrientation, Direction } from "../../types/common.js";
+import { AsTag } from "../primitive/types.js";
+import { ButtonType } from "../button/types.js";
+import { CarouselNextProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/carousel/carousel-next.vue.d.ts
+declare var __VLS_10: {
+  dir: Direction;
+  orientation: DataOrientation;
+  disabled: boolean;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<CarouselNextProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CarouselNextProps> & Readonly<{}>, {
+  type: ButtonType;
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/carousel/carousel-previous.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../button/button.js";import"../button/index.js";import{useCarouselRootContext as n,useCarouselUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`CarouselPrevious`,__name:`carousel-previous`,props:{type:{default:`button`},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(o){let f=o,p=e(f,[`disabled`]),m=r(`previous`),{canScrollPrev:h,contentId:g,dir:_,orientation:v,scrollPrev:y}=n(`CarouselPrevious`),b=i(()=>f.disabled||!h.value),x=i(()=>f[`aria-label`]??`Previous slide`);return(e,n)=>(c(),a(u(t),s(u(p),{class:u(m),disabled:b.value,"aria-controls":u(g)||void 0,"aria-label":x.value,"data-soybean-carousel-previous":``,onClick:u(y)}),{default:d(()=>[l(e.$slots,`default`,{dir:u(_),orientation:u(v),disabled:b.value})]),_:3},16,[`class`,`disabled`,`aria-controls`,`aria-label`,`onClick`]))}});export{f as default};

package/dist/components/carousel/carousel-previous.vue.d.ts

@@ -0,0 +1,28 @@
+import { DataOrientation, Direction } from "../../types/common.js";
+import { AsTag } from "../primitive/types.js";
+import { ButtonType } from "../button/types.js";
+import { CarouselPreviousProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/carousel/carousel-previous.vue.d.ts
+declare var __VLS_10: {
+  dir: Direction;
+  orientation: DataOrientation;
+  disabled: boolean;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<CarouselPreviousProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CarouselPreviousProps> & Readonly<{}>, {
+  type: ButtonType;
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/carousel/carousel-root.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{useDirection as t}from"../config-provider/context.js";import{provideCarouselRootContext as n,useCarouselUi as r}from"./context.js";import{computed as i,createElementBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,shallowRef as u,unref as d,watch as f,watchEffect as p}from"vue";import m from"embla-carousel-vue";const h=[`dir`,`data-orientation`,`aria-label`,`tabindex`],g=o({name:`CarouselRoot`,__name:`carousel-root`,props:{opts:{},plugins:{},orientation:{default:`horizontal`},dir:{}},emits:[`initApi`],setup(o,{expose:g,emit:_}){let v=o,y=_,b=e(v,[`opts`,`plugins`,`orientation`,`dir`]),x=r(`root`),S=t(()=>v.dir),C=i(()=>v.orientation),w=i(()=>v[`aria-labelledby`]?void 0:v[`aria-label`]??`Carousel`),T=i(()=>v.tabindex??0),E=u({}),D=u([]);p(()=>{E.value={...v.opts,axis:v.orientation===`horizontal`?`x`:`y`,direction:S.value}}),p(()=>{D.value=v.plugins??[]});let[O,k]=m(E,D),A=u(``),j=u(!1),M=u(!1),N=u(0),P=u([]);function F(e){j.value=e?.canScrollNext()??!1,M.value=e?.canScrollPrev()??!1,N.value=e?.selectedScrollSnap()??0,P.value=e?.scrollSnapList()??[]}function I(){k.value?.scrollNext()}function L(){k.value?.scrollPrev()}function R(e,t){k.value?.scrollTo(e,t)}function z(e){A.value=e}function B(e){if(e.target!==e.currentTarget)return;let t=v.orientation===`vertical`?`ArrowUp`:S.value===`rtl`?`ArrowRight`:`ArrowLeft`,n=v.orientation===`vertical`?`ArrowDown`:S.value===`rtl`?`ArrowLeft`:`ArrowRight`;if(e.key===t){e.preventDefault(),L();return}e.key===n&&(e.preventDefault(),I())}return f(k,(e,t,n)=>{if(F(e),!e)return;let r=e=>{F(e)},i=e=>{F(e)};e.on(`select`,r),e.on(`reInit`,i),y(`initApi`,e),n(()=>{e.off(`select`,r),e.off(`reInit`,i)})},{immediate:!0}),n({dir:S,orientation:C,carouselRef:O,carouselApi:k,contentId:A,canScrollNext:j,canScrollPrev:M,selectedIndex:N,scrollSnaps:P,scrollNext:I,scrollPrev:L,scrollTo:R,setContentId:z}),g({dir:S,orientation:C,carouselApi:k,carouselRef:O,canScrollNext:j,canScrollPrev:M,selectedIndex:N,scrollSnaps:P,scrollNext:I,scrollPrev:L,scrollTo:R}),(e,t)=>(c(),a(`div`,s(d(b),{class:d(x),dir:d(S),"data-orientation":C.value,"aria-label":w.value,tabindex:T.value,"data-soybean-carousel-root":``,role:`region`,"aria-roledescription":`carousel`,onKeydown:B}),[l(e.$slots,`default`,{carouselApi:d(k),canScrollNext:j.value,canScrollPrev:M.value,selectedIndex:N.value,scrollSnaps:P.value,scrollNext:I,scrollPrev:L,scrollTo:R,orientation:C.value,dir:d(S)})],16,h))}});export{g as default};

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

@@ -0,0 +1,15 @@
+//#region src/components/carousel/carousel-root.vue.d.ts
+declare var __VLS_1: any;
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: any;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

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

package/dist/components/carousel/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{computed as n}from"vue";const[r,i]=e(`CarouselRoot`),[a,o]=t(`CarouselUi`,e=>n(()=>e.value??{}));export{r as provideCarouselRootContext,a as provideCarouselUi,i as useCarouselRootContext,o as useCarouselUi};

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

@@ -0,0 +1,8 @@
+import { CarouselApi, CarouselContentProps, CarouselItemProps, CarouselNextProps, CarouselOptions, CarouselPlugins, CarouselPreviousProps, CarouselRootEmits, CarouselRootProps, CarouselUi, CarouselUiSlot } from "./types.js";
+import { _default } from "./carousel-content.vue.js";
+import { _default as _default$1 } from "./carousel-item.vue.js";
+import { _default as _default$2 } from "./carousel-next.vue.js";
+import { _default as _default$3 } from "./carousel-previous.vue.js";
+import { _default as _default$4 } from "./carousel-root.vue.js";
+import { provideCarouselUi } from "./context.js";
+export { type CarouselApi, _default as CarouselContent, type CarouselContentProps, _default$1 as CarouselItem, type CarouselItemProps, _default$2 as CarouselNext, type CarouselNextProps, type CarouselOptions, type CarouselPlugins, _default$3 as CarouselPrevious, type CarouselPreviousProps, _default$4 as CarouselRoot, type CarouselRootEmits, type CarouselRootProps, type CarouselUi, type CarouselUiSlot, provideCarouselUi };

package/dist/components/carousel/index.js

@@ -0,0 +1 @@
+import{provideCarouselUi as e}from"./context.js";import t from"./carousel-content.js";import n from"./carousel-item.js";import r from"./carousel-next.js";import i from"./carousel-previous.js";import a from"./carousel-root.js";export{t as CarouselContent,n as CarouselItem,r as CarouselNext,i as CarouselPrevious,a as CarouselRoot,e as provideCarouselUi};

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

@@ -0,0 +1,26 @@
+import { DataOrientation, Direction, UiClass } from "../../types/common.js";
+import { ButtonProps } from "../button/types.js";
+import { ComputedRef, HTMLAttributes, MaybeRef, Ref, ShallowRef } from "vue";
+import emblaCarouselVue, { EmblaCarouselVueType } from "embla-carousel-vue";
+
+//#region src/components/carousel/types.d.ts
+type CarouselApi = NonNullable<EmblaCarouselVueType[1]['value']>;
+type CarouselOptions = NonNullable<Parameters<typeof emblaCarouselVue>[0]> extends MaybeRef<infer Value> ? Value : never;
+type CarouselPlugins = NonNullable<Parameters<typeof emblaCarouselVue>[1]> extends MaybeRef<infer Value> ? Value : never;
+interface CarouselRootProps extends /** @vue-ignore */Omit<HTMLAttributes, 'onSelect'> {
+  opts?: CarouselOptions;
+  plugins?: CarouselPlugins;
+  orientation?: DataOrientation;
+  dir?: Direction;
+}
+type CarouselRootEmits = {
+  initApi: [api: CarouselApi];
+};
+interface CarouselContentProps extends /** @vue-ignore */HTMLAttributes {}
+interface CarouselItemProps extends /** @vue-ignore */HTMLAttributes {}
+interface CarouselPreviousProps extends ButtonProps {}
+interface CarouselNextProps extends ButtonProps {}
+type CarouselUiSlot = 'root' | 'content' | 'container' | 'item' | 'previous' | 'next';
+type CarouselUi = UiClass<CarouselUiSlot>;
+//#endregion
+export { CarouselApi, CarouselContentProps, CarouselItemProps, CarouselNextProps, CarouselOptions, CarouselPlugins, CarouselPreviousProps, CarouselRootEmits, CarouselRootProps, CarouselUi, CarouselUiSlot };

package/dist/components/checkbox/checkbox-control.vue.d.ts

@@ -1,6 +1,6 @@
 import { CheckedState } from "../../types/common.js";
 import { CheckboxControlProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/checkbox/checkbox-control.vue.d.ts
 declare var __VLS_11: {
@@ -10,7 +10,7 @@ declare var __VLS_11: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_11) => any;
 };
-declare const __VLS_base: vue.DefineComponent<CheckboxControlProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<CheckboxControlProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<CheckboxControlProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CheckboxControlProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/checkbox/checkbox-group-root.js

@@ -1 +1 @@
-import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import"../../composables/index.js";import i from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import a from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import{provideCheckboxGroupRootContext as o}from"./context.js";import{computed as s,createBlock as c,createCommentVNode as l,defineComponent as u,mergeProps as d,openBlock as f,renderSlot as p,resolveDynamicComponent as m,unref as h,withCtx as g}from"vue";const _=u({name:`CheckboxGroupRoot`,__name:`checkbox-group-root`,props:{modelValue:{default:void 0},defaultValue:{},rovingFocus:{type:Boolean,default:!0},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(u,{emit:_}){let v=u,y=_,b=s(()=>{let{rovingFocus:e,loop:t,dir:n,orientation:r}=v;return e?{loop:t,dir:n,orientation:r}:{}}),x=n(()=>v.modelValue,e=>{y(`update:modelValue`,e??[])},v.defaultValue);o({...t(v,[`modelValue`,`defaultValue`,`rovingFocus`,`disabled`]),modelValue:x});let[S,C]=r(),w=s(()=>e(S.value));return(e,t)=>(f(),c(m(u.rovingFocus?h(i):`div`),d(b.value,{ref:h(C),as:`div`}),{default:g(()=>[p(e.$slots,`default`),w.value&&u.name?(f(),c(h(a),{key:0,name:u.name,value:h(x),required:v.required},null,8,[`name`,`value`,`required`])):l(`v-if`,!0)]),_:3},16))}});export{_ as default};
+import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import"../../composables/index.js";import i from"../visually-hidden/visually-hidden-input.js";import a from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import"../visually-hidden/index.js";import{provideCheckboxGroupRootContext as o}from"./context.js";import{computed as s,createBlock as c,createCommentVNode as l,defineComponent as u,mergeProps as d,openBlock as f,renderSlot as p,resolveDynamicComponent as m,unref as h,withCtx as g}from"vue";const _=u({name:`CheckboxGroupRoot`,__name:`checkbox-group-root`,props:{modelValue:{default:void 0},defaultValue:{},rovingFocus:{type:Boolean,default:!0},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(u,{emit:_}){let v=u,y=_,b=s(()=>{let{rovingFocus:e,loop:t,dir:n,orientation:r}=v;return e?{loop:t,dir:n,orientation:r}:{}}),x=n(()=>v.modelValue,e=>{y(`update:modelValue`,e??[])},v.defaultValue);o({...t(v,[`modelValue`,`defaultValue`,`rovingFocus`,`disabled`]),modelValue:x});let[S,C]=r(),w=s(()=>e(S.value));return(e,t)=>(f(),c(m(u.rovingFocus?h(a):`div`),d(b.value,{ref:h(C),as:`div`}),{default:g(()=>[p(e.$slots,`default`),w.value&&u.name?(f(),c(h(i),{key:0,name:u.name,value:h(x),required:u.required},null,8,[`name`,`value`,`required`])):l(`v-if`,!0)]),_:3},16))}});export{_ as default};

package/dist/components/checkbox/checkbox-group-root.vue.d.ts

@@ -1,10 +1,10 @@
 import { DefinedValue } from "../../types/common.js";
 import { CheckboxGroupRootProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/checkbox/checkbox-group-root.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue.PublicProps & __VLS_PrettifyLocal<CheckboxGroupRootProps<T> & {
+  props: _$vue.PublicProps & __VLS_PrettifyLocal<CheckboxGroupRootProps<T> & {
     "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -15,7 +15,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
     default?: (props: {}) => any;
   };
   emit: (evt: "update:modelValue", value: T[]) => void;
-}>) => vue.VNode & {
+}>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/checkbox/checkbox-indicator.vue.d.ts

@@ -1,15 +1,15 @@
 import { AsTag } from "../primitive/types.js";
 import { CheckboxIndicatorProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/checkbox/checkbox-indicator.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue.DefineComponent<CheckboxIndicatorProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<CheckboxIndicatorProps> & Readonly<{}>, {
-  as: AsTag | vue.Component;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<CheckboxIndicatorProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CheckboxIndicatorProps> & Readonly<{}>, {
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/checkbox/checkbox-label.vue.d.ts

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

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

@@ -1,6 +1,6 @@
 import { CheckedState, DefinedValue } from "../../types/common.js";
 import { CheckboxRootProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/checkbox/checkbox-root.vue.d.ts
 declare var __VLS_1: {
@@ -10,14 +10,14 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue.DefineComponent<CheckboxRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const __VLS_base: _$vue.DefineComponent<CheckboxRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: CheckedState | null) => any;
-}, string, vue.PublicProps, Readonly<CheckboxRootProps> & Readonly<{
+}, string, _$vue.PublicProps, Readonly<CheckboxRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: CheckedState | null) => any) | undefined;
 }>, {
   value: DefinedValue;
   modelValue: CheckedState | null;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { CollapsibleRootProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/collapsible/collapsible-root.vue.d.ts
 declare var __VLS_8: {
@@ -8,17 +8,17 @@ declare var __VLS_8: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue.DefineComponent<CollapsibleRootProps, {
-  open: vue.ShallowRef<boolean | undefined>;
-}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const __VLS_base: _$vue.DefineComponent<CollapsibleRootProps, {
+  open: _$vue.ShallowRef<boolean | undefined>;
+}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
-}, string, vue.PublicProps, Readonly<CollapsibleRootProps> & Readonly<{
+}, string, _$vue.PublicProps, Readonly<CollapsibleRootProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-  open: boolean;
   unmountOnHide: boolean;
+  open: boolean;
   defaultOpen: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,6 +1,6 @@
 import { AsTag } from "../primitive/types.js";
 import { CollapsibleTriggerProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/collapsible/collapsible-trigger.vue.d.ts
 declare var __VLS_10: {
@@ -9,9 +9,9 @@ declare var __VLS_10: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: vue.DefineComponent<CollapsibleTriggerProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<CollapsibleTriggerProps> & Readonly<{}>, {
-  as: AsTag | vue.Component;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<CollapsibleTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CollapsibleTriggerProps> & Readonly<{}>, {
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

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

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

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useColorAreaRootContext as n,useColorAreaUi as r}from"./context.js";import{createLinearScale as i}from"./shared.js";import{createBlock as a,defineComponent as o,normalizeClass as s,normalizeStyle as c,openBlock as l,renderSlot as u,shallowRef as d,unref as f,withCtx as p}from"vue";const m=o({name:`ColorAreaArea`,__name:`color-area-area`,props:{asChild:{type:Boolean},as:{default:`div`}},setup(o){let[m,h]=e(),g=r(`area`),{xRange:_,yRange:v,xValue:y,yValue:b,areaStyle:x,thumbElement:S,updateValues:C,commitValues:w,disabled:T}=n(`ColorAreaArea`),E=d(!1),D=d({x:0,y:0});function O(e){let t=m.value?.getBoundingClientRect();if(!t)return null;let n=i([0,t.width],[_.value.min,_.value.max]),r=i([0,t.height],[v.value.max,v.value.min]);return{x:n(e.clientX-t.left-D.value.x),y:r(e.clientY-t.top-D.value.y)}}function k(e){let t=S.value?.getBoundingClientRect(),n=e.target;return!t||!(n instanceof Node)||!S.value?.contains(n)?(D.value={x:0,y:0},!1):(D.value={x:e.clientX-(t.left+t.width/2),y:e.clientY-(t.top+t.height/2)},!0)}function A(e){if(T.value)return;if(e.currentTarget.setPointerCapture(e.pointerId),e.preventDefault(),E.value=!0,k(e)){S.value?.focus();return}let t=O(e);t&&(C(t.x,t.y),S.value?.focus())}function j(e){if(!E.value||T.value||!e.currentTarget.hasPointerCapture(e.pointerId))return;let t=O(e);t&&C(t.x,t.y)}function M(e){if(!E.value)return;let t=e.currentTarget;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),E.value=!1,D.value={x:0,y:0},w()}function N(e){if(T.value)return;let t=e.shiftKey?10:1,n=_.value.step*t,r=v.value.step*t,i=0,a=0;switch(e.key){case`ArrowLeft`:i=-n;break;case`ArrowRight`:i=n;break;case`ArrowUp`:a=r;break;case`ArrowDown`:a=-r;break;case`PageUp`:a=r*10;break;case`PageDown`:a=-r*10;break;case`Home`:i=-n*10;break;case`End`:i=n*10;break;default:return}e.preventDefault(),C(y.value+i,b.value+a),w()}return(e,n)=>(l(),a(f(t),{ref:f(h),as:o.as,"as-child":o.asChild,class:s(f(g)),role:`application`,"aria-roledescription":`Color picker area`,"aria-disabled":f(T)?`true`:void 0,"data-disabled":f(T)?``:void 0,style:c({...f(x),touchAction:`none`}),onKeydown:N,onPointerdown:A,onPointermove:j,onPointerup:M,onPointercancel:M},{default:p(()=>[u(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`aria-disabled`,`data-disabled`,`style`]))}});export{m as default};

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

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

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

@@ -0,0 +1 @@
+import{formatColor as e,getAreaBackgroundStyle as t,getChannelRange as n,getChannelValue as r,hasVisibleChromaticity as i,setChannelValues as a,toColorObject as o}from"../../shared/color.js";import{isFormControl as s,transformPropsToContext as c}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as l}from"../../composables/use-controllable-state.js";import{useForwardElement as u}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as d}from"../primitive/primitive.js";import"../primitive/index.js";import f from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import{provideColorAreaRootContext as p,useColorAreaUi as m}from"./context.js";import{computed as h,createBlock as g,createCommentVNode as _,defineComponent as v,normalizeClass as y,openBlock as b,renderSlot as x,shallowRef as S,unref as C,watch as w,withCtx as T}from"vue";const E=v({name:`ColorAreaRoot`,__name:`color-area-root`,props:{modelValue:{default:void 0},defaultValue:{default:`#ff0000`},colorSpace:{default:`hsl`},format:{default:`hex`},xChannel:{default:`saturation`},yChannel:{default:`lightness`},disabled:{type:Boolean,default:!1},xName:{},yName:{},asChild:{type:Boolean},as:{default:`div`},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:color`,`change`,`changeEnd`],setup(v,{emit:E}){let D=v,O=E,[k,A]=u(),j=m(`root`),M=l(()=>D.modelValue,t=>{O(`update:modelValue`,typeof t==`string`?t:e(t,D.format))},D.defaultValue),N=h(()=>o(M.value,D.colorSpace)),P=h(()=>n(D.xChannel)),F=h(()=>n(D.yChannel)),I=S(r(N.value,D.xChannel,D.colorSpace)),L=S(r(N.value,D.yChannel,D.colorSpace)),R=S(r(N.value,`hue`,D.colorSpace)),z=h(()=>s(k.value)),B=h(()=>t(N.value,D.xChannel,D.yChannel,D.colorSpace)),V=S();function H(){I.value=r(N.value,D.xChannel,D.colorSpace),L.value=r(N.value,D.yChannel,D.colorSpace),i(N.value,D.colorSpace)&&(R.value=r(N.value,`hue`,D.colorSpace))}function U(t){let n=e(t,D.format);M.value=n,O(`update:color`,o(t,D.colorSpace)),O(`change`,n)}function W(e,t){let n=Math.min(P.value.max,Math.max(P.value.min,e)),r=Math.min(F.value.max,Math.max(F.value.min,t));I.value=n,L.value=r;let i=[{channel:D.xChannel,value:n},{channel:D.yChannel,value:r}];D.xChannel!==`hue`&&D.yChannel!==`hue`&&i.push({channel:`hue`,value:R.value}),U(a(N.value,i,D.colorSpace))}function G(){O(`changeEnd`,e(N.value,D.format))}return w(N,H,{immediate:!0}),p({color:N,xValue:I,yValue:L,xRange:P,yRange:F,areaStyle:B,thumbElement:V,setThumbElement(e){V.value!==e&&(V.value=e)},updateValues:W,commitValues:G,...c(D,[`colorSpace`,`format`,`xChannel`,`yChannel`,`disabled`])}),(e,t)=>(b(),g(C(d),{ref:C(A),as:v.as,"as-child":v.asChild,class:y(C(j)),role:`group`,"aria-disabled":v.disabled?`true`:void 0,"data-disabled":v.disabled?``:void 0},{default:T(()=>[x(e.$slots,`default`),z.value&&v.xName?(b(),g(C(f),{key:0,type:`text`,value:I.value,name:v.xName,disabled:v.disabled},null,8,[`value`,`name`,`disabled`])):_(`v-if`,!0),z.value&&v.yName?(b(),g(C(f),{key:1,type:`text`,value:L.value,name:v.yName,disabled:v.disabled},null,8,[`value`,`name`,`disabled`])):_(`v-if`,!0)]),_:3},8,[`as`,`as-child`,`class`,`aria-disabled`,`data-disabled`]))}});export{E as default};

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

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

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

@@ -0,0 +1 @@
+import{formatChannelValue as e,getChannelName as t}from"../../shared/color.js";import"../../shared/index.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as r}from"../primitive/primitive.js";import"../primitive/index.js";import{useColorAreaRootContext as i,useColorAreaUi as a}from"./context.js";import{convertValueToPercentage as o}from"./shared.js";import{computed as s,createBlock as c,defineComponent as l,normalizeClass as u,normalizeStyle as d,openBlock as f,renderSlot as p,unref as m,withCtx as h}from"vue";const g=l({name:`ColorAreaThumb`,__name:`color-area-thumb`,props:{asChild:{type:Boolean},as:{default:`span`}},setup(l){let{setThumbElement:g,xChannel:_,yChannel:v,xValue:y,yValue:b,xRange:x,yRange:S,disabled:C}=i(`ColorAreaThumb`),[w,T]=n(e=>{g(e)}),E=a(`thumb`),D=s(()=>_.value??`saturation`),O=s(()=>v.value??`lightness`),k=s(()=>o(y.value,x.value.min,x.value.max)),A=s(()=>o(b.value,S.value.min,S.value.max)),j=s(()=>`${t(D.value)}, ${t(O.value)}`),M=s(()=>`${t(D.value)} ${e(D.value,y.value)}, ${t(O.value)} ${e(O.value,b.value)}`);return(e,t)=>(f(),c(m(r),{ref:m(T),as:l.as,"as-child":l.asChild,class:u(m(E)),role:`slider`,tabindex:m(C)?void 0:0,"aria-label":j.value,"aria-roledescription":`Color thumb`,"aria-valuemin":m(x).min,"aria-valuemax":m(x).max,"aria-valuenow":m(y),"aria-valuetext":M.value,"aria-orientation":`horizontal`,"data-disabled":m(C)?``:void 0,style:d({position:`absolute`,left:`${k.value}%`,top:`${100-A.value}%`,transform:`translate(-50%, -50%)`,touchAction:`none`})},{default:h(()=>[p(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`tabindex`,`aria-label`,`aria-valuemin`,`aria-valuemax`,`aria-valuenow`,`aria-valuetext`,`data-disabled`,`style`]))}});export{g as default};

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

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

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

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

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

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[n,r]=e(`ColorAreaRoot`),[i,a]=t(`ColorAreaUi`);export{n as provideColorAreaRootContext,i as provideColorAreaUi,r as useColorAreaRootContext,a as useColorAreaUi};

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

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

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

@@ -0,0 +1 @@
+import{provideColorAreaUi as e}from"./context.js";import t from"./color-area-root.js";import n from"./color-area-area.js";import r from"./color-area-thumb.js";export{n as ColorAreaArea,t as ColorAreaRoot,r as ColorAreaThumb,e as provideColorAreaUi};

package/dist/components/color-area/shared.js

@@ -0,0 +1 @@
+function e(e,t){let[n,r]=e,[i,a]=t;if(r===n)return()=>i;let o=(a-i)/(r-n);return e=>i+(e-n)*o}function t(e,t,n){return n===t?0:(e-t)/(n-t)*100}export{t as convertValueToPercentage,e as createLinearScale};

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

@@ -0,0 +1,31 @@
+import { UiClass } from "../../types/common.js";
+import { FormFieldCommonProps } from "../../types/component.js";
+import { PrimitiveProps } from "../primitive/types.js";
+import { ColorChannel, ColorFormat, ColorSpace, ColorValue, NormalizedColor } from "../../shared/color.js";
+import { CSSProperties, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+
+//#region src/components/color-area/types.d.ts
+type ColorAreaAxisChannel = Extract<ColorChannel, 'hue' | 'saturation' | 'lightness' | 'brightness' | 'chroma'>;
+interface ColorAreaRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
+  modelValue?: string | ColorValue;
+  defaultValue?: string | ColorValue;
+  colorSpace?: ColorSpace;
+  format?: ColorFormat;
+  xChannel?: ColorAreaAxisChannel;
+  yChannel?: ColorAreaAxisChannel;
+  disabled?: boolean;
+  xName?: string;
+  yName?: string;
+}
+type ColorAreaRootEmits = {
+  'update:modelValue': [value: string];
+  'update:color': [value: NormalizedColor];
+  change: [value: string];
+  changeEnd: [value: string];
+};
+interface ColorAreaAreaProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface ColorAreaThumbProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+type ColorAreaUiSlot = 'root' | 'area' | 'thumb';
+type ColorAreaUi = UiClass<ColorAreaUiSlot>;
+//#endregion
+export { ColorAreaAreaProps, ColorAreaAxisChannel, ColorAreaRootEmits, ColorAreaRootProps, ColorAreaThumbProps, ColorAreaUi, ColorAreaUiSlot };