@routa/ui-vue 0.1.0

package/dist/feedback-runtime/manager.d.ts

@@ -0,0 +1,109 @@
+import { Component } from 'vue';
+import { FeedbackInstance, FeedbackPlacement, FeedbackVisualConfig } from './types';
+export declare const createFeedbackManager: <TOptions extends {
+    placement: FeedbackPlacement;
+    duration: number;
+}>(component: Component, runtimeClassName: string) => {
+    state: {
+        groups: {
+            "top-left": {
+                id: string;
+                placement: FeedbackPlacement;
+                zIndex: number;
+                options: import('vue').UnwrapRef<TOptions>;
+                visual: {
+                    theme: string;
+                    cssVars: Record<string, string>;
+                };
+                remaining: number;
+                startedAt: number;
+                timer: number | null;
+                close: () => void;
+                pause: () => void;
+                resume: () => void;
+            }[];
+            "top-center": {
+                id: string;
+                placement: FeedbackPlacement;
+                zIndex: number;
+                options: import('vue').UnwrapRef<TOptions>;
+                visual: {
+                    theme: string;
+                    cssVars: Record<string, string>;
+                };
+                remaining: number;
+                startedAt: number;
+                timer: number | null;
+                close: () => void;
+                pause: () => void;
+                resume: () => void;
+            }[];
+            "top-right": {
+                id: string;
+                placement: FeedbackPlacement;
+                zIndex: number;
+                options: import('vue').UnwrapRef<TOptions>;
+                visual: {
+                    theme: string;
+                    cssVars: Record<string, string>;
+                };
+                remaining: number;
+                startedAt: number;
+                timer: number | null;
+                close: () => void;
+                pause: () => void;
+                resume: () => void;
+            }[];
+            "bottom-left": {
+                id: string;
+                placement: FeedbackPlacement;
+                zIndex: number;
+                options: import('vue').UnwrapRef<TOptions>;
+                visual: {
+                    theme: string;
+                    cssVars: Record<string, string>;
+                };
+                remaining: number;
+                startedAt: number;
+                timer: number | null;
+                close: () => void;
+                pause: () => void;
+                resume: () => void;
+            }[];
+            "bottom-center": {
+                id: string;
+                placement: FeedbackPlacement;
+                zIndex: number;
+                options: import('vue').UnwrapRef<TOptions>;
+                visual: {
+                    theme: string;
+                    cssVars: Record<string, string>;
+                };
+                remaining: number;
+                startedAt: number;
+                timer: number | null;
+                close: () => void;
+                pause: () => void;
+                resume: () => void;
+            }[];
+            "bottom-right": {
+                id: string;
+                placement: FeedbackPlacement;
+                zIndex: number;
+                options: import('vue').UnwrapRef<TOptions>;
+                visual: {
+                    theme: string;
+                    cssVars: Record<string, string>;
+                };
+                remaining: number;
+                startedAt: number;
+                timer: number | null;
+                close: () => void;
+                pause: () => void;
+                resume: () => void;
+            }[];
+        };
+    };
+    open: (options: TOptions, visual: FeedbackVisualConfig) => FeedbackInstance;
+    closeAll: () => void;
+};

package/dist/feedback-runtime/mount.d.ts

@@ -0,0 +1,5 @@
+import { Component } from 'vue';
+export declare const createRuntimeMount: (component: Component, props: Record<string, unknown>, className: string) => {
+    ensureMounted: () => void;
+    unmount: () => void;
+};

package/dist/feedback-runtime/types.d.ts

@@ -0,0 +1,27 @@
+import { VNode, VNodeChild } from 'vue';
+import { FeedbackPlacement } from '../../../headless/src/index.ts';
+export { feedbackPlacements } from '../../../headless/src/index.ts';
+export type { FeedbackInstance, FeedbackPlacement } from '../../../headless/src/index.ts';
+export type FeedbackRenderable = string | VNode | (() => VNodeChild);
+export interface FeedbackVisualConfig {
+    theme: string;
+    cssVars: Record<string, string>;
+}
+export interface FeedbackRecord<TOptions> {
+    id: string;
+    placement: FeedbackPlacement;
+    zIndex: number;
+    options: TOptions;
+    visual: FeedbackVisualConfig;
+    remaining: number;
+    startedAt: number;
+    timer: number | null;
+    close: () => void;
+    pause: () => void;
+    resume: () => void;
+}
+export interface FeedbackManagerState<TOptions> {
+    groups: Record<FeedbackPlacement, FeedbackRecord<TOptions>[]>;
+}
+export declare const createPlacementMap: <TValue>(factory: () => TValue) => Record<FeedbackPlacement, TValue>;
+export declare const isTopPlacement: (placement: FeedbackPlacement) => boolean;

package/dist/form/Form.vue.d.ts

@@ -0,0 +1,37 @@
+import { FormSchemaField } from '../../../headless/src/index.ts';
+interface FormProps {
+    model: Record<string, any>;
+    schema?: FormSchemaField<Record<string, any>>[];
+    rules?: any;
+    labelPosition?: 'left' | 'right' | 'top' | 'top-left' | 'top-right' | 'justify';
+    labelWidth?: string | number;
+    disabled?: boolean;
+    readonly?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    labelLineHeight?: string | number;
+    inline?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLFormElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<FormProps, {
+    validate: (callback?: (valid: boolean, errors?: any) => void) => Promise<void>;
+    resetFields: () => void;
+    clearValidate: (props?: string[]) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FormProps> & Readonly<{}>, {
+    size: "sm" | "md" | "lg";
+    labelPosition: "left" | "right" | "top" | "top-left" | "top-right" | "justify";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLFormElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/form/FormItem.vue.d.ts

@@ -0,0 +1,32 @@
+interface FormItemProps {
+    label?: string;
+    prop?: string;
+    required?: boolean;
+    rules?: any;
+    error?: string;
+    showMessage?: boolean;
+    labelWidth?: string | number;
+    labelPosition?: 'left' | 'right' | 'top' | 'top-left' | 'top-right' | 'justify';
+    labelLineHeight?: string | number;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        label?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<FormItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FormItemProps> & Readonly<{}>, {
+    showMessage: boolean;
+    labelLineHeight: string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/form/FormSchemaFields.vue.d.ts

@@ -0,0 +1,7 @@
+import { FormSchemaField } from '../../../headless/src/index.ts';
+type __VLS_Props = {
+    model: Record<string, any>;
+    schema: FormSchemaField<Record<string, any>>[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/form/context.d.ts

@@ -0,0 +1,33 @@
+import { InjectionKey } from 'vue';
+import { Rules } from '../../../headless/src/index.ts';
+export interface FormContext {
+    model: Record<string, any>;
+    rules?: Rules;
+    labelPosition?: 'left' | 'right' | 'top' | 'top-left' | 'top-right' | 'justify';
+    labelWidth?: string | number;
+    disabled?: boolean;
+    readonly?: boolean;
+    labelLineHeight?: string | number;
+    inline?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    validate: (fields?: string[]) => Promise<void>;
+    resetFields: (fields?: string[]) => void;
+    clearValidate: (fields?: string[]) => void;
+    addField: (field: FormItemContext) => void;
+    removeField: (field: FormItemContext) => void;
+}
+export interface FormItemContext {
+    prop?: string;
+    size?: 'sm' | 'md' | 'lg';
+    labelPosition?: 'left' | 'right' | 'top' | 'top-left' | 'top-right' | 'justify';
+    disabled?: boolean;
+    readonly?: boolean;
+    labelId?: string;
+    errorId?: string;
+    inputId?: string;
+    validate: (trigger?: string) => Promise<void>;
+    resetField: () => void;
+    clearValidate: () => void;
+}
+export declare const FORM_KEY: InjectionKey<FormContext>;
+export declare const FORM_ITEM_KEY: InjectionKey<FormItemContext>;

package/dist/form/index.d.ts

@@ -0,0 +1,6 @@
+import { Plugin } from 'vue';
+import { default as Form } from './Form.vue';
+import { default as FormItem } from './FormItem.vue';
+export declare const LForm: typeof Form & Plugin;
+export declare const LFormItem: typeof FormItem & Plugin;
+export * from './context';

package/dist/form/index.js

@@ -0,0 +1,2 @@
+require('../style/form.css');
+"use strict";var x=Object.defineProperty;var M=(e,n,t)=>n in e?x(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t;var E=(e,n,t)=>M(e,typeof n!="symbol"?n+"":n,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue");require("../chunks/manager-C0AUxQ1I.js");const k=require("../chunks/context-BEsW77hb.js"),N=require("../chunks/use-id-BycaM3-h.js"),h={required(e){return!(e==null||typeof e=="string"&&e.trim()===""||Array.isArray(e)&&e.length===0)},pattern(e,n){return!e&&e!==0?!0:n.test(String(e))},min(e,n,t="string"){return!e&&e!==0?!0:t==="number"||t==="integer"||t==="float"?Number(e)>=n:Array.isArray(e)||typeof e=="string"?e.length>=n:!0},max(e,n,t="string"){return!e&&e!==0?!0:t==="number"||t==="integer"||t==="float"?Number(e)<=n:Array.isArray(e)||typeof e=="string"?e.length<=n:!0},len(e,n,t="string"){return!e&&e!==0?!0:t==="number"||t==="integer"||t==="float"?Number(e)===n:Array.isArray(e)||typeof e=="string"?e.length===n:!0},type(e,n){if(!e&&e!==0)return!0;switch(n){case"string":return typeof e=="string";case"number":return typeof e=="number"&&!isNaN(e);case"boolean":return typeof e=="boolean";case"integer":return Number.isInteger(e);case"float":return typeof e=="number"&&!Number.isInteger(e);case"array":return Array.isArray(e);case"object":return typeof e=="object"&&e!==null&&!Array.isArray(e);case"date":return e instanceof Date&&!isNaN(e.getTime());case"email":return h.pattern(e,/^[^\s@]+@[^\s@]+\.[^\s@]+$/);case"url":return h.pattern(e,/^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$/i);case"hex":return h.pattern(e,/^#?([a-f0-9]{3,4}|[a-f0-9]{6}|[a-f0-9]{8})$/i);default:return!0}}};class R{constructor(n){E(this,"rules");this.rules=n}async validate(n,t={}){const a=[],i=Object.keys(this.rules);for(const o of i){const f=Array.isArray(this.rules[o])?this.rules[o]:[this.rules[o]],l=n[o];for(const s of f){if(s.required&&!h.required(l)){if(a.push({field:o,message:s.message||`${o} is required`,fieldValue:l}),t.first||t.firstFields===!0||Array.isArray(t.firstFields)&&t.firstFields.includes(o))break;continue}if(!(!h.required(l)&&!s.validator&&!s.asyncValidator)){if(s.type&&!h.type(l,s.type)){a.push({field:o,message:s.message||`${o} must be of type ${s.type}`,fieldValue:l});continue}if(s.pattern&&!h.pattern(l,s.pattern)){a.push({field:o,message:s.message||`${o} does not match pattern`,fieldValue:l});continue}if(s.min!==void 0&&!h.min(l,s.min,s.type)){a.push({field:o,message:s.message||`${o} must be at least ${s.min}`,fieldValue:l});continue}if(s.max!==void 0&&!h.max(l,s.max,s.type)){a.push({field:o,message:s.message||`${o} must be at most ${s.max}`,fieldValue:l});continue}if(s.len!==void 0&&!h.len(l,s.len,s.type)){a.push({field:o,message:s.message||`${o} must be exactly ${s.len}`,fieldValue:l});continue}if(s.validator)try{await new Promise((d,u)=>{s.validator(s,l,m=>{m?(a.push({field:o,message:typeof m=="string"?m:m.message,fieldValue:l}),u(m)):d()},n,t)})}catch{}if(s.asyncValidator)try{await s.asyncValidator(s,l,d=>{d&&a.push({field:o,message:typeof d=="string"?d:d.message,fieldValue:l})},n,t)}catch(d){(d instanceof Error||typeof d=="string")&&a.push({field:o,message:typeof d=="string"?d:d.message,fieldValue:l})}}}}if(a.length>0)throw a}}function q(e){return e.map(n=>{const t=n.name??n.prop;return t?{...n,name:String(t)}:null}).filter(n=>n!==null)}function C(e){const n=q(e.schema??[]);return{fields:n,applyDefaults:a=>{n.forEach(i=>{i.defaultValue!==void 0&&a[i.name]===void 0&&(a[i.name]=i.defaultValue)})}}}const L=["id","for"],j={class:"l-form-item__content"},O={class:"l-form-item__control-wrapper"},P=["id"],w=r.defineComponent({__name:"FormItem",props:{label:{},prop:{},required:{type:Boolean},rules:{},error:{},showMessage:{type:Boolean,default:!0},labelWidth:{},labelPosition:{},labelLineHeight:{default:void 0}},setup(e){const n=e,t=r.inject(k.FORM_KEY,void 0),a=r.ref(""),i=r.ref(""),o=N.useId("l-form-item"),f=r.computed(()=>`${o}-label`),l=r.computed(()=>`${o}-error`),s=r.computed(()=>`${o}-input`),d=r.computed(()=>n.required?!0:u().some(p=>p.required)),u=()=>{let c=n.rules||[];if(typeof c=="object"&&!Array.isArray(c)&&(c=[c]),t!=null&&t.rules&&n.prop){const p=t.rules[n.prop];if(p){const v=Array.isArray(p)?p:[p];c=[...c,...v]}}return c},m=async c=>{if(!n.prop)return;const p=u().filter(y=>!c||!y.trigger?!0:Array.isArray(y.trigger)?y.trigger.includes(c):y.trigger===c);if(p.length===0)return;a.value="validating";const v={[n.prop]:p},b=new R(v),_=(t==null?void 0:t.model)||{};try{await b.validate({[n.prop]:_[n.prop]}),a.value="success",i.value=""}catch(y){throw a.value="error",i.value=y[0].message,y}},g=()=>{a.value="",i.value="",t!=null&&t.model&&n.prop},$=()=>{a.value="",i.value=""},F=r.reactive({...r.toRefs(n),validate:m,resetField:g,clearValidate:$,labelId:f.value,errorId:l.value,inputId:s.value});r.provide(k.FORM_ITEM_KEY,F),r.onMounted(()=>{n.prop&&(t==null||t.addField(F)),V.value&&n.labelLineHeight===void 0&&console.warn("[Routa] When label-justify is enabled, you should set label-line-height to ensure vertical alignment.")}),r.onBeforeUnmount(()=>{n.prop&&(t==null||t.removeField(F))});const I=r.computed(()=>{const c=n.labelWidth||(t==null?void 0:t.labelWidth),p=n.labelPosition||(t==null?void 0:t.labelPosition)||"right",v=t==null?void 0:t.inline;if(p.startsWith("top"))return{};const b={};v&&!n.labelWidth?b.width="auto":c&&(b.width=typeof c=="number"?`${c}px`:c);const _=n.labelLineHeight??(t==null?void 0:t.labelLineHeight);return b["--l-form-item-label-line-height"]=(typeof _=="number"?`${_}px`:_)||"1em",b}),V=r.computed(()=>(n.labelPosition||(t==null?void 0:t.labelPosition)||"right")==="justify"),S=r.computed(()=>["l-form-item",{"is-error":a.value==="error","is-required":d.value,"is-validating":a.value==="validating","is-success":a.value==="success","l-form-item--justify":V.value}]);return(c,p)=>(r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(S.value)},[e.label||c.$slots.label?(r.openBlock(),r.createElementBlock("label",{key:0,id:f.value,for:s.value,class:r.normalizeClass(["l-form-item__label",{"l-form-item__label--justify":V.value}]),style:r.normalizeStyle(I.value)},[r.renderSlot(c.$slots,"label",{},()=>[r.createTextVNode(r.toDisplayString(e.label),1)])],14,L)):r.createCommentVNode("",!0),r.createElementVNode("div",j,[r.createElementVNode("div",O,[r.renderSlot(c.$slots,"default")]),r.createVNode(r.Transition,{name:"l-fade"},{default:r.withCtx(()=>[a.value==="error"&&e.showMessage?(r.openBlock(),r.createElementBlock("div",{key:0,id:l.value,class:"l-form-item__error"},r.toDisplayString(i.value),9,P)):r.createCommentVNode("",!0)]),_:1})])],2))}}),z=["onUpdate:modelValue","name"],D=r.defineComponent({__name:"FormSchemaFields",props:{model:{},schema:{}},setup(e){const n=e,t=r.computed(()=>n.schema.map(i=>{const o=i.name??i.prop;return o?{...i,name:String(o)}:null}).filter(i=>i!==null)),a=i=>{var o;return(o=i.render)==null?void 0:o.call(i,{model:n.model,field:i})};return(i,o)=>(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(t.value,f=>(r.openBlock(),r.createBlock(w,{key:f.name,label:f.label,prop:f.name},{default:r.withCtx(()=>[f.render?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(a(f)),{key:0})):r.withDirectives((r.openBlock(),r.createElementBlock("input",{key:1,"onUpdate:modelValue":l=>e.model[f.name]=l,class:"l-form__schema-input",name:f.name},null,8,z)),[[r.vModelText,e.model[f.name]]])]),_:2},1032,["label","prop"]))),128))}}),T=r.defineComponent({__name:"Form",props:{model:{},schema:{},rules:{},labelPosition:{default:"right"},labelWidth:{},disabled:{type:Boolean},readonly:{type:Boolean},size:{default:"md"},labelLineHeight:{},inline:{type:Boolean}},setup(e,{expose:n}){const t=e,a=C({schema:t.schema});a.applyDefaults(t.model);const i=[],o=u=>{u&&i.push(u)},f=u=>{if(u.prop){const m=i.indexOf(u);m>-1&&i.splice(m,1)}},l=async u=>{let m=!0,g={};for(const $ of i)try{await $.validate()}catch(F){m=!1,g={...g,...F}}if(u&&u(m,g),!m)throw g},s=()=>{i.forEach(u=>u.resetField())},d=u=>{i.forEach(m=>{(!u||m.prop&&u.includes(m.prop))&&m.clearValidate()})};return r.provide(k.FORM_KEY,r.reactive({...r.toRefs(t),addField:o,removeField:f,validate:l,resetFields:s,clearValidate:d})),n({validate:l,resetFields:s,clearValidate:d}),(u,m)=>(r.openBlock(),r.createElementBlock("form",{class:r.normalizeClass(["l-form",[`l-form--label-${e.labelPosition==="top"?"top-left":e.labelPosition}`,{"l-form--inline":e.inline}]])},[r.unref(a).fields.length>0?(r.openBlock(),r.createBlock(D,{key:0,model:e.model,schema:r.unref(a).fields},null,8,["model","schema"])):r.renderSlot(u.$slots,"default",{key:1})],2))}}),B=T,A=w;B.install=e=>{e.component("LForm",B)};A.install=e=>{e.component("LFormItem",A)};exports.FORM_ITEM_KEY=k.FORM_ITEM_KEY;exports.FORM_KEY=k.FORM_KEY;exports.LForm=B;exports.LFormItem=A;

package/dist/form/index.mjs

@@ -0,0 +1,389 @@
+import '../style/form.css';
+var U = Object.defineProperty;
+var K = (e, r, t) => r in e ? U(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
+var S = (e, r, t) => K(e, typeof r != "symbol" ? r + "" : r, t);
+import { defineComponent as N, inject as Y, ref as q, computed as y, reactive as C, toRefs as M, provide as D, onMounted as J, onBeforeUnmount as G, openBlock as h, createElementBlock as $, normalizeClass as I, normalizeStyle as Q, renderSlot as x, createTextVNode as X, toDisplayString as L, createCommentVNode as j, createElementVNode as B, createVNode as Z, Transition as ee, withCtx as W, Fragment as te, renderList as re, createBlock as k, resolveDynamicComponent as se, withDirectives as ne, vModelText as ie, unref as E } from "vue";
+import "../chunks/manager-BUdQK4AD.mjs";
+import { a as z, F as ae } from "../chunks/context-BlK-PJ3n.mjs";
+import { u as oe } from "../chunks/use-id-D3casveg.mjs";
+const p = {
+  required(e) {
+    return !(e == null || typeof e == "string" && e.trim() === "" || Array.isArray(e) && e.length === 0);
+  },
+  pattern(e, r) {
+    return !e && e !== 0 ? !0 : r.test(String(e));
+  },
+  min(e, r, t = "string") {
+    return !e && e !== 0 ? !0 : t === "number" || t === "integer" || t === "float" ? Number(e) >= r : Array.isArray(e) || typeof e == "string" ? e.length >= r : !0;
+  },
+  max(e, r, t = "string") {
+    return !e && e !== 0 ? !0 : t === "number" || t === "integer" || t === "float" ? Number(e) <= r : Array.isArray(e) || typeof e == "string" ? e.length <= r : !0;
+  },
+  len(e, r, t = "string") {
+    return !e && e !== 0 ? !0 : t === "number" || t === "integer" || t === "float" ? Number(e) === r : Array.isArray(e) || typeof e == "string" ? e.length === r : !0;
+  },
+  type(e, r) {
+    if (!e && e !== 0) return !0;
+    switch (r) {
+      case "string":
+        return typeof e == "string";
+      case "number":
+        return typeof e == "number" && !isNaN(e);
+      case "boolean":
+        return typeof e == "boolean";
+      case "integer":
+        return Number.isInteger(e);
+      case "float":
+        return typeof e == "number" && !Number.isInteger(e);
+      case "array":
+        return Array.isArray(e);
+      case "object":
+        return typeof e == "object" && e !== null && !Array.isArray(e);
+      case "date":
+        return e instanceof Date && !isNaN(e.getTime());
+      case "email":
+        return p.pattern(e, /^[^\s@]+@[^\s@]+\.[^\s@]+$/);
+      case "url":
+        return p.pattern(e, /^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$/i);
+      case "hex":
+        return p.pattern(e, /^#?([a-f0-9]{3,4}|[a-f0-9]{6}|[a-f0-9]{8})$/i);
+      default:
+        return !0;
+    }
+  }
+};
+class le {
+  constructor(r) {
+    S(this, "rules");
+    this.rules = r;
+  }
+  async validate(r, t = {}) {
+    const a = [], i = Object.keys(this.rules);
+    for (const n of i) {
+      const d = Array.isArray(this.rules[n]) ? this.rules[n] : [this.rules[n]], o = r[n];
+      for (const s of d) {
+        if (s.required && !p.required(o)) {
+          if (a.push({
+            field: n,
+            message: s.message || `${n} is required`,
+            fieldValue: o
+          }), t.first || t.firstFields === !0 || Array.isArray(t.firstFields) && t.firstFields.includes(n)) break;
+          continue;
+        }
+        if (!(!p.required(o) && !s.validator && !s.asyncValidator)) {
+          if (s.type && !p.type(o, s.type)) {
+            a.push({
+              field: n,
+              message: s.message || `${n} must be of type ${s.type}`,
+              fieldValue: o
+            });
+            continue;
+          }
+          if (s.pattern && !p.pattern(o, s.pattern)) {
+            a.push({
+              field: n,
+              message: s.message || `${n} does not match pattern`,
+              fieldValue: o
+            });
+            continue;
+          }
+          if (s.min !== void 0 && !p.min(o, s.min, s.type)) {
+            a.push({
+              field: n,
+              message: s.message || `${n} must be at least ${s.min}`,
+              fieldValue: o
+            });
+            continue;
+          }
+          if (s.max !== void 0 && !p.max(o, s.max, s.type)) {
+            a.push({
+              field: n,
+              message: s.message || `${n} must be at most ${s.max}`,
+              fieldValue: o
+            });
+            continue;
+          }
+          if (s.len !== void 0 && !p.len(o, s.len, s.type)) {
+            a.push({
+              field: n,
+              message: s.message || `${n} must be exactly ${s.len}`,
+              fieldValue: o
+            });
+            continue;
+          }
+          if (s.validator)
+            try {
+              await new Promise((m, u) => {
+                s.validator(s, o, (c) => {
+                  c ? (a.push({
+                    field: n,
+                    message: typeof c == "string" ? c : c.message,
+                    fieldValue: o
+                  }), u(c)) : m();
+                }, r, t);
+              });
+            } catch {
+            }
+          if (s.asyncValidator)
+            try {
+              await s.asyncValidator(s, o, (m) => {
+                m && a.push({
+                  field: n,
+                  message: typeof m == "string" ? m : m.message,
+                  fieldValue: o
+                });
+              }, r, t);
+            } catch (m) {
+              (m instanceof Error || typeof m == "string") && a.push({
+                field: n,
+                message: typeof m == "string" ? m : m.message,
+                fieldValue: o
+              });
+            }
+        }
+      }
+    }
+    if (a.length > 0)
+      throw a;
+  }
+}
+function ue(e) {
+  return e.map((r) => {
+    const t = r.name ?? r.prop;
+    return t ? {
+      ...r,
+      name: String(t)
+    } : null;
+  }).filter((r) => r !== null);
+}
+function ce(e) {
+  const r = ue(e.schema ?? []);
+  return {
+    fields: r,
+    applyDefaults: (a) => {
+      r.forEach((i) => {
+        i.defaultValue !== void 0 && a[i.name] === void 0 && (a[i.name] = i.defaultValue);
+      });
+    }
+  };
+}
+const me = ["id", "for"], de = { class: "l-form-item__content" }, fe = { class: "l-form-item__control-wrapper" }, pe = ["id"], H = /* @__PURE__ */ N({
+  __name: "FormItem",
+  props: {
+    label: {},
+    prop: {},
+    required: { type: Boolean },
+    rules: {},
+    error: {},
+    showMessage: { type: Boolean, default: !0 },
+    labelWidth: {},
+    labelPosition: {},
+    labelLineHeight: { default: void 0 }
+  },
+  setup(e) {
+    const r = e, t = Y(z, void 0), a = q(""), i = q(""), n = oe("l-form-item"), d = y(() => `${n}-label`), o = y(() => `${n}-error`), s = y(() => `${n}-input`), m = y(() => r.required ? !0 : u().some((f) => f.required)), u = () => {
+      let l = r.rules || [];
+      if (typeof l == "object" && !Array.isArray(l) && (l = [l]), t != null && t.rules && r.prop) {
+        const f = t.rules[r.prop];
+        if (f) {
+          const V = Array.isArray(f) ? f : [f];
+          l = [...l, ...V];
+        }
+      }
+      return l;
+    }, c = async (l) => {
+      if (!r.prop) return;
+      const f = u().filter((g) => !l || !g.trigger ? !0 : Array.isArray(g.trigger) ? g.trigger.includes(l) : g.trigger === l);
+      if (f.length === 0) return;
+      a.value = "validating";
+      const V = { [r.prop]: f }, F = new le(V), _ = (t == null ? void 0 : t.model) || {};
+      try {
+        await F.validate({ [r.prop]: _[r.prop] }), a.value = "success", i.value = "";
+      } catch (g) {
+        throw a.value = "error", i.value = g[0].message, g;
+      }
+    }, b = () => {
+      a.value = "", i.value = "", t != null && t.model && r.prop;
+    }, A = () => {
+      a.value = "", i.value = "";
+    }, v = C({
+      ...M(r),
+      validate: c,
+      resetField: b,
+      clearValidate: A,
+      labelId: d.value,
+      errorId: o.value,
+      inputId: s.value
+    });
+    D(ae, v), J(() => {
+      r.prop && (t == null || t.addField(v)), w.value && r.labelLineHeight === void 0 && console.warn(
+        "[Routa] When label-justify is enabled, you should set label-line-height to ensure vertical alignment."
+      );
+    }), G(() => {
+      r.prop && (t == null || t.removeField(v));
+    });
+    const T = y(() => {
+      const l = r.labelWidth || (t == null ? void 0 : t.labelWidth), f = r.labelPosition || (t == null ? void 0 : t.labelPosition) || "right", V = t == null ? void 0 : t.inline;
+      if (f.startsWith("top")) return {};
+      const F = {};
+      V && !r.labelWidth ? F.width = "auto" : l && (F.width = typeof l == "number" ? `${l}px` : l);
+      const _ = r.labelLineHeight ?? (t == null ? void 0 : t.labelLineHeight);
+      return F["--l-form-item-label-line-height"] = (typeof _ == "number" ? `${_}px` : _) || "1em", F;
+    }), w = y(() => (r.labelPosition || (t == null ? void 0 : t.labelPosition) || "right") === "justify"), O = y(() => [
+      "l-form-item",
+      {
+        "is-error": a.value === "error",
+        "is-required": m.value,
+        "is-validating": a.value === "validating",
+        "is-success": a.value === "success",
+        "l-form-item--justify": w.value
+      }
+    ]);
+    return (l, f) => (h(), $("div", {
+      class: I(O.value)
+    }, [
+      e.label || l.$slots.label ? (h(), $("label", {
+        key: 0,
+        id: d.value,
+        for: s.value,
+        class: I(["l-form-item__label", { "l-form-item__label--justify": w.value }]),
+        style: Q(T.value)
+      }, [
+        x(l.$slots, "label", {}, () => [
+          X(L(e.label), 1)
+        ])
+      ], 14, me)) : j("", !0),
+      B("div", de, [
+        B("div", fe, [
+          x(l.$slots, "default")
+        ]),
+        Z(ee, { name: "l-fade" }, {
+          default: W(() => [
+            a.value === "error" && e.showMessage ? (h(), $("div", {
+              key: 0,
+              id: o.value,
+              class: "l-form-item__error"
+            }, L(i.value), 9, pe)) : j("", !0)
+          ]),
+          _: 1
+        })
+      ])
+    ], 2));
+  }
+}), he = ["onUpdate:modelValue", "name"], ye = /* @__PURE__ */ N({
+  __name: "FormSchemaFields",
+  props: {
+    model: {},
+    schema: {}
+  },
+  setup(e) {
+    const r = e, t = y(
+      () => r.schema.map((i) => {
+        const n = i.name ?? i.prop;
+        return n ? {
+          ...i,
+          name: String(n)
+        } : null;
+      }).filter((i) => i !== null)
+    ), a = (i) => {
+      var n;
+      return (n = i.render) == null ? void 0 : n.call(i, { model: r.model, field: i });
+    };
+    return (i, n) => (h(!0), $(te, null, re(t.value, (d) => (h(), k(H, {
+      key: d.name,
+      label: d.label,
+      prop: d.name
+    }, {
+      default: W(() => [
+        d.render ? (h(), k(se(a(d)), { key: 0 })) : ne((h(), $("input", {
+          key: 1,
+          "onUpdate:modelValue": (o) => e.model[d.name] = o,
+          class: "l-form__schema-input",
+          name: d.name
+        }, null, 8, he)), [
+          [ie, e.model[d.name]]
+        ])
+      ]),
+      _: 2
+    }, 1032, ["label", "prop"]))), 128));
+  }
+}), ge = /* @__PURE__ */ N({
+  __name: "Form",
+  props: {
+    model: {},
+    schema: {},
+    rules: {},
+    labelPosition: { default: "right" },
+    labelWidth: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    size: { default: "md" },
+    labelLineHeight: {},
+    inline: { type: Boolean }
+  },
+  setup(e, { expose: r }) {
+    const t = e, a = ce({
+      schema: t.schema
+    });
+    a.applyDefaults(t.model);
+    const i = [], n = (u) => {
+      u && i.push(u);
+    }, d = (u) => {
+      if (u.prop) {
+        const c = i.indexOf(u);
+        c > -1 && i.splice(c, 1);
+      }
+    }, o = async (u) => {
+      let c = !0, b = {};
+      for (const A of i)
+        try {
+          await A.validate();
+        } catch (v) {
+          c = !1, b = { ...b, ...v };
+        }
+      if (u && u(c, b), !c)
+        throw b;
+    }, s = () => {
+      i.forEach((u) => u.resetField());
+    }, m = (u) => {
+      i.forEach((c) => {
+        (!u || c.prop && u.includes(c.prop)) && c.clearValidate();
+      });
+    };
+    return D(z, C({
+      ...M(t),
+      addField: n,
+      removeField: d,
+      validate: o,
+      resetFields: s,
+      clearValidate: m
+    })), r({
+      validate: o,
+      resetFields: s,
+      clearValidate: m
+    }), (u, c) => (h(), $("form", {
+      class: I(["l-form", [
+        `l-form--label-${e.labelPosition === "top" ? "top-left" : e.labelPosition}`,
+        { "l-form--inline": e.inline }
+      ]])
+    }, [
+      E(a).fields.length > 0 ? (h(), k(ye, {
+        key: 0,
+        model: e.model,
+        schema: E(a).fields
+      }, null, 8, ["model", "schema"])) : x(u.$slots, "default", { key: 1 })
+    ], 2));
+  }
+}), P = ge, R = H;
+P.install = (e) => {
+  e.component("LForm", P);
+};
+R.install = (e) => {
+  e.component("LFormItem", R);
+};
+export {
+  ae as FORM_ITEM_KEY,
+  z as FORM_KEY,
+  P as LForm,
+  R as LFormItem
+};