@soybeanjs/headless 0.0.8 → 0.0.10

package/dist/components/form/core/types.d.ts

@@ -0,0 +1,117 @@
+import { ArrayElement, MaybePromise } from "../../../types/common.js";
+import { Path, PathValue } from "../../../types/path.js";
+import "../../../types/index.js";
+import { ComputedRef, Ref, ShallowRef, WritableComputedRef } from "vue";
+import { StandardSchemaV1 } from "@standard-schema/spec";
+
+//#region src/components/form/core/types.d.ts
+type InferStandardSchemaInput<S extends StandardSchemaV1<FormValues, FormValues>> = NonNullable<S['~standard']['types']>['input'];
+type FormValidateMode = 'blur' | 'input' | 'change' | 'submit';
+type FormValues = Record<string, any>;
+type FormErrors<Values extends FormValues> = { [K in keyof Path<Values>]?: string };
+type FormTouched<Values extends FormValues> = { [K in keyof Path<Values>]?: boolean };
+type FormFieldMeta = {
+  dirty: boolean;
+  error: string | undefined;
+  touched: boolean | undefined;
+};
+interface FormSubmitHelper<Values extends FormValues> {
+  setSubmitting: (isSubmitting: boolean) => void;
+  readonly initialValues: Values;
+}
+interface FormResetState<Values extends FormValues = FormValues> {
+  values: Values;
+  touched: FormTouched<Values>;
+  errors: FormErrors<Values>;
+  submitCount: number;
+}
+interface FormState<Values extends FormValues> {
+  values: Values;
+  touched: Ref<FormTouched<Values>>;
+  errors: Ref<FormErrors<Values>>;
+  submitCount: ShallowRef<number>;
+  isSubmitting: ShallowRef<boolean>;
+  isValidating: ShallowRef<boolean>;
+}
+interface UseFormOptions<S extends StandardSchemaV1<FormValues, FormValues>> {
+  schema: S;
+  initialValues?: InferStandardSchemaInput<S>;
+  initialErrors?: FormErrors<InferStandardSchemaInput<S>>;
+  initialTouched?: FormTouched<InferStandardSchemaInput<S>>;
+  validateMode?: FormValidateMode;
+  reValidateMode?: FormValidateMode;
+  validateOnMounted?: boolean;
+  onSubmit?: (values: InferStandardSchemaInput<S>, helper: FormSubmitHelper<InferStandardSchemaInput<S>>) => Promise<any>;
+  onInvalid?: (errors: FormErrors<InferStandardSchemaInput<S>>) => void;
+}
+type FormFieldValidator<Value> = (value: Value) => MaybePromise<string | undefined>;
+interface FormRegisterOptions<Value> {
+  validate?: FormFieldValidator<Value>;
+  reset?: () => void;
+}
+interface FormEventHandler<S = string> {
+  onBlur: (event: Event | S, name?: S) => void;
+  onChange: () => void;
+  onInput: () => void;
+}
+interface FormSubmitHelper<Values extends FormValues> {
+  setSubmitting: (isSubmitting: boolean) => void;
+  readonly initialValues: Values;
+}
+interface FormFieldState<Values extends FormValues, Name extends Path<Values>> extends FormEventHandler<Name> {
+  name: Name;
+  value: PathValue<Values, Name>;
+  meta: FormFieldMeta;
+}
+interface FormFieldArrayState<Values extends FormValues, Name extends Path<Values>> extends FormEventHandler<Name> {
+  name: Name;
+  value: ArrayElement<NonNullable<PathValue<Values, Name>>>;
+  meta: FormFieldMeta;
+}
+interface UseFormStateReturn<Values extends FormValues> {
+  formState: FormState<Values>;
+  dirty: ComputedRef<boolean>;
+  submitHelper: FormSubmitHelper<Values>;
+  setSubmitting: (isSubmitting: boolean) => void;
+  registerField<Name extends Path<Values>>(name: Name, opts?: FormRegisterOptions<PathValue<Values, Name>>): Ref<FormFieldState<Values, Name>>;
+  registerFieldArray<Name extends Path<Values>>(name: Name, opts?: FormRegisterOptions<PathValue<Values, Name>>): Ref<FormFieldState<Values, Name>>;
+  validateField<Name extends Path<Values>>(name: Name): Promise<string | undefined | void>;
+  getFieldValue<Name extends Path<Values>>(name: Name): WritableComputedRef<PathValue<Values, Name>>;
+  getFieldMeta<Name extends Path<Values>>(name: Name): Ref<FormFieldMeta>;
+  getFieldError<Name extends Path<Values>>(name: Name): string | undefined;
+  getFieldTouched<Name extends Path<Values>>(name: Name): boolean | undefined;
+  getFieldDirty<Name extends Path<Values>>(name: Name): boolean;
+  getFieldState<Name extends Path<Values>>(name: Name): Ref<FormFieldState<Values, Name>>;
+  setValues(values: Values, shouldValidate?: boolean): Promise<FormErrors<Values>> | Promise<void>;
+  setErrors(errors: FormErrors<Values>): void;
+  setFieldValue<Name extends Path<Values>>(name: Name, value: PathValue<Values, Name>, shouldValidate?: boolean): Promise<FormErrors<Values>> | Promise<void>;
+  setFieldTouched<Name extends Path<Values>>(name: Name, touched: boolean): void;
+  setFieldError<Name extends Path<Values>>(name: Name, error: string | undefined): void;
+  setFieldArrayValue<Name extends Path<Values>, Method extends (...args: any) => any>(name: Name, value: PathValue<Values, Name>, method: Method, args?: Partial<{
+    argA: Parameters<Method>[1];
+    argB: Parameters<Method>[2];
+  }>, shouldSetValue?: boolean): Promise<void> | Promise<FormErrors<Values>>;
+  validateForm(values?: Values): Promise<FormErrors<Values>>;
+  resetForm(nextState?: FormResetState<Values>): void;
+}
+interface FormContext<Values extends FormValues> extends Omit<UseFormStateReturn<Values>, 'formState' | 'submitHelper'>, FormState<Values> {
+  handleSubmit(event?: Event): void;
+  handleReset(event?: Event): void;
+  useFieldArray<Name extends Path<Values>>(name: Name, opts?: FormRegisterOptions<PathValue<Values, Name>>): Ref<FormFieldArrayStates<Values, Name>>;
+  useField<Name extends Path<Values>>(name: Name, opts?: FormRegisterOptions<PathValue<Values, Name>>): Ref<FormFieldState<Values, Name>>;
+}
+interface FormFieldArrayStates<Values extends FormValues, Name extends Path<Values>> {
+  name: Name;
+  fields: readonly FormFieldArrayState<Values, Name>[];
+  meta: FormFieldMeta;
+  append: (value: ArrayElement<NonNullable<PathValue<Values, Name>>>) => void;
+  prepend: (value: ArrayElement<NonNullable<PathValue<Values, Name>>>) => void;
+  remove: (index?: number) => void;
+  swap: (indexA: number, indexB: number) => void;
+  move: (from: number, to: number) => void;
+  insert: (index: number, value: ArrayElement<NonNullable<PathValue<Values, Name>>>) => void;
+  update: (index: number, value: ArrayElement<NonNullable<PathValue<Values, Name>>>) => void;
+  replace: ($values: ArrayElement<NonNullable<PathValue<Values, Name>>>[]) => void;
+}
+//#endregion
+export { FormContext, FormFieldArrayStates, FormFieldState, FormRegisterOptions, FormResetState, FormValues, InferStandardSchemaInput, UseFormOptions };

package/dist/components/form/core/use-field-array.js

@@ -0,0 +1 @@
+import{appendAt as e,insertAt as t,moveAt as n,prependAt as r,removeAt as i,swapAt as a,updateAt as o}from"../../../shared/object.js";import{computed as s,toRef as c}from"vue";function l(l,u,d){let{getFieldState:f,getFieldValue:p,setFieldArrayValue:m,registerFieldArray:h}=u;h(l,{validate:d});let g=s(()=>p(l).value||[]),_=s(()=>g.value.map(v));function v(e){return{...f(l).value,name:l,value:e}}function y(t){m(l,e(g.value,t),e,{argA:void 0})}function b(e){m(l,r(g.value,e),r,{argA:void 0})}function x(e){m(l,i(g.value,e),i,{argA:e})}function S(e,t){if(!(e in g.value)||!(t in g.value))return;let n=[...g.value];a(n,e,t),m(l,n,a,{argA:e,argB:t},!1)}function C(e,t){if(!(e in g.value))return;let r=[...g.value];n(r,e,t),m(l,r,n,{argA:e,argB:t},!1)}function w(e,n){m(l,t(g.value,e,n),t,{argA:e,argB:void 0})}function T(e,t){e in g.value&&m(l,o(g.value,e,t),o,{argA:e,argB:void 0})}function E(e){m(l,[...e],e=>e,{})}let D=f(l);return c({name:l,fields:_,meta:s(()=>D.value.meta),append:y,prepend:b,remove:x,swap:S,move:C,insert:w,update:T,replace:E})}export{l as useRegisterFieldArray};

package/dist/components/form/core/use-form-state.js

@@ -0,0 +1 @@
+import{isFunction as e,isNullish as t,isString as n,keysOf as r}from"../../../shared/guard.js";import{getValue as i,setValue as a}from"../../../shared/value.js";import{updateFormState as o}from"./shared.js";import{validateStandardSchema as s}from"./standard.js";import{computed as c,onMounted as l,reactive as u,ref as d,shallowRef as f,toRef as p}from"vue";import{isEqual as m}from"ohash";import{klona as h}from"klona/full";import{defu as g}from"defu";function _(_){let{validateOnMounted:v=!1,validateMode:y=`submit`,reValidateMode:b=`change`}=_,x=h(_.initialValues||{}),S=h(_.initialErrors||{}),C=h(_.initialTouched||{}),w={values:u(h(x)),touched:d(h(C)),errors:d(h(S)),submitCount:f(0),isSubmitting:f(!1),isValidating:f(!1)},T=c(()=>!m(w.values,x)),E={},D={},O=c(()=>w.submitCount.value===0?y:b);function k(e,t,n){let r=e;r in w.values||a(w.values,r,n?[]:void 0);let{validate:i}=t||{};return i&&(E[r]={validate:i}),K(e)}function A(e,t){let n=k(e,t,!0),r=e,{reset:i}=t||{};return i&&(D[r]={reset:i}),n}function j(e,n=!0){return o(w,{type:`SetValues`,payload:e}),(t(n)?O.value===`change`:n)?Z(w.values):Promise.resolve()}function M(e){o(w,{type:`SetErrors`,payload:e})}function N(e,t,n=!0){return o(w,{type:`SetFieldValue`,payload:{name:e,value:t}}),n?Z(w.values):Promise.resolve()}function P(e,t){o(w,{type:`SetTouched`,payload:{name:e,touched:t}})}function F(e,t){o(w,{type:`SetFieldError`,payload:{name:e,error:t}})}function I(e,t,n,a,s=!0){if(n&&a){if(r(w.errors.value).length&&Array.isArray(i(w.errors.value,e))){let t=n(i(w.errors.value,e),a.argA,a.argB);s&&F(e,t)}if(r(w.touched.value).length&&Array.isArray(i(w.touched.value,e))){let t=n(i(w.touched.value,e),a.argA,a.argB);s&&o(w,{type:`SetTouched`,payload:{name:e,touched:t}})}}return N(e,t)}function L(e){return c({get(){return i(w.values,e)},set(t){N(e,t)}})}function R(e){return p({dirty:c(()=>V(e)),error:c(()=>z(e)),touched:c(()=>B(e))})}function z(e){return i(w.errors.value,e)}function B(e){return i(w.touched.value,e,!1)}function V(e){return!m(i(x,e),i(w.values,e))}async function H(t){if(E[t]&&e(E[t].validate)){o(w,{type:`SetIsValidating`,payload:!0});let e=await X(t,i(w.values,t));return F(t,e),o(w,{type:`SetIsValidating`,payload:!1}),e}return Promise.resolve()}let U=(e,t)=>{if((e=>n(e))(e)){P(e,!0);return}let{name:r,id:i}=e.target,a=t??(r||i);a&&P(a,!0)},W=()=>{O.value===`change`&&Z(w.values)},G=()=>{O.value===`input`&&Z(w.values)};function K(e){let t=R(e);return p({name:e,value:L(e),meta:t,onBlur:U,onChange:W,onInput:G})}function q(e){o(w,{type:`SetIsSubmitting`,payload:e})}let J={setSubmitting:q,get initialValues(){return h(x||{})}};async function Y(t){let n=r(E).filter(t=>e(E?.[t]?.validate)),o=n.map(e=>X(e,i(t,e)));return Promise.all(o).then(e=>e.reduce((e,t,r)=>(t&&a(e,n[r],t),e),{}))}function X(e,t){return Promise.resolve(E[e]?.validate?.(t))}async function Z(e=w.values){return o(w,{type:`SetIsValidating`,payload:!0}),Promise.all([Y(e),s(e,_.schema)]).then(([e,t])=>{let n=g(e,t);return M(n),n}).finally(()=>{o(w,{type:`SetIsValidating`,payload:!1})})}function Q(e){let t=h(e?.values||x),n=h(e?.errors||S),r=h(e?.touched||C);x=h(t),S=h(n),C=h(r),o(w,{type:`ResetForm`,payload:{values:t,touched:r,errors:n,submitCount:typeof e?.submitCount==`number`?e.submitCount:0}}),Object.values(D).forEach(e=>{e?.reset?.()})}return l(()=>{v&&Z(x)}),{formState:w,dirty:T,submitHelper:J,setSubmitting:q,registerField:k,registerFieldArray:A,validateField:H,getFieldValue:L,getFieldMeta:R,getFieldError:z,getFieldTouched:B,getFieldDirty:V,getFieldState:K,setValues:j,setErrors:M,setFieldValue:N,setFieldTouched:P,setFieldError:F,setFieldArrayValue:I,validateForm:Z,resetForm:Q}}export{_ as useFormState};

package/dist/components/form/core/use-form.d.ts

@@ -0,0 +1,7 @@
+import { FormContext, FormValues, InferStandardSchemaInput, UseFormOptions } from "./types.js";
+import { StandardSchemaV1 } from "@standard-schema/spec";
+
+//#region src/components/form/core/use-form.d.ts
+declare function useForm<S extends StandardSchemaV1<FormValues, FormValues>>(options: UseFormOptions<S>): Readonly<FormContext<InferStandardSchemaInput<S>>>;
+//#endregion
+export { useForm };

package/dist/components/form/core/use-form.js

@@ -0,0 +1 @@
+import{isNullish as e,keysOf as t}from"../../../shared/guard.js";import{updateFormState as n}from"./shared.js";import{useFormState as r}from"./use-form-state.js";import{useRegisterFieldArray as i}from"./use-field-array.js";import{klona as a}from"klona/full";function o(o){let{onSubmit:s=()=>Promise.resolve(),onInvalid:c}=o,{formState:l,submitHelper:u,...d}=r(o),{resetForm:f,validateForm:p,registerField:m}=d;function h(e,t){let{getFieldState:n,getFieldValue:r,setFieldValue:a,setFieldArrayValue:o,registerFieldArray:s}=d;return i(e,{getFieldState:n,getFieldValue:r,setFieldValue:a,setFieldArrayValue:o,registerFieldArray:s},t?.validate)}function g(r){r?.preventDefault(),n(l,{type:`SubmitAttempt`}),p().then(r=>{if(t(r).length===0){let t=s(a(l.values),u);if(e(t))return;t.then(e=>(n(l,{type:`SubmitSuccess`}),e)).catch(()=>{n(l,{type:`SubmitFailure`})})}else n(l,{type:`SubmitFailure`}),c?.(r)})}function _(e){e?.preventDefault(),f()}return{...l,handleSubmit:g,handleReset:_,useField:m,useFieldArray:h,...d}}export{o as useForm};

package/dist/components/form/form-description.js

@@ -1 +1 @@
-import{useFormFieldContext as e,useFormThemeContext as t}from"./context.js";import{computed as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=[`id`];var u=i({name:`FormDescription`,__name:`form-description`,setup(i){let{formDescriptionId:u}=e(`FormDescription`),d=t(),f=n(()=>d?.ui?.value?.description);return(e,t)=>(o(),r(`p`,{id:c(u),class:a(f.value)},[s(e.$slots,`default`)],10,l))}});export{u as default};
+import{useFormFieldContext as e,useFormFieldUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=[`id`];var l=r({name:`FormDescription`,__name:`form-description`,setup(r){let{formDescriptionId:l}=e(`FormDescription`),u=t(`description`);return(e,t)=>(a(),n(`p`,{id:s(l),class:i(s(u))},[o(e.$slots,`default`)],10,c))}});export{l as default};

package/dist/components/form/form-description.vue.d.ts

@@ -1,12 +1,12 @@
 import { FormDescriptionProps } from "./types.js";
-import * as vue1785 from "vue";
+import * as vue777 from "vue";
 
 //#region src/components/form/form-description.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue1785.DefineComponent<FormDescriptionProps, {}, {}, {}, {}, vue1785.ComponentOptionsMixin, vue1785.ComponentOptionsMixin, {}, string, vue1785.PublicProps, Readonly<FormDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1785.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue777.DefineComponent<FormDescriptionProps, {}, {}, {}, {}, vue777.ComponentOptionsMixin, vue777.ComponentOptionsMixin, {}, string, vue777.PublicProps, Readonly<FormDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, string, vue777.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/form/form-error.js

@@ -1 +1 @@
-import{useFormFieldContext as e,useFormThemeContext as t}from"./context.js";import{computed as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=[`id`];var u=i({name:`FormError`,__name:`form-error`,setup(i){let{formErrorId:u}=e(`FormError`),d=t(),f=n(()=>d?.ui?.value?.error);return(e,t)=>(o(),r(`p`,{id:c(u),class:a(f.value)},[s(e.$slots,`default`)],10,l))}});export{u as default};
+import{useFormFieldContext as e,useFormFieldUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=[`id`];var l=r({name:`FormError`,__name:`form-error`,setup(r){let{formErrorId:l}=e(`FormError`),u=t(`error`);return(e,t)=>(a(),n(`p`,{id:s(l),class:i(s(u))},[o(e.$slots,`default`)],10,c))}});export{l as default};

package/dist/components/form/form-error.vue.d.ts

@@ -1,12 +1,12 @@
 import { FormErrorProps } from "./types.js";
-import * as vue1790 from "vue";
+import * as vue772 from "vue";
 
 //#region src/components/form/form-error.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue1790.DefineComponent<FormErrorProps, {}, {}, {}, {}, vue1790.ComponentOptionsMixin, vue1790.ComponentOptionsMixin, {}, string, vue1790.PublicProps, Readonly<FormErrorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1790.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue772.DefineComponent<FormErrorProps, {}, {}, {}, {}, vue772.ComponentOptionsMixin, vue772.ComponentOptionsMixin, {}, string, vue772.PublicProps, Readonly<FormErrorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue772.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/form/form-field.js

@@ -1 +1 @@
-import{useField as e}from"../../forms/core/context.js";import{provideFormFieldContext as t,useFormThemeContext as n}from"./context.js";import{computed as r,createElementBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l}from"vue";var u=a({name:`FormField`,__name:`form-field`,props:{name:{}},setup(a){let u=a,d=n(),f=r(()=>d?.ui?.value?.field),{value:p,attrs:m,dirty:h,error:g,touched:_}=e(()=>u.name),{formFieldId:v,formDescriptionId:y,formErrorId:b}=t(),x=r(()=>g.value?`${y} ${b}`:y),S=r(()=>!!g.value);function C(e){p.value=e}return(e,t)=>(s(),i(`div`,{class:o(f.value)},[c(e.$slots,`default`,{modelValue:l(p),attrs:l(m),dirty:l(h),error:l(g),touched:l(_),formFieldId:l(v),formDescriptionId:l(y),formErrorId:l(b),ariaDescribedBy:x.value,ariaInvalid:S.value,updateModelValue:C})],2))}});export{u as default};
+import{provideFormFieldContext as e,useFormFieldUi as t}from"./context.js";import{computed as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=[`id`];var u=i({name:`FormField`,__name:`form-field`,props:{error:{},isFieldArray:{type:Boolean}},setup(i){let u=i,d=n(()=>u.isFieldArray?t(`field`).value:t(`fieldArray`).value),{formFieldId:f,ariaDescribedBy:p,ariaInvalid:m}=e({error:n(()=>u.error)});return(e,t)=>(o(),r(`div`,{id:i.isFieldArray?c(f):void 0,class:a(d.value)},[s(e.$slots,`default`,{formFieldId:c(f),ariaDescribedBy:c(p),ariaInvalid:c(m)})],10,l))}});export{u as default};

package/dist/components/form/form-field.vue.d.ts

@@ -1,27 +1,16 @@
-import { FormErrors, FormFieldAttrs } from "../../forms/core/types.js";
-import "../../forms/index.js";
 import { FormFieldProps } from "./types.js";
-import * as vue1795 from "vue";
+import * as vue767 from "vue";
 
 //#region src/components/form/form-field.vue.d.ts
-declare function updateModelValue(val: any): void;
 declare var __VLS_1: {
-  modelValue: any;
-  attrs: FormFieldAttrs;
-  dirty: boolean;
-  error: string | string[] | FormErrors<any> | undefined;
-  touched: boolean | undefined;
   formFieldId: string;
-  formDescriptionId: string;
-  formErrorId: string;
   ariaDescribedBy: string;
   ariaInvalid: boolean;
-  updateModelValue: typeof updateModelValue;
 };
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue1795.DefineComponent<FormFieldProps, {}, {}, {}, {}, vue1795.ComponentOptionsMixin, vue1795.ComponentOptionsMixin, {}, string, vue1795.PublicProps, Readonly<FormFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1795.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue767.DefineComponent<FormFieldProps, {}, {}, {}, {}, vue767.ComponentOptionsMixin, vue767.ComponentOptionsMixin, {}, string, vue767.PublicProps, Readonly<FormFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, vue767.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/form/form-label.js

@@ -1 +1 @@
-import e from"../label/label.js";import{useFormFieldContext as t,useFormThemeContext 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";var d=a({name:`FormLabel`,__name:`form-label`,props:{for:{}},setup(a){let{formFieldId:d}=t(`FormLabel`),f=n(),p=r(()=>f?.ui?.value?.label);return(t,n)=>(s(),i(l(e),{for:l(d),class:o(p.value)},{default:u(()=>[c(t.$slots,`default`)]),_:3},8,[`for`,`class`]))}});export{d as default};
+import e from"../label/label.js";import{useFormFieldContext as t,useFormFieldUi as n}from"./context.js";import{createBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";var u=i({name:`FormLabel`,__name:`form-label`,props:{for:{}},setup(i){let{formFieldId:u}=t(`FormLabel`),d=n(`label`);return(t,n)=>(o(),r(c(e),{for:c(u),class:a(c(d))},{default:l(()=>[s(t.$slots,`default`)]),_:3},8,[`for`,`class`]))}});export{u as default};

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

@@ -1,12 +1,12 @@
 import { FormLabelProps } from "./types.js";
-import * as vue1780 from "vue";
+import * as vue762 from "vue";
 
 //#region src/components/form/form-label.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue1780.DefineComponent<FormLabelProps, {}, {}, {}, {}, vue1780.ComponentOptionsMixin, vue1780.ComponentOptionsMixin, {}, string, vue1780.PublicProps, Readonly<FormLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1780.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue762.DefineComponent<FormLabelProps, {}, {}, {}, {}, vue762.ComponentOptionsMixin, vue762.ComponentOptionsMixin, {}, string, vue762.PublicProps, Readonly<FormLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue762.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/form/index.d.ts

@@ -1,8 +1,10 @@
-import { FormDescriptionProps, FormErrorProps, FormFieldArrayProps, FormFieldProps, FormFieldThemeSlot, FormFieldUi, FormLabelProps } from "./types.js";
+import { FormDescriptionProps, FormErrorProps, FormFieldProps, FormFieldUi, FormFieldUiSlot, FormLabelProps } from "./types.js";
 import { _default as _default$2 } from "./form-field.vue.js";
-import { _default as _default$3 } from "./form-field-array.vue.js";
-import { _default as _default$4 } from "./form-label.vue.js";
+import { _default as _default$3 } from "./form-label.vue.js";
 import { _default } from "./form-description.vue.js";
 import { _default as _default$1 } from "./form-error.vue.js";
-import { provideFormThemeContext } from "./context.js";
-export { _default as FormDescription, type FormDescriptionProps, _default$1 as FormError, type FormErrorProps, _default$2 as FormField, _default$3 as FormFieldArray, type FormFieldArrayProps, type FormFieldProps, type FormFieldThemeSlot, type FormFieldUi, _default$4 as FormLabel, type FormLabelProps, provideFormThemeContext };
+import { provideFormFieldUi } from "./context.js";
+import { FormFieldArrayStates, FormFieldState, FormRegisterOptions, FormResetState, FormValues, InferStandardSchemaInput, UseFormOptions } from "./core/types.js";
+import { useForm } from "./core/use-form.js";
+import { StandardSchemaV1 } from "@standard-schema/spec";
+export { _default as FormDescription, type FormDescriptionProps, _default$1 as FormError, type FormErrorProps, _default$2 as FormField, type FormFieldArrayStates, type FormFieldProps, type FormFieldState, type FormFieldUi, type FormFieldUiSlot, _default$3 as FormLabel, type FormLabelProps, type FormRegisterOptions, type FormResetState, type FormValues, type InferStandardSchemaInput, type StandardSchemaV1, type UseFormOptions, provideFormFieldUi, useForm };

package/dist/components/form/index.js

@@ -1 +1 @@
-import{provideFormThemeContext as e}from"./context.js";import t from"./form-field.js";import n from"./form-field-array.js";import r from"./form-label.js";import i from"./form-description.js";import a from"./form-error.js";export{i as FormDescription,a as FormError,t as FormField,n as FormFieldArray,r as FormLabel,e as provideFormThemeContext};
+import{provideFormFieldUi as e}from"./context.js";import t from"./form-field.js";import n from"./form-label.js";import r from"./form-description.js";import i from"./form-error.js";import{useForm as a}from"./core/use-form.js";export{r as FormDescription,i as FormError,t as FormField,n as FormLabel,e as provideFormFieldUi,a as useForm};

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

@@ -1,22 +1,17 @@
-import { ClassValue } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
 import "../../types/index.js";
 import { LabelProps } from "../label/types.js";
 import { ComputedRef, HTMLAttributes } from "vue";
 
 //#region src/components/form/types.d.ts
 interface FormFieldProps extends /** @vue-ignore */HTMLAttributes {
-  name: string;
-}
-interface FormFieldArrayProps extends /** @vue-ignore */HTMLAttributes {
-  name: string;
+  error?: string;
+  isFieldArray?: boolean;
 }
 interface FormLabelProps extends LabelProps {}
 interface FormDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
 interface FormErrorProps extends /** @vue-ignore */HTMLAttributes {}
-type FormFieldThemeSlot = 'field' | 'fieldArray' | 'label' | 'description' | 'error';
-type FormFieldUi = Record<FormFieldThemeSlot, ClassValue>;
-interface FormThemeParams {
-  ui?: ComputedRef<FormFieldUi>;
-}
+type FormFieldUiSlot = 'field' | 'fieldArray' | 'label' | 'description' | 'error';
+type FormFieldUi = UiClass<FormFieldUiSlot>;
 //#endregion
-export { FormDescriptionProps, FormErrorProps, FormFieldArrayProps, FormFieldProps, FormFieldThemeSlot, FormFieldUi, FormLabelProps, FormThemeParams };
+export { FormDescriptionProps, FormErrorProps, FormFieldProps, FormFieldUi, FormFieldUiSlot, FormLabelProps };

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

@@ -1,6 +1,9 @@
-import { InputThemeContextParams } from "./types.js";
+import { ClassValue, UiClass } from "../../types/common.js";
+import { InputUiSlot } from "./types.js";
+import "../../index.js";
+import * as vue124 from "vue";
 
 //#region src/components/input/context.d.ts
-declare const provideInputThemeContext: (params: InputThemeContextParams) => InputThemeContextParams, useInputThemeContext: <N extends string | null | undefined = undefined>(consumerName?: N | undefined, defaultValue?: InputThemeContextParams | undefined) => N extends null | undefined ? InputThemeContextParams | null : InputThemeContextParams;
+declare const provideInputUi: (ui: vue124.ComputedRef<Partial<UiClass<InputUiSlot>>>) => vue124.ComputedRef<Partial<UiClass<InputUiSlot>>>, useInputUi: <S extends InputUiSlot | undefined = undefined>(slot?: S | undefined) => S extends InputUiSlot ? vue124.ComputedRef<ClassValue> : vue124.ComputedRef<Partial<UiClass<InputUiSlot>>>;
 //#endregion
-export { provideInputThemeContext };
+export { provideInputUi };

package/dist/components/input/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";const[t,n]=e(`InputRoot`,e=>e),[r,i]=e(`InputTheme`,e=>e);export{t as provideInputRootContext,r as provideInputThemeContext,n as useInputRootContext,i as useInputThemeContext};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";const[n,r]=e(`InputRoot`,e=>e),[i,a]=t(`InputUi`);export{n as provideInputRootContext,i as provideInputUi,r as useInputRootContext,a as useInputUi};

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

@@ -1,5 +1,5 @@
-import { InputControlProps, InputRootEmits, InputRootProps, InputThemeSlot, InputUi } from "./types.js";
+import { InputControlProps, InputRootEmits, InputRootProps, InputUi, InputUiSlot } from "./types.js";
 import { _default as _default$1 } from "./input-root.vue.js";
 import { _default } from "./input-control.vue.js";
-import { provideInputThemeContext } from "./context.js";
-export { _default as InputControl, type InputControlProps, _default$1 as InputRoot, type InputRootEmits, type InputRootProps, type InputThemeSlot, type InputUi, provideInputThemeContext };
+import { provideInputUi } from "./context.js";
+export { _default as InputControl, type InputControlProps, _default$1 as InputRoot, type InputRootEmits, type InputRootProps, type InputUi, type InputUiSlot, provideInputUi };

package/dist/components/input/index.js

@@ -1 +1 @@
-import{provideInputThemeContext as e}from"./context.js";import t from"./input-root.js";import n from"./input-control.js";export{n as InputControl,t as InputRoot,e as provideInputThemeContext};
+import{provideInputUi as e}from"./context.js";import t from"./input-root.js";import n from"./input-control.js";export{n as InputControl,t as InputRoot,e as provideInputUi};

package/dist/components/input/input-control.js

@@ -1 +1 @@
-import{useInputRootContext as e,useInputThemeContext as t}from"./context.js";import{computed as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,unref as s}from"vue";const c=[`id`,`aria-disabled`,`aria-valuenow`,`autofocus`,`data-disabled`,`data-readonly`,`disabled`,`maxlength`,`minlength`,`pattern`,`placeholder`,`readonly`,`value`];var l=i({name:`InputControl`,__name:`input-control`,setup(i){let{modelValue:l,id:u,autofocus:d,placeholder:f,disabled:p,readonly:m,maxlength:h,minlength:g,pattern:_}=e(`InputControl`),v=t(),y=n(()=>v?.ui?.value?.control),b=e=>{l.value=e.target.value};return(e,t)=>(o(),r(`input`,{id:s(u),class:a(y.value),"aria-disabled":s(p)??void 0,"aria-roledescription":`Input`,"aria-valuenow":s(l)??void 0,autocorrect:`off`,autofocus:s(d),"data-disabled":s(p)?``:void 0,"data-readonly":s(m)?``:void 0,disabled:s(p),maxlength:s(h),minlength:s(g),pattern:s(_),placeholder:s(f),readonly:s(m),spellcheck:`false`,tabindex:`0`,value:s(l),onInput:b},null,42,c))}});export{l as default};
+import{useInputRootContext as e,useInputUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,unref as o}from"vue";const s=[`id`,`aria-disabled`,`aria-valuenow`,`autofocus`,`data-disabled`,`data-readonly`,`disabled`,`maxlength`,`minlength`,`pattern`,`placeholder`,`readonly`,`name`,`required`,`value`];var c=r({name:`InputControl`,__name:`input-control`,setup(r){let{modelValue:c,id:l,autofocus:u,placeholder:d,disabled:f,readonly:p,maxlength:m,minlength:h,pattern:g,name:_,required:v}=e(`InputControl`),y=t(`control`),b=e=>{c.value=e.target.value};return(e,t)=>(a(),n(`input`,{id:o(l),class:i(o(y)),"aria-disabled":o(f)??void 0,"aria-roledescription":`Input`,"aria-valuenow":o(c)??void 0,autocorrect:`off`,autofocus:o(u),"data-disabled":o(f)?``:void 0,"data-readonly":o(p)?``:void 0,disabled:o(f),maxlength:o(m),minlength:o(h),pattern:o(g),placeholder:o(d),readonly:o(p),name:o(_),required:o(v),spellcheck:`false`,tabindex:`0`,value:o(c),onInput:b},null,42,s))}});export{c as default};

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

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

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

@@ -1 +1 @@
-import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import i from"../visually-hidden/visually-hidden-input.js";import{provideInputRootContext as a,useInputThemeContext as o}from"./context.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,defineComponent as d,normalizeClass as f,openBlock as p,renderSlot as m,unref as h}from"vue";const g=[`data-disabled`,`data-readonly`];var _=d({name:`InputRoot`,__name:`input-root`,props:{defaultValue:{},modelValue:{default:void 0},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(d,{emit:_}){let v=d,y=_,[b,x]=r(),S=o(),C=s(()=>S?.ui?.value?.root),w=n(()=>v.modelValue,e=>{y(`update:modelValue`,e)},v.defaultValue),T=s(()=>e(b.value)),E=()=>{w.value=``};return a({...t(v,[`id`,`autofocus`,`placeholder`,`disabled`,`readonly`,`maxlength`,`minlength`,`pattern`]),modelValue:w}),(e,t)=>(p(),u(`div`,{ref:h(x),class:f(C.value),role:`group`,"data-disabled":d.disabled?``:void 0,"data-readonly":d.readonly?``:void 0},[m(e.$slots,`default`,{modelValue:h(w),clear:E}),T.value&&d.name?(p(),c(i,{key:0,type:`text`,value:h(w),name:d.name,disabled:d.disabled,readonly:d.readonly,required:d.required},null,8,[`value`,`name`,`disabled`,`readonly`,`required`])):l(`v-if`,!0)],10,g))}});export{_ as default};
+import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import i from"../visually-hidden/visually-hidden-input.js";import{provideInputRootContext as a,useInputUi as o}from"./context.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,defineComponent as d,normalizeClass as f,openBlock as p,renderSlot as m,unref as h}from"vue";const g=[`data-disabled`,`data-readonly`];var _=d({name:`InputRoot`,__name:`input-root`,props:{defaultValue:{},modelValue:{default:void 0},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(d,{emit:_}){let v=d,y=_,[b,x]=r(),S=o(`root`),C=n(()=>v.modelValue,e=>{y(`update:modelValue`,e)},v.defaultValue),w=s(()=>e(b.value)),T=()=>{C.value=``};return a({...t(v,[`id`,`autofocus`,`placeholder`,`disabled`,`readonly`,`maxlength`,`minlength`,`pattern`,`name`,`required`]),modelValue:C}),(e,t)=>(p(),u(`div`,{ref:h(x),class:f(h(S)),role:`group`,"data-disabled":d.disabled?``:void 0,"data-readonly":d.readonly?``:void 0},[m(e.$slots,`default`,{modelValue:h(C),clear:T}),w.value&&d.name?(p(),c(i,{key:0,type:`text`,value:h(C),name:d.name,disabled:d.disabled,readonly:d.readonly,required:d.required},null,8,[`value`,`name`,`disabled`,`readonly`,`required`])):l(`v-if`,!0)],10,g))}});export{_ as default};

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

@@ -1,5 +1,5 @@
 import { InputRootProps } from "./types.js";
-import * as vue352 from "vue";
+import * as vue114 from "vue";
 
 //#region src/components/input/input-root.vue.d.ts
 declare var __VLS_1: {
@@ -9,13 +9,13 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue352.DefineComponent<InputRootProps, {}, {}, {}, {}, vue352.ComponentOptionsMixin, vue352.ComponentOptionsMixin, {
+declare const __VLS_base: vue114.DefineComponent<InputRootProps, {}, {}, {}, {}, vue114.ComponentOptionsMixin, vue114.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-}, string, vue352.PublicProps, Readonly<InputRootProps> & Readonly<{
+}, string, vue114.PublicProps, Readonly<InputRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
   modelValue: string;
-}, {}, {}, {}, string, vue352.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue114.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/input/types.d.ts

@@ -1,7 +1,7 @@
-import { ClassValue } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
 import { FormFieldCommonProps } from "../../types/component.js";
 import "../../types/index.js";
-import { ComputedRef, HTMLAttributes, InputHTMLAttributes, ShallowRef } from "vue";
+import { HTMLAttributes, InputHTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/input/types.d.ts
 interface InputBaseProps {
@@ -32,10 +32,7 @@ type InputRootEmits = {
   'update:modelValue': [value: string];
 };
 interface InputControlProps extends /** @vue-ignore */InputHTMLAttributes {}
-type InputThemeSlot = 'root' | 'control';
-type InputUi = Record<InputThemeSlot, ClassValue>;
-interface InputThemeContextParams {
-  ui: ComputedRef<InputUi>;
-}
+type InputUiSlot = 'root' | 'control';
+type InputUi = UiClass<InputUiSlot>;
 //#endregion
-export { InputBaseProps, InputControlProps, InputRootEmits, InputRootProps, InputThemeContextParams, InputThemeSlot, InputUi };
+export { InputBaseProps, InputControlProps, InputRootEmits, InputRootProps, InputUi, InputUiSlot };

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

@@ -1,12 +1,12 @@
 import { KbdProps } from "./types.js";
-import * as vue768 from "vue";
+import * as vue38 from "vue";
 
 //#region src/components/kbd/kbd.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue768.DefineComponent<KbdProps, {}, {}, {}, {}, vue768.ComponentOptionsMixin, vue768.ComponentOptionsMixin, {}, string, vue768.PublicProps, Readonly<KbdProps> & Readonly<{}>, {}, {}, {}, {}, string, vue768.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue38.DefineComponent<KbdProps, {}, {}, {}, {}, vue38.ComponentOptionsMixin, vue38.ComponentOptionsMixin, {}, string, vue38.PublicProps, Readonly<KbdProps> & Readonly<{}>, {}, {}, {}, {}, string, vue38.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/label/label.vue.d.ts

@@ -1,12 +1,12 @@
 import { LabelProps } from "./types.js";
-import * as vue23 from "vue";
+import * as vue28 from "vue";
 
 //#region src/components/label/label.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue23.DefineComponent<LabelProps, {}, {}, {}, {}, vue23.ComponentOptionsMixin, vue23.ComponentOptionsMixin, {}, string, vue23.PublicProps, Readonly<LabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue23.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue28.DefineComponent<LabelProps, {}, {}, {}, {}, vue28.ComponentOptionsMixin, vue28.ComponentOptionsMixin, {}, string, vue28.PublicProps, Readonly<LabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue28.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/layout/context.d.ts

@@ -1,8 +1,10 @@
-import { LayoutThemeContextParams } from "./types.js";
-import "vue";
+import { ClassValue, UiClass } from "../../types/common.js";
+import { LayoutUiSlot } from "./types.js";
+import "../../index.js";
+import * as vue1257 from "vue";
 
 //#region src/components/layout/context.d.ts
 
-declare const provideLayoutThemeContext: (params: LayoutThemeContextParams) => LayoutThemeContextParams, useLayoutThemeContext: <N extends string | null | undefined = undefined>(consumerName?: N | undefined, defaultValue?: LayoutThemeContextParams | undefined) => N extends null | undefined ? LayoutThemeContextParams | null : LayoutThemeContextParams;
+declare const provideLayoutUi: (ui: vue1257.ComputedRef<Partial<UiClass<LayoutUiSlot>>>) => vue1257.ComputedRef<Partial<UiClass<LayoutUiSlot>>>, useLayoutUi: <S extends LayoutUiSlot | undefined = undefined>(slot?: S | undefined) => S extends LayoutUiSlot ? vue1257.ComputedRef<ClassValue> : vue1257.ComputedRef<Partial<UiClass<LayoutUiSlot>>>;
 //#endregion
-export { provideLayoutThemeContext };
+export { provideLayoutUi };

package/dist/components/layout/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";const[t,n]=e(`LayoutRoot`,e=>{let{open:t,isMobile:n,mobileOpen:r}=e,i=e=>{t.value=e},a=e=>{r.value=e},o=()=>{n.value?r.value=!r.value:t.value=!t.value};return{...e,onOpenChange:i,onMobileOpenChange:a,toggleSidebar:o}}),[r,i]=e(`LayoutTheme`,e=>e);export{t as provideLayoutRootContext,r as provideLayoutThemeContext,n as useLayoutRootContext,i as useLayoutThemeContext};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";const[n,r]=e(`LayoutRoot`,e=>{let{open:t,isMobile:n,mobileOpen:r}=e,i=e=>{t.value=e},a=e=>{r.value=e},o=()=>{n.value?r.value=!r.value:t.value=!t.value};return{...e,onOpenChange:i,onMobileOpenChange:a,toggleSidebar:o}}),[i,a]=t(`LayoutUi`);export{n as provideLayoutRootContext,i as provideLayoutUi,r as useLayoutRootContext,a as useLayoutUi};

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

@@ -1,4 +1,4 @@
-import { LayoutCollapsible, LayoutFooterProps, LayoutHeaderProps, LayoutMainProps, LayoutMobileProps, LayoutRailProps, LayoutRootEmits, LayoutRootProps, LayoutSide, LayoutSidebarProps, LayoutSidebarState, LayoutTabProps, LayoutThemeSlot, LayoutTriggerProps, LayoutUi, LayoutVariant } from "./types.js";
+import { LayoutCollapsible, LayoutFooterProps, LayoutHeaderProps, LayoutMainProps, LayoutMobileProps, LayoutRailProps, LayoutRootEmits, LayoutRootProps, LayoutSide, LayoutSidebarProps, LayoutSidebarState, LayoutTabProps, LayoutTriggerProps, LayoutUi, LayoutUiSlot, LayoutVariant } from "./types.js";
 import { _default as _default$5 } from "./layout-root.vue.js";
 import { _default as _default$6 } from "./layout-sidebar.vue.js";
 import { _default as _default$1 } from "./layout-header.vue.js";
@@ -8,5 +8,5 @@ import { _default } from "./layout-footer.vue.js";
 import { _default as _default$4 } from "./layout-rail.vue.js";
 import { _default as _default$8 } from "./layout-trigger.vue.js";
 import { _default as _default$3 } from "./layout-mobile.vue.js";
-import { provideLayoutThemeContext } from "./context.js";
-export { type LayoutCollapsible, _default as LayoutFooter, type LayoutFooterProps, _default$1 as LayoutHeader, type LayoutHeaderProps, _default$2 as LayoutMain, type LayoutMainProps, _default$3 as LayoutMobile, type LayoutMobileProps, _default$4 as LayoutRail, type LayoutRailProps, _default$5 as LayoutRoot, type LayoutRootEmits, type LayoutRootProps, type LayoutSide, _default$6 as LayoutSidebar, type LayoutSidebarProps, type LayoutSidebarState, _default$7 as LayoutTab, type LayoutTabProps, type LayoutThemeSlot, _default$8 as LayoutTrigger, type LayoutTriggerProps, type LayoutUi, type LayoutVariant, provideLayoutThemeContext };
+import { provideLayoutUi } from "./context.js";
+export { type LayoutCollapsible, _default as LayoutFooter, type LayoutFooterProps, _default$1 as LayoutHeader, type LayoutHeaderProps, _default$2 as LayoutMain, type LayoutMainProps, _default$3 as LayoutMobile, type LayoutMobileProps, _default$4 as LayoutRail, type LayoutRailProps, _default$5 as LayoutRoot, type LayoutRootEmits, type LayoutRootProps, type LayoutSide, _default$6 as LayoutSidebar, type LayoutSidebarProps, type LayoutSidebarState, _default$7 as LayoutTab, type LayoutTabProps, _default$8 as LayoutTrigger, type LayoutTriggerProps, type LayoutUi, type LayoutUiSlot, type LayoutVariant, provideLayoutUi };

package/dist/components/layout/index.js

@@ -1 +1 @@
-import{provideLayoutThemeContext as e}from"./context.js";import t from"./layout-root.js";import n from"./layout-mobile.js";import r from"./layout-sidebar.js";import i from"./layout-header.js";import a from"./layout-main.js";import o from"./layout-tab.js";import s from"./layout-footer.js";import c from"./layout-rail.js";import l from"./layout-trigger.js";export{s as LayoutFooter,i as LayoutHeader,a as LayoutMain,n as LayoutMobile,c as LayoutRail,t as LayoutRoot,r as LayoutSidebar,o as LayoutTab,l as LayoutTrigger,e as provideLayoutThemeContext};
+import{provideLayoutUi as e}from"./context.js";import t from"./layout-root.js";import n from"./layout-mobile.js";import r from"./layout-sidebar.js";import i from"./layout-header.js";import a from"./layout-main.js";import o from"./layout-tab.js";import s from"./layout-footer.js";import c from"./layout-rail.js";import l from"./layout-trigger.js";export{s as LayoutFooter,i as LayoutHeader,a as LayoutMain,n as LayoutMobile,c as LayoutRail,t as LayoutRoot,r as LayoutSidebar,o as LayoutTab,l as LayoutTrigger,e as provideLayoutUi};

package/dist/components/layout/layout-footer.js

@@ -1 +1 @@
-import{useLayoutThemeContext as e}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o}from"vue";var s=r({name:`LayoutFooter`,__name:`layout-footer`,setup(r){let s=e(),c=t(()=>s?.ui?.value?.footer);return(e,t)=>(a(),n(`div`,{class:i(c.value)},[o(e.$slots,`default`)],2))}});export{s as default};
+import{useLayoutUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";var s=n({name:`LayoutFooter`,__name:`layout-footer`,setup(n){let s=e(`footer`);return(e,n)=>(i(),t(`div`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

package/dist/components/layout/layout-footer.vue.d.ts

@@ -1,12 +1,12 @@
 import { LayoutFooterProps } from "./types.js";
-import * as vue224 from "vue";
+import * as vue1237 from "vue";
 
 //#region src/components/layout/layout-footer.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue224.DefineComponent<LayoutFooterProps, {}, {}, {}, {}, vue224.ComponentOptionsMixin, vue224.ComponentOptionsMixin, {}, string, vue224.PublicProps, Readonly<LayoutFooterProps> & Readonly<{}>, {}, {}, {}, {}, string, vue224.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue1237.DefineComponent<LayoutFooterProps, {}, {}, {}, {}, vue1237.ComponentOptionsMixin, vue1237.ComponentOptionsMixin, {}, string, vue1237.PublicProps, Readonly<LayoutFooterProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1237.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/layout/layout-header.js

@@ -1 +1 @@
-import{useLayoutThemeContext as e}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o}from"vue";var s=r({name:`LayoutHeader`,__name:`layout-header`,setup(r){let s=e(),c=t(()=>s?.ui?.value?.header);return(e,t)=>(a(),n(`header`,{class:i(c.value)},[o(e.$slots,`default`)],2))}});export{s as default};
+import{useLayoutUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";var s=n({name:`LayoutHeader`,__name:`layout-header`,setup(n){let s=e(`header`);return(e,n)=>(i(),t(`header`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

package/dist/components/layout/layout-header.vue.d.ts

@@ -1,12 +1,12 @@
 import { LayoutHeaderProps } from "./types.js";
-import * as vue239 from "vue";
+import * as vue1222 from "vue";
 
 //#region src/components/layout/layout-header.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue239.DefineComponent<LayoutHeaderProps, {}, {}, {}, {}, vue239.ComponentOptionsMixin, vue239.ComponentOptionsMixin, {}, string, vue239.PublicProps, Readonly<LayoutHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue239.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue1222.DefineComponent<LayoutHeaderProps, {}, {}, {}, {}, vue1222.ComponentOptionsMixin, vue1222.ComponentOptionsMixin, {}, string, vue1222.PublicProps, Readonly<LayoutHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1222.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/layout/layout-main.js

@@ -1 +1 @@
-import{useLayoutThemeContext as e}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o}from"vue";var s=r({name:`LayoutMain`,__name:`layout-main`,setup(r){let s=e(),c=t(()=>s?.ui?.value?.main);return(e,t)=>(a(),n(`main`,{class:i(c.value)},[o(e.$slots,`default`)],2))}});export{s as default};
+import{useLayoutUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";var s=n({name:`LayoutMain`,__name:`layout-main`,setup(n){let s=e(`main`);return(e,n)=>(i(),t(`main`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

package/dist/components/layout/layout-main.vue.d.ts

@@ -1,12 +1,12 @@
 import { LayoutMainProps } from "./types.js";
-import * as vue286 from "vue";
+import * as vue1227 from "vue";
 
 //#region src/components/layout/layout-main.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue286.DefineComponent<LayoutMainProps, {}, {}, {}, {}, vue286.ComponentOptionsMixin, vue286.ComponentOptionsMixin, {}, string, vue286.PublicProps, Readonly<LayoutMainProps> & Readonly<{}>, {}, {}, {}, {}, string, vue286.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue1227.DefineComponent<LayoutMainProps, {}, {}, {}, {}, vue1227.ComponentOptionsMixin, vue1227.ComponentOptionsMixin, {}, string, vue1227.PublicProps, Readonly<LayoutMainProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1227.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/layout/layout-mobile.js

@@ -1 +1 @@
-import e from"../portal/portal.js";import t from"../dialog/dialog-root.js";import n from"../dialog/dialog-overlay.js";import r from"../dialog/dialog-content.js";import{useLayoutRootContext as i,useLayoutThemeContext as a}from"./context.js";import{computed as o,createBlock as s,createElementVNode as c,createVNode as l,defineComponent as u,mergeProps as d,normalizeClass as f,normalizeStyle as p,openBlock as m,renderSlot as h,unref as g,useAttrs as _,withCtx as v}from"vue";var y=u({name:`LayoutMobile`,inheritAttrs:!1,__name:`layout-mobile`,setup(u){let y=_(),{mobileOpen:b,mobileStyle:x,onMobileOpenChange:S}=i(`LayoutMobile`),C=a(),w=o(()=>C?.ui?.value??{});return(i,a)=>(m(),s(g(t),{open:g(b),"onUpdate:open":g(S)},{default:v(()=>[l(g(e),null,{default:v(()=>[l(g(n),{class:f(w.value.mobileOverlay)},null,8,[`class`]),l(g(r),{class:f(w.value.mobileDrawer),style:p(g(x))},{default:v(()=>[c(`div`,d(g(y),{class:w.value.mobile,"data-sidebar":`sidebar`,"data-mobile":``}),[h(i.$slots,`default`)],16)]),_:3},8,[`class`,`style`])]),_:3})]),_:3},8,[`open`,`onUpdate:open`]))}});export{y as default};
+import e from"../portal/portal.js";import t from"../dialog/dialog-root.js";import n from"../dialog/dialog-overlay.js";import r from"../dialog/dialog-content.js";import{useLayoutRootContext as i,useLayoutUi as a}from"./context.js";import{layoutCssVars as o}from"./shared.js";import{computed as s,createBlock as c,createElementVNode as l,createVNode as u,defineComponent as d,mergeProps as f,normalizeClass as p,normalizeStyle as m,openBlock as h,renderSlot as g,unref as _,useAttrs as v,withCtx as y}from"vue";var b=d({name:`LayoutMobile`,inheritAttrs:!1,__name:`layout-mobile`,setup(d){let b=v(),{mobileOpen:x,mobileSidebarWidth:S,onMobileOpenChange:C}=i(`LayoutMobile`),w=a(),T=s(()=>({[o.sidebarWidth]:`${S.value}rem`}));return(i,a)=>(h(),c(_(t),{open:_(x),"onUpdate:open":_(C)},{default:y(()=>[u(_(e),null,{default:y(()=>[u(_(n),{class:p(_(w).mobileOverlay)},null,8,[`class`]),u(_(r),{class:p(_(w).mobileDrawer),style:m(T.value)},{default:y(()=>[l(`div`,f(_(b),{class:_(w).mobile,"data-sidebar":`sidebar`,"data-mobile":``}),[g(i.$slots,`default`)],16)]),_:3},8,[`class`,`style`])]),_:3})]),_:3},8,[`open`,`onUpdate:open`]))}});export{b as default};