@gspa/ui 0.1.4 → 0.2.0

package/dist/components/FormField.js

@@ -1,190 +1,4 @@
-import { computed as x, ref as E, resolveComponent as N, createElementBlock as s, openBlock as a, normalizeClass as r, unref as t, createCommentVNode as n, createElementVNode as h, createVNode as u, createTextVNode as P, toDisplayString as m, createBlock as I, renderSlot as F, Transition as b, withCtx as p } from "vue";
-import { cva as v } from "class-variance-authority";
-import { cn as o } from "../utils/cn.js";
-import M from "./DatePicker.js";
-const j = ["for"], H = {
-  key: 0,
-  class: "ui-danger ml-1",
-  "aria-label": "required"
-}, U = { class: "relative" }, A = ["aria-label"], G = ["id"], J = ["id"], R = {
-  __name: "FormField",
-  props: {
-    label: String,
-    description: String,
-    error: String,
-    success: String,
-    helpText: String,
-    required: { type: Boolean, default: !1 },
-    type: { type: String, default: "text" },
-    // Added type prop
-    modelValue: [String, Date],
-    size: {
-      type: String,
-      default: "md",
-      validator: (e) => ["sm", "md", "lg"].includes(e)
-    },
-    id: String
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: k }) {
-    const f = e, w = k, S = `field-${Math.random().toString(36).slice(2, 9)}`, i = x(() => `${f.id || S}-${Math.random().toString(36).slice(2, 5)}`), c = x(() => !!f.error), d = E(!1), g = () => {
-      d.value = !d.value;
-    }, $ = x(() => {
-      const l = [];
-      return f.error ? l.push(`${i.value}-error`) : f.helpText && l.push(`${i.value}-help`), l.length > 0 ? l.join(" ") : void 0;
-    }), q = v("ui-text", {
-      variants: {
-        size: {
-          sm: "space-y-1",
-          md: "space-y-2",
-          lg: "space-y-3"
-        }
-      },
-      defaultVariants: { size: "md" }
-    }), B = v("block ui-text", {
-      variants: {
-        size: {
-          sm: "text-xs font-medium",
-          md: "text-sm font-medium",
-          lg: "text-base font-medium"
-        }
-      },
-      defaultVariants: { size: "md" }
-    }), T = v("ui-text", {
-      variants: {
-        size: {
-          sm: "text-xs",
-          md: "text-sm",
-          lg: "text-base"
-        }
-      },
-      defaultVariants: { size: "md" }
-    }), z = v("flex items-start gap-2", {
-      variants: {
-        size: {
-          sm: "text-xs",
-          md: "text-sm",
-          lg: "text-sm"
-        },
-        intent: {
-          error: "ui-danger",
-          success: "ui-success"
-        }
-      },
-      defaultVariants: { size: "md", intent: "error" }
-    }), C = v("ui-text", {
-      variants: {
-        size: {
-          sm: "text-xs",
-          md: "text-sm",
-          lg: "text-sm"
-        }
-      },
-      defaultVariants: { size: "md" }
-    });
-    return (l, V) => {
-      const y = N("font-awesome-icon");
-      return a(), s("div", {
-        class: r(t(o)(t(q)({ size: e.size }), l.$attrs.class))
-      }, [
-        e.label ? (a(), s("label", {
-          key: 0,
-          for: i.value,
-          class: r(t(o)(t(B)({ size: e.size })))
-        }, [
-          P(m(e.label) + " ", 1),
-          e.required ? (a(), s("span", H, "*")) : n("", !0)
-        ], 10, j)) : n("", !0),
-        e.description ? (a(), s("p", {
-          key: 1,
-          class: r(t(o)(t(T)({ size: e.size })))
-        }, m(e.description), 3)) : n("", !0),
-        h("div", U, [
-          e.type === "date" ? (a(), I(M, {
-            key: 0,
-            id: i.value,
-            "model-value": e.modelValue,
-            disabled: !1,
-            required: e.required,
-            class: r(c.value ? "border-(--ui-danger)" : ""),
-            "onUpdate:modelValue": V[0] || (V[0] = (D) => w("update:modelValue", D))
-          }, null, 8, ["id", "model-value", "required", "class"])) : F(l.$slots, "default", {
-            key: 1,
-            fieldId: i.value,
-            hasError: c.value,
-            ariaDescribedBy: $.value,
-            showPassword: d.value,
-            togglePasswordVisibility: g
-          }),
-          e.type === "password" ? (a(), s("button", {
-            key: 2,
-            type: "button",
-            class: "absolute inset-y-0 right-0 pr-3 flex items-center ui-text hover:text-(--ui-text) transition-colors",
-            "aria-label": d.value ? "Hide password" : "Show password",
-            onClick: g
-          }, [
-            u(y, {
-              icon: d.value ? "eye-slash" : "eye",
-              class: "w-4 h-4"
-            }, null, 8, ["icon"])
-          ], 8, A)) : n("", !0)
-        ]),
-        u(b, {
-          "enter-active-class": "transition-all duration-200",
-          "enter-from-class": "opacity-0 -translate-y-1",
-          "enter-to-class": "opacity-100 translate-y-0",
-          "leave-active-class": "transition-all duration-150",
-          "leave-from-class": "opacity-100 translate-y-0",
-          "leave-to-class": "opacity-0 -translate-y-1"
-        }, {
-          default: p(() => [
-            c.value ? (a(), s("div", {
-              key: 0,
-              id: `${i.value}-error`,
-              class: r(t(o)(t(z)({ size: e.size, intent: "error" }))),
-              role: "alert",
-              "aria-live": "polite"
-            }, [
-              u(y, {
-                icon: "exclamation-triangle",
-                class: "w-4 h-4 shrink-0 mt-0.5"
-              }),
-              h("span", null, m(e.error), 1)
-            ], 10, G)) : n("", !0)
-          ]),
-          _: 1
-        }),
-        e.helpText && !c.value ? (a(), s("p", {
-          key: 2,
-          id: `${i.value}-help`,
-          class: r(t(o)(t(C)({ size: e.size })))
-        }, m(e.helpText), 11, J)) : n("", !0),
-        u(b, {
-          "enter-active-class": "transition-all duration-200",
-          "enter-from-class": "opacity-0 -translate-y-1",
-          "enter-to-class": "opacity-100 translate-y-0",
-          "leave-active-class": "transition-all duration-150",
-          "leave-from-class": "opacity-100 translate-y-0",
-          "leave-to-class": "opacity-0 -translate-y-1"
-        }, {
-          default: p(() => [
-            e.success && !c.value ? (a(), s("div", {
-              key: 0,
-              class: r(t(o)(t(z)({ size: e.size, intent: "success" })))
-            }, [
-              u(y, {
-                icon: "check",
-                class: "w-4 h-4 shrink-0 mt-0.5"
-              }),
-              h("span", null, m(e.success), 1)
-            ], 2)) : n("", !0)
-          ]),
-          _: 1
-        })
-      ], 2);
-    };
-  }
-};
+import { _ as f } from "../FormField.vue_vue_type_script_setup_true_lang-DimMUyA-.js";
 export {
-  R as default
+  f as default
 };

package/dist/components/GraphFilters.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),D=require("class-variance-authority"),$=require("../utils/cn.cjs"),m=require("./Button.cjs"),y=require("./Select.cjs"),u=require("./Icon.cjs"),q={class:"border-b"},A={key:0,class:"flex items-center gap-3 min-w-64"},R={class:"relative flex-1"},U={class:"relative flex-1"},L={key:1,class:"min-w-40"},M={class:"relative"},_={key:2,class:"min-w-40"},I={class:"relative"},P=["value"],j={key:3,class:"flex items-center gap-2"},G={class:"flex items-center gap-3 ml-auto"},O={class:"flex items-center gap-3 flex-wrap"},H=["onClick"],J={__name:"GraphFilters",props:{showDateFilter:{type:Boolean,default:!0},showChartTypeFilter:{type:Boolean,default:!0},showExport:{type:Boolean,default:!1},showRefresh:{type:Boolean,default:!0},dataSources:{type:Array,default:()=>[]},variant:{type:String,default:"default",validator:o=>["default","minimal","bordered"].includes(o)},padding:{type:String,default:"normal",validator:o=>["compact","normal","comfortable"].includes(o)}},emits:["update:dateFrom","update:dateTo","update:chartType","update:dataSource","export","refresh","clear-filters"],setup(o,{emit:h}){const d=o,i=h,r=e.ref(""),s=e.ref(""),c=e.ref("bar"),n=e.ref(""),x=D.cva("flex flex-wrap items-center gap-4",{variants:{variant:{default:"",minimal:"bg-transparent",bordered:""},padding:{compact:"px-4 py-3",normal:"px-6 py-4",comfortable:"px-8 py-6"}},defaultVariants:{variant:"default",padding:"normal"}}),C=e.computed(()=>r.value||s.value||n.value),p=e.computed(()=>{const l=[];if(r.value||s.value){let t="";r.value&&s.value?t=`${r.value} to ${s.value}`:r.value?t=`From ${r.value}`:s.value&&(t=`Until ${s.value}`),t&&l.push({key:"date",label:"Date Range",value:t,icon:"calendar"})}if(n.value){const t=d.dataSources.find(a=>a.value===n.value);l.push({key:"dataSource",label:"Data Source",value:t?.label||n.value,icon:"database"})}return l}),g=e.computed(()=>$.cn(x({variant:d.variant,padding:d.padding}))),v=e.computed(()=>"w-full pl-10 pr-3 py-2 border ui-border-strong  rounded-lg focus:outline-none focus:ring-2 focus:ring-(--ui-primary) focus:border-transparent text-sm ui-surface "),f=e.computed(()=>"w-full pr-8 appearance-none border ui-border-strong  rounded-lg focus:outline-none focus:ring-2 focus:ring-(--ui-primary) focus:border-transparent text-sm py-2 pl-3 ui-surface "),V=e.computed(()=>"ui-text hover:text-(--ui-text) border   hover:brightness-105 px-3 py-2 rounded-lg text-sm font-medium transition-all"),k=e.computed(()=>"ui-text ui-primary-bg hover:bg-(--ui-primary-strong) border border-(--ui-primary)  px-3 py-2 rounded-lg text-sm font-medium transition-all"),b=e.computed(()=>"ui-text hover:text-(--ui-text) border   hover:brightness-105 px-3 py-2 rounded-lg text-sm font-medium transition-all"),N=e.computed(()=>"px-6 py-3 ui-primary-soft border-t border-(--ui-primary-soft)"),B=e.computed(()=>"text-sm font-semibold ui-primary"),w=e.computed(()=>"flex items-center gap-1.5 ui-surface border border-(--ui-primary-soft) ui-primary px-3 py-1.5 rounded-full text-sm font-medium"),E=e.computed(()=>"ui-primary hover:text-(--ui-primary) ml-1 hover:bg-(--ui-primary-soft) rounded-full p-0.5 transition-all"),F=l=>{c.value=l.target.value,i("update:chartType",l.target.value)},S=l=>{n.value=l.target.value,i("update:dataSource",l.target.value)},T=()=>{r.value="",s.value="",n.value="",i("clear-filters")},z=l=>{switch(l){case"date":r.value="",s.value="";break;case"dataSource":n.value="";break}};return e.watch(()=>r.value,l=>{i("update:dateFrom",l)}),e.watch(()=>s.value,l=>{i("update:dateTo",l)}),(l,t)=>(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("div",{class:e.normalizeClass(g.value)},[o.showDateFilter?(e.openBlock(),e.createElementBlock("div",A,[e.createElementVNode("div",R,[e.createVNode(u.default,{icon:"calendar",class:"absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 ui-text"}),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":t[0]||(t[0]=a=>r.value=a),type:"date",class:e.normalizeClass(v.value),placeholder:"From date"},null,2),[[e.vModelText,r.value]])]),t[6]||(t[6]=e.createElementVNode("span",{class:"ui-text text-sm"},"to",-1)),e.createElementVNode("div",U,[e.createVNode(u.default,{icon:"calendar",class:"absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 ui-text"}),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":t[1]||(t[1]=a=>s.value=a),type:"date",class:e.normalizeClass(v.value),placeholder:"To date"},null,2),[[e.vModelText,s.value]])])])):e.createCommentVNode("",!0),o.showChartTypeFilter?(e.openBlock(),e.createElementBlock("div",L,[e.createElementVNode("div",M,[e.createVNode(y.default,{modelValue:c.value,"onUpdate:modelValue":t[2]||(t[2]=a=>c.value=a),class:e.normalizeClass(f.value),onChange:F},{default:e.withCtx(()=>[...t[7]||(t[7]=[e.createElementVNode("option",{value:"bar"}," Bar Chart ",-1),e.createElementVNode("option",{value:"line"}," Line Chart ",-1),e.createElementVNode("option",{value:"pie"}," Pie Chart ",-1)])]),_:1},8,["modelValue","class"]),e.createVNode(u.default,{icon:"chart-bar",class:"absolute right-2 top-1/2 transform -translate-y-1/2 w-4 h-4 ui-text pointer-events-none"})])])):e.createCommentVNode("",!0),o.dataSources.length>0?(e.openBlock(),e.createElementBlock("div",_,[e.createElementVNode("div",I,[e.createVNode(y.default,{modelValue:n.value,"onUpdate:modelValue":t[3]||(t[3]=a=>n.value=a),class:e.normalizeClass(f.value),onChange:S},{default:e.withCtx(()=>[t[8]||(t[8]=e.createElementVNode("option",{value:""}," All Sources ",-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.dataSources,a=>(e.openBlock(),e.createElementBlock("option",{key:a.value,value:a.value},e.toDisplayString(a.label),9,P))),128))]),_:1},8,["modelValue","class"]),e.createVNode(u.default,{icon:"database",class:"absolute right-2 top-1/2 transform -translate-y-1/2 w-4 h-4 ui-text pointer-events-none"})])])):e.createCommentVNode("",!0),l.$slots.filters?(e.openBlock(),e.createElementBlock("div",j,[e.renderSlot(l.$slots,"filters")])):e.createCommentVNode("",!0),e.createElementVNode("div",G,[C.value?(e.openBlock(),e.createBlock(m.default,{key:0,class:e.normalizeClass(V.value),onClick:T},{default:e.withCtx(()=>[e.createVNode(u.default,{icon:"rotate-left",class:"w-4 h-4 mr-2"}),t[9]||(t[9]=e.createTextVNode(" Clear Filters ",-1))]),_:1},8,["class"])):e.createCommentVNode("",!0),o.showExport?(e.openBlock(),e.createBlock(m.default,{key:1,class:e.normalizeClass(k.value),onClick:t[4]||(t[4]=a=>l.$emit("export"))},{default:e.withCtx(()=>[e.createVNode(u.default,{icon:"download",class:"w-4 h-4 mr-2"}),t[10]||(t[10]=e.createTextVNode(" Export ",-1))]),_:1},8,["class"])):e.createCommentVNode("",!0),o.showRefresh?(e.openBlock(),e.createBlock(m.default,{key:2,class:e.normalizeClass(b.value),onClick:t[5]||(t[5]=a=>l.$emit("refresh"))},{default:e.withCtx(()=>[e.createVNode(u.default,{icon:"sync",class:"w-4 h-4 mr-2"}),t[11]||(t[11]=e.createTextVNode(" Refresh ",-1))]),_:1},8,["class"])):e.createCommentVNode("",!0)])],2),p.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(N.value)},[e.createElementVNode("div",O,[e.createElementVNode("span",{class:e.normalizeClass(B.value)},"Active filters:",2),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,a=>(e.openBlock(),e.createElementBlock("div",{key:a.key,class:e.normalizeClass(w.value)},[e.createVNode(u.default,{icon:a.icon,class:"w-3 h-3"},null,8,["icon"]),e.createElementVNode("span",null,e.toDisplayString(a.label)+": "+e.toDisplayString(a.value),1),e.createElementVNode("button",{class:e.normalizeClass(E.value),onClick:K=>z(a.key)},[e.createVNode(u.default,{icon:"circle-xmark",class:"w-3 h-3"})],10,H)],2))),128))])],2)):e.createCommentVNode("",!0)]))}};exports.default=J;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),z=require("class-variance-authority"),D=require("../utils/cn.cjs"),m=require("../Button.vue_vue_type_script_setup_true_lang-DZxttvYH.cjs"),y=require("./Select.cjs"),u=require("./Icon.cjs"),$={class:"border-b"},q={key:0,class:"flex items-center gap-3 min-w-64"},A={class:"relative flex-1"},R={class:"relative flex-1"},U={key:1,class:"min-w-40"},L={class:"relative"},M={key:2,class:"min-w-40"},I={class:"relative"},P=["value"],j={key:3,class:"flex items-center gap-2"},G={class:"flex items-center gap-3 ml-auto"},O={class:"flex items-center gap-3 flex-wrap"},H=["onClick"],J={__name:"GraphFilters",props:{showDateFilter:{type:Boolean,default:!0},showChartTypeFilter:{type:Boolean,default:!0},showExport:{type:Boolean,default:!1},showRefresh:{type:Boolean,default:!0},dataSources:{type:Array,default:()=>[]},variant:{type:String,default:"default",validator:o=>["default","minimal","bordered"].includes(o)},padding:{type:String,default:"normal",validator:o=>["compact","normal","comfortable"].includes(o)}},emits:["update:dateFrom","update:dateTo","update:chartType","update:dataSource","export","refresh","clear-filters"],setup(o,{emit:h}){const c=o,i=h,r=e.ref(""),s=e.ref(""),d=e.ref("bar"),n=e.ref(""),g=z.cva("flex flex-wrap items-center gap-4",{variants:{variant:{default:"",minimal:"bg-transparent",bordered:""},padding:{compact:"px-4 py-3",normal:"px-6 py-4",comfortable:"px-8 py-6"}},defaultVariants:{variant:"default",padding:"normal"}}),x=e.computed(()=>r.value||s.value||n.value),p=e.computed(()=>{const l=[];if(r.value||s.value){let t="";r.value&&s.value?t=`${r.value} to ${s.value}`:r.value?t=`From ${r.value}`:s.value&&(t=`Until ${s.value}`),t&&l.push({key:"date",label:"Date Range",value:t,icon:"calendar"})}if(n.value){const t=c.dataSources.find(a=>a.value===n.value);l.push({key:"dataSource",label:"Data Source",value:t?.label||n.value,icon:"database"})}return l}),C=e.computed(()=>D.cn(g({variant:c.variant,padding:c.padding}))),v=e.computed(()=>"w-full pl-10 pr-3 py-2 border ui-border-strong  rounded-lg focus:outline-none focus:ring-2 focus:ring-(--ui-primary) focus:border-transparent text-sm ui-surface "),f=e.computed(()=>"w-full pr-8 appearance-none border ui-border-strong  rounded-lg focus:outline-none focus:ring-2 focus:ring-(--ui-primary) focus:border-transparent text-sm py-2 pl-3 ui-surface "),V=e.computed(()=>"ui-text hover:text-(--ui-text) border   hover:brightness-105 px-3 py-2 rounded-lg text-sm font-medium transition-all"),k=e.computed(()=>"ui-text ui-primary-bg hover:bg-(--ui-primary-strong) border border-(--ui-primary)  px-3 py-2 rounded-lg text-sm font-medium transition-all"),b=e.computed(()=>"ui-text hover:text-(--ui-text) border   hover:brightness-105 px-3 py-2 rounded-lg text-sm font-medium transition-all"),N=e.computed(()=>"px-6 py-3 ui-primary-soft border-t border-(--ui-primary-soft)"),B=e.computed(()=>"text-sm font-semibold ui-primary"),w=e.computed(()=>"flex items-center gap-1.5 ui-surface border border-(--ui-primary-soft) ui-primary px-3 py-1.5 rounded-full text-sm font-medium"),E=e.computed(()=>"ui-primary hover:text-(--ui-primary) ml-1 hover:bg-(--ui-primary-soft) rounded-full p-0.5 transition-all"),F=l=>{d.value=l.target.value,i("update:chartType",l.target.value)},S=l=>{n.value=l.target.value,i("update:dataSource",l.target.value)},T=()=>{r.value="",s.value="",n.value="",i("clear-filters")},_=l=>{switch(l){case"date":r.value="",s.value="";break;case"dataSource":n.value="";break}};return e.watch(()=>r.value,l=>{i("update:dateFrom",l)}),e.watch(()=>s.value,l=>{i("update:dateTo",l)}),(l,t)=>(e.openBlock(),e.createElementBlock("div",$,[e.createElementVNode("div",{class:e.normalizeClass(C.value)},[o.showDateFilter?(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("div",A,[e.createVNode(u.default,{icon:"calendar",class:"absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 ui-text"}),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":t[0]||(t[0]=a=>r.value=a),type:"date",class:e.normalizeClass(v.value),placeholder:"From date"},null,2),[[e.vModelText,r.value]])]),t[6]||(t[6]=e.createElementVNode("span",{class:"ui-text text-sm"},"to",-1)),e.createElementVNode("div",R,[e.createVNode(u.default,{icon:"calendar",class:"absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 ui-text"}),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":t[1]||(t[1]=a=>s.value=a),type:"date",class:e.normalizeClass(v.value),placeholder:"To date"},null,2),[[e.vModelText,s.value]])])])):e.createCommentVNode("",!0),o.showChartTypeFilter?(e.openBlock(),e.createElementBlock("div",U,[e.createElementVNode("div",L,[e.createVNode(y.default,{modelValue:d.value,"onUpdate:modelValue":t[2]||(t[2]=a=>d.value=a),class:e.normalizeClass(f.value),onChange:F},{default:e.withCtx(()=>[...t[7]||(t[7]=[e.createElementVNode("option",{value:"bar"}," Bar Chart ",-1),e.createElementVNode("option",{value:"line"}," Line Chart ",-1),e.createElementVNode("option",{value:"pie"}," Pie Chart ",-1)])]),_:1},8,["modelValue","class"]),e.createVNode(u.default,{icon:"chart-bar",class:"absolute right-2 top-1/2 transform -translate-y-1/2 w-4 h-4 ui-text pointer-events-none"})])])):e.createCommentVNode("",!0),o.dataSources.length>0?(e.openBlock(),e.createElementBlock("div",M,[e.createElementVNode("div",I,[e.createVNode(y.default,{modelValue:n.value,"onUpdate:modelValue":t[3]||(t[3]=a=>n.value=a),class:e.normalizeClass(f.value),onChange:S},{default:e.withCtx(()=>[t[8]||(t[8]=e.createElementVNode("option",{value:""}," All Sources ",-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.dataSources,a=>(e.openBlock(),e.createElementBlock("option",{key:a.value,value:a.value},e.toDisplayString(a.label),9,P))),128))]),_:1},8,["modelValue","class"]),e.createVNode(u.default,{icon:"database",class:"absolute right-2 top-1/2 transform -translate-y-1/2 w-4 h-4 ui-text pointer-events-none"})])])):e.createCommentVNode("",!0),l.$slots.filters?(e.openBlock(),e.createElementBlock("div",j,[e.renderSlot(l.$slots,"filters")])):e.createCommentVNode("",!0),e.createElementVNode("div",G,[x.value?(e.openBlock(),e.createBlock(m._sfc_main,{key:0,class:e.normalizeClass(V.value),onClick:T},{default:e.withCtx(()=>[e.createVNode(u.default,{icon:"rotate-left",class:"w-4 h-4 mr-2"}),t[9]||(t[9]=e.createTextVNode(" Clear Filters ",-1))]),_:1},8,["class"])):e.createCommentVNode("",!0),o.showExport?(e.openBlock(),e.createBlock(m._sfc_main,{key:1,class:e.normalizeClass(k.value),onClick:t[4]||(t[4]=a=>l.$emit("export"))},{default:e.withCtx(()=>[e.createVNode(u.default,{icon:"download",class:"w-4 h-4 mr-2"}),t[10]||(t[10]=e.createTextVNode(" Export ",-1))]),_:1},8,["class"])):e.createCommentVNode("",!0),o.showRefresh?(e.openBlock(),e.createBlock(m._sfc_main,{key:2,class:e.normalizeClass(b.value),onClick:t[5]||(t[5]=a=>l.$emit("refresh"))},{default:e.withCtx(()=>[e.createVNode(u.default,{icon:"sync",class:"w-4 h-4 mr-2"}),t[11]||(t[11]=e.createTextVNode(" Refresh ",-1))]),_:1},8,["class"])):e.createCommentVNode("",!0)])],2),p.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(N.value)},[e.createElementVNode("div",O,[e.createElementVNode("span",{class:e.normalizeClass(B.value)},"Active filters:",2),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,a=>(e.openBlock(),e.createElementBlock("div",{key:a.key,class:e.normalizeClass(w.value)},[e.createVNode(u.default,{icon:a.icon,class:"w-3 h-3"},null,8,["icon"]),e.createElementVNode("span",null,e.toDisplayString(a.label)+": "+e.toDisplayString(a.value),1),e.createElementVNode("button",{class:e.normalizeClass(E.value),onClick:K=>_(a.key)},[e.createVNode(u.default,{icon:"circle-xmark",class:"w-3 h-3"})],10,H)],2))),128))])],2)):e.createCommentVNode("",!0)]))}};exports.default=J;

package/dist/components/GraphFilters.js

@@ -1,7 +1,7 @@
-import { ref as h, computed as s, watch as $, createElementBlock as c, openBlock as r, createElementVNode as l, createCommentVNode as m, normalizeClass as o, createVNode as d, withDirectives as T, vModelText as B, withCtx as y, Fragment as D, renderList as E, toDisplayString as b, renderSlot as O, createBlock as C, createTextVNode as w } from "vue";
+import { ref as h, computed as r, watch as $, createElementBlock as c, openBlock as s, createElementVNode as l, createCommentVNode as m, normalizeClass as o, createVNode as d, withDirectives as T, vModelText as B, withCtx as y, Fragment as D, renderList as E, toDisplayString as b, renderSlot as O, createBlock as C, createTextVNode as w } from "vue";
 import { cva as Q } from "class-variance-authority";
 import { cn as W } from "../utils/cn.js";
-import k from "./Button.js";
+import { _ as k } from "../Button.vue_vue_type_script_setup_true_lang-B3TkBTvG.js";
 import R from "./Select.js";
 import v from "./Icon.js";
 const X = { class: "border-b" }, Y = {
@@ -13,7 +13,7 @@ const X = { class: "border-b" }, Y = {
 }, ae = { class: "relative" }, le = {
   key: 2,
   class: "min-w-40"
-}, re = { class: "relative" }, se = ["value"], oe = {
+}, se = { class: "relative" }, re = ["value"], oe = {
   key: 3,
   class: "flex items-center gap-2"
 }, ne = { class: "flex items-center gap-3 ml-auto" }, ie = { class: "flex items-center gap-3 flex-wrap" }, ue = ["onClick"], he = {
@@ -77,7 +77,7 @@ const X = { class: "border-b" }, Y = {
         variant: "default",
         padding: "normal"
       }
-    }), N = s(() => i.value || u.value || p.value), F = s(() => {
+    }), N = r(() => i.value || u.value || p.value), F = r(() => {
       const a = [];
       if (i.value || u.value) {
         let e = "";
@@ -98,28 +98,28 @@ const X = { class: "border-b" }, Y = {
         });
       }
       return a;
-    }), L = s(
+    }), _ = r(
       () => W(A({
         variant: g.variant,
         padding: g.padding
       }))
-    ), S = s(
+    ), S = r(
       () => "w-full pl-10 pr-3 py-2 border ui-border-strong  rounded-lg focus:outline-none focus:ring-2 focus:ring-(--ui-primary) focus:border-transparent text-sm ui-surface "
-    ), V = s(
+    ), V = r(
       () => "w-full pr-8 appearance-none border ui-border-strong  rounded-lg focus:outline-none focus:ring-2 focus:ring-(--ui-primary) focus:border-transparent text-sm py-2 pl-3 ui-surface "
-    ), _ = s(
+    ), L = r(
       () => "ui-text hover:text-(--ui-text) border   hover:brightness-105 px-3 py-2 rounded-lg text-sm font-medium transition-all"
-    ), z = s(
+    ), z = r(
       () => "ui-text ui-primary-bg hover:bg-(--ui-primary-strong) border border-(--ui-primary)  px-3 py-2 rounded-lg text-sm font-medium transition-all"
-    ), G = s(
+    ), G = r(
       () => "ui-text hover:text-(--ui-text) border   hover:brightness-105 px-3 py-2 rounded-lg text-sm font-medium transition-all"
-    ), I = s(
+    ), I = r(
       () => "px-6 py-3 ui-primary-soft border-t border-(--ui-primary-soft)"
-    ), M = s(
+    ), M = r(
       () => "text-sm font-semibold ui-primary"
-    ), P = s(
+    ), P = r(
       () => "flex items-center gap-1.5 ui-surface border border-(--ui-primary-soft) ui-primary px-3 py-1.5 rounded-full text-sm font-medium"
-    ), j = s(
+    ), j = r(
       () => "ui-primary hover:text-(--ui-primary) ml-1 hover:bg-(--ui-primary-soft) rounded-full p-0.5 transition-all"
     ), q = (a) => {
       x.value = a.target.value, f("update:chartType", a.target.value);
@@ -141,11 +141,11 @@ const X = { class: "border-b" }, Y = {
       f("update:dateFrom", a);
     }), $(() => u.value, (a) => {
       f("update:dateTo", a);
-    }), (a, e) => (r(), c("div", X, [
+    }), (a, e) => (s(), c("div", X, [
       l("div", {
-        class: o(L.value)
+        class: o(_.value)
       }, [
-        n.showDateFilter ? (r(), c("div", Y, [
+        n.showDateFilter ? (s(), c("div", Y, [
           l("div", Z, [
             d(v, {
               icon: "calendar",
@@ -176,7 +176,7 @@ const X = { class: "border-b" }, Y = {
             ])
           ])
         ])) : m("", !0),
-        n.showChartTypeFilter ? (r(), c("div", te, [
+        n.showChartTypeFilter ? (s(), c("div", te, [
           l("div", ae, [
             d(R, {
               modelValue: x.value,
@@ -197,8 +197,8 @@ const X = { class: "border-b" }, Y = {
             })
           ])
         ])) : m("", !0),
-        n.dataSources.length > 0 ? (r(), c("div", le, [
-          l("div", re, [
+        n.dataSources.length > 0 ? (s(), c("div", le, [
+          l("div", se, [
             d(R, {
               modelValue: p.value,
               "onUpdate:modelValue": e[3] || (e[3] = (t) => p.value = t),
@@ -207,10 +207,10 @@ const X = { class: "border-b" }, Y = {
             }, {
               default: y(() => [
                 e[8] || (e[8] = l("option", { value: "" }, " All Sources ", -1)),
-                (r(!0), c(D, null, E(n.dataSources, (t) => (r(), c("option", {
+                (s(!0), c(D, null, E(n.dataSources, (t) => (s(), c("option", {
                   key: t.value,
                   value: t.value
-                }, b(t.label), 9, se))), 128))
+                }, b(t.label), 9, re))), 128))
               ]),
               _: 1
             }, 8, ["modelValue", "class"]),
@@ -220,13 +220,13 @@ const X = { class: "border-b" }, Y = {
             })
           ])
         ])) : m("", !0),
-        a.$slots.filters ? (r(), c("div", oe, [
+        a.$slots.filters ? (s(), c("div", oe, [
           O(a.$slots, "filters")
         ])) : m("", !0),
         l("div", ne, [
-          N.value ? (r(), C(k, {
+          N.value ? (s(), C(k, {
             key: 0,
-            class: o(_.value),
+            class: o(L.value),
             onClick: J
           }, {
             default: y(() => [
@@ -238,7 +238,7 @@ const X = { class: "border-b" }, Y = {
             ]),
             _: 1
           }, 8, ["class"])) : m("", !0),
-          n.showExport ? (r(), C(k, {
+          n.showExport ? (s(), C(k, {
             key: 1,
             class: o(z.value),
             onClick: e[4] || (e[4] = (t) => a.$emit("export"))
@@ -252,7 +252,7 @@ const X = { class: "border-b" }, Y = {
             ]),
             _: 1
           }, 8, ["class"])) : m("", !0),
-          n.showRefresh ? (r(), C(k, {
+          n.showRefresh ? (s(), C(k, {
             key: 2,
             class: o(G.value),
             onClick: e[5] || (e[5] = (t) => a.$emit("refresh"))
@@ -268,7 +268,7 @@ const X = { class: "border-b" }, Y = {
           }, 8, ["class"])) : m("", !0)
         ])
       ], 2),
-      F.value.length > 0 ? (r(), c("div", {
+      F.value.length > 0 ? (s(), c("div", {
         key: 0,
         class: o(I.value)
       }, [
@@ -276,7 +276,7 @@ const X = { class: "border-b" }, Y = {
           l("span", {
             class: o(M.value)
           }, "Active filters:", 2),
-          (r(!0), c(D, null, E(F.value, (t) => (r(), c("div", {
+          (s(!0), c(D, null, E(F.value, (t) => (s(), c("div", {
             key: t.key,
             class: o(P.value)
           }, [

package/dist/components/Icon.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@fortawesome/vue-fontawesome"),c={__name:"Icon",props:{icon:{type:String,default:null},name:{type:String,default:null},prefix:{type:String,default:"fa"},size:{type:String,default:"md"},color:String,ariaLabel:String},setup(l){const t=l,a=e.computed(()=>t.icon||t.name),n=e.computed(()=>({xs:"xs",sm:"sm",md:"lg",lg:"xl",xl:"2x",xxl:"3x"})[t.size]||"lg"),o=e.computed(()=>t.color?t.color.startsWith("text-")?t.color:`text-${t.color}`:"text-current"),r=e.computed(()=>[o.value,"inline-block"]);return(i,u)=>a.value?(e.openBlock(),e.createBlock(e.unref(s.FontAwesomeIcon),{key:0,icon:[l.prefix,a.value],size:n.value,class:e.normalizeClass(r.value),"aria-hidden":!l.ariaLabel,"aria-label":l.ariaLabel,role:l.ariaLabel?"img":void 0},null,8,["icon","size","class","aria-hidden","aria-label","role"])):e.createCommentVNode("",!0)}};exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@fortawesome/vue-fontawesome"),d=require("../lib/icon.cjs"),m={__name:"Icon",props:{icon:{type:String,default:null},name:{type:String,default:null},prefix:{type:String,default:"fa"},size:{type:String,default:"md"},color:String,ariaLabel:String},setup(a){const l=a,n=e.computed(()=>l.icon||l.name),t=e.inject(d.ICON_ADAPTER_KEY,null),r=e.computed(()=>typeof t!="function"||!n.value?null:t({name:n.value,prefix:l.prefix})),o=e.computed(()=>({xs:"xs",sm:"sm",md:"lg",lg:"xl",xl:"2x",xxl:"3x"})[l.size]||"lg"),c=e.computed(()=>l.color?l.color.startsWith("text-")?l.color:`text-${l.color}`:"text-current"),i=e.computed(()=>[c.value,"inline-block"]);return(u,f)=>r.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.value),{key:0,class:e.normalizeClass(i.value),"aria-hidden":!a.ariaLabel,"aria-label":a.ariaLabel,role:a.ariaLabel?"img":void 0},null,8,["class","aria-hidden","aria-label","role"])):n.value?(e.openBlock(),e.createBlock(e.unref(s.FontAwesomeIcon),{key:1,icon:[a.prefix,n.value],size:o.value,class:e.normalizeClass(i.value),"aria-hidden":!a.ariaLabel,"aria-label":a.ariaLabel,role:a.ariaLabel?"img":void 0},null,8,["icon","size","class","aria-hidden","aria-label","role"])):e.createCommentVNode("",!0)}};exports.default=m;

package/dist/components/Icon.js

@@ -1,6 +1,7 @@
-import { computed as l, createBlock as s, createCommentVNode as c, openBlock as u, unref as m, normalizeClass as d } from "vue";
-import { FontAwesomeIcon as f } from "@fortawesome/vue-fontawesome";
-const z = {
+import { computed as l, inject as f, createBlock as o, createCommentVNode as x, openBlock as c, resolveDynamicComponent as b, normalizeClass as s, unref as v } from "vue";
+import { FontAwesomeIcon as g } from "@fortawesome/vue-fontawesome";
+import { ICON_ADAPTER_KEY as p } from "../lib/icon.js";
+const h = {
   __name: "Icon",
   props: {
     icon: {
@@ -22,8 +23,8 @@ const z = {
     color: String,
     ariaLabel: String
   },
-  setup(a) {
-    const e = a, t = l(() => e.icon || e.name), r = l(() => ({
+  setup(e) {
+    const a = e, n = l(() => a.icon || a.name), r = f(p, null), i = l(() => typeof r != "function" || !n.value ? null : r({ name: n.value, prefix: a.prefix })), u = l(() => ({
       xs: "xs",
       sm: "sm",
       md: "lg",
@@ -31,21 +32,27 @@ const z = {
       lg: "xl",
       xl: "2x",
       xxl: "3x"
-    })[e.size] || "lg"), n = l(() => e.color ? e.color.startsWith("text-") ? e.color : `text-${e.color}` : "text-current"), o = l(() => [
-      n.value,
+    })[a.size] || "lg"), d = l(() => a.color ? a.color.startsWith("text-") ? a.color : `text-${a.color}` : "text-current"), t = l(() => [
+      d.value,
       "inline-block"
     ]);
-    return (i, x) => t.value ? (u(), s(m(f), {
+    return (m, y) => i.value ? (c(), o(b(i.value), {
       key: 0,
-      icon: [a.prefix, t.value],
-      size: r.value,
-      class: d(o.value),
-      "aria-hidden": !a.ariaLabel,
-      "aria-label": a.ariaLabel,
-      role: a.ariaLabel ? "img" : void 0
-    }, null, 8, ["icon", "size", "class", "aria-hidden", "aria-label", "role"])) : c("", !0);
+      class: s(t.value),
+      "aria-hidden": !e.ariaLabel,
+      "aria-label": e.ariaLabel,
+      role: e.ariaLabel ? "img" : void 0
+    }, null, 8, ["class", "aria-hidden", "aria-label", "role"])) : n.value ? (c(), o(v(g), {
+      key: 1,
+      icon: [e.prefix, n.value],
+      size: u.value,
+      class: s(t.value),
+      "aria-hidden": !e.ariaLabel,
+      "aria-label": e.ariaLabel,
+      role: e.ariaLabel ? "img" : void 0
+    }, null, 8, ["icon", "size", "class", "aria-hidden", "aria-label", "role"])) : x("", !0);
   }
 };
 export {
-  z as default
+  h as default
 };

package/dist/components/Input.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),k=require("./Icon.cjs"),x={class:"relative"},B={key:0,class:"absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none"},C=["id","type","value","placeholder","disabled","readonly","required","autocomplete","aria-describedby","aria-invalid"],S={key:1,class:"absolute right-3 top-1/2 transform -translate-y-1/2"},w=["aria-label"],z={__name:"Input",props:{modelValue:{type:[String,Number],default:""},type:{type:String,default:"text",validator:t=>["text","email","password","number","tel","url","search","date","time","color","file"].includes(t)},placeholder:{type:String,default:""},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},size:{type:String,default:"md",validator:t=>["sm","md","lg"].includes(t)},variant:{type:String,default:"default",validator:t=>["default","error","success"].includes(t)},iconLeft:{type:[String,Object],default:null},iconRight:{type:[String,Object],default:null},clearable:{type:Boolean,default:!1},clearLabel:{type:String,default:"Clear input"},autocomplete:{type:String,default:null},error:{type:String,default:null},id:{type:String,default:null}},emits:["update:modelValue","blur","focus","clear","keydown"],setup(t,{expose:s,emit:c}){const l=t,o=c,r=e.ref(null),n=e.computed(()=>l.id||e.useId()),i=a=>{o("update:modelValue",a.target.value)},d=a=>{o("blur",a)},f=a=>{o("focus",a)},m=a=>{o("keydown",a)},y=()=>{o("update:modelValue",""),o("clear"),r.value?.focus()},p=e.computed(()=>!!l.error||l.variant==="error"),b=e.computed(()=>{if(l.error)return`${n.value}-error`}),v=e.computed(()=>({sm:"px-3 py-1.5 text-sm",md:"px-3 py-2 text-sm",lg:"px-4 py-3 text-base"})[l.size]),g=e.computed(()=>({default:"ui-border-strong focus:border-(--ui-primary) focus:ring-(--ui-primary)",error:"border-(--ui-danger-soft) focus:border-(--ui-danger) focus:ring-(--ui-danger)",success:"border-(--ui-success-soft) focus:border-(--ui-success) focus:ring-(--ui-success)"})[l.variant]),u=e.computed(()=>["ui-text",{sm:"w-4 h-4",md:"w-4 h-4",lg:"w-5 h-5"}[l.size]]),h=e.computed(()=>["block rounded-lg border ui-surface   transition-colors duration-200","focus:outline-none focus:ring-2 focus:ring-offset-0","disabled:bg-(--ui-surface) disabled:text-(--ui-text) disabled:cursor-not-allowed","placeholder:text-(--ui-text-muted)",l.type==="color"?"w-20 h-12 cursor-pointer":"w-full",v.value,g.value,{"pl-10":l.iconLeft,"pr-10":l.iconRight||l.clearable}]);return s({focus:()=>r.value?.focus(),blur:()=>r.value?.blur(),select:()=>r.value?.select()}),(a,V)=>(e.openBlock(),e.createElementBlock("div",x,[t.iconLeft?(e.openBlock(),e.createElementBlock("div",B,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.iconLeft),{class:e.normalizeClass(u.value)},null,8,["class"]))])):e.createCommentVNode("",!0),e.createElementVNode("input",{id:n.value,ref_key:"inputRef",ref:r,type:t.type,value:t.modelValue,placeholder:t.placeholder,disabled:t.disabled,readonly:t.readonly,required:t.required,autocomplete:t.autocomplete,class:e.normalizeClass(h.value),"aria-describedby":b.value,"aria-invalid":p.value,onInput:i,onBlur:d,onFocus:f,onKeydown:m},null,42,C),t.iconRight||t.clearable?(e.openBlock(),e.createElementBlock("div",S,[t.clearable&&t.modelValue&&!t.disabled?(e.openBlock(),e.createElementBlock("button",{key:0,class:"ui-text hover:text-(--ui-text) transition-colors",type:"button","aria-label":t.clearLabel,onClick:y},[e.createVNode(k.default,{name:"x",class:"w-5 h-5"})],8,w)):t.iconRight?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.iconRight),{key:1,class:e.normalizeClass(u.value)},null,8,["class"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]))}};exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Input.vue_vue_type_script_setup_true_lang-C1OQn24h.cjs");exports.default=e._sfc_main;

package/dist/components/Input.js

@@ -1,166 +1,4 @@
-import { ref as z, computed as a, useId as V, createElementBlock as s, openBlock as o, createCommentVNode as u, createElementVNode as R, createBlock as f, resolveDynamicComponent as m, normalizeClass as i, createVNode as L } from "vue";
-import I from "./Icon.js";
-const q = { class: "relative" }, N = {
-  key: 0,
-  class: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none"
-}, E = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "autocomplete", "aria-describedby", "aria-invalid"], j = {
-  key: 1,
-  class: "absolute right-3 top-1/2 transform -translate-y-1/2"
-}, D = ["aria-label"], $ = {
-  __name: "Input",
-  props: {
-    modelValue: {
-      type: [String, Number],
-      default: ""
-    },
-    type: {
-      type: String,
-      default: "text",
-      validator: (e) => ["text", "email", "password", "number", "tel", "url", "search", "date", "time", "color", "file"].includes(e)
-    },
-    placeholder: {
-      type: String,
-      default: ""
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    readonly: {
-      type: Boolean,
-      default: !1
-    },
-    required: {
-      type: Boolean,
-      default: !1
-    },
-    size: {
-      type: String,
-      default: "md",
-      validator: (e) => ["sm", "md", "lg"].includes(e)
-    },
-    variant: {
-      type: String,
-      default: "default",
-      validator: (e) => ["default", "error", "success"].includes(e)
-    },
-    iconLeft: {
-      type: [String, Object],
-      default: null
-    },
-    iconRight: {
-      type: [String, Object],
-      default: null
-    },
-    clearable: {
-      type: Boolean,
-      default: !1
-    },
-    clearLabel: {
-      type: String,
-      default: "Clear input"
-    },
-    autocomplete: {
-      type: String,
-      default: null
-    },
-    error: {
-      type: String,
-      default: null
-    },
-    id: {
-      type: String,
-      default: null
-    }
-  },
-  emits: ["update:modelValue", "blur", "focus", "clear", "keydown"],
-  setup(e, { expose: y, emit: b }) {
-    const t = e, r = b, n = z(null), c = a(() => t.id || V()), p = (l) => {
-      r("update:modelValue", l.target.value);
-    }, v = (l) => {
-      r("blur", l);
-    }, g = (l) => {
-      r("focus", l);
-    }, h = (l) => {
-      r("keydown", l);
-    }, x = () => {
-      r("update:modelValue", ""), r("clear"), n.value?.focus();
-    }, S = a(() => !!t.error || t.variant === "error"), k = a(() => {
-      if (t.error) return `${c.value}-error`;
-    }), w = a(() => ({
-      sm: "px-3 py-1.5 text-sm",
-      md: "px-3 py-2 text-sm",
-      lg: "px-4 py-3 text-base"
-    })[t.size]), B = a(() => ({
-      default: "ui-border-strong focus:border-(--ui-primary) focus:ring-(--ui-primary)",
-      error: "border-(--ui-danger-soft) focus:border-(--ui-danger) focus:ring-(--ui-danger)",
-      success: "border-(--ui-success-soft) focus:border-(--ui-success) focus:ring-(--ui-success)"
-    })[t.variant]), d = a(() => ["ui-text", {
-      sm: "w-4 h-4",
-      md: "w-4 h-4",
-      lg: "w-5 h-5"
-    }[t.size]]), C = a(() => [
-      "block rounded-lg border ui-surface   transition-colors duration-200",
-      "focus:outline-none focus:ring-2 focus:ring-offset-0",
-      "disabled:bg-(--ui-surface) disabled:text-(--ui-text) disabled:cursor-not-allowed",
-      "placeholder:text-(--ui-text-muted)",
-      t.type === "color" ? "w-20 h-12 cursor-pointer" : "w-full",
-      w.value,
-      B.value,
-      {
-        "pl-10": t.iconLeft,
-        "pr-10": t.iconRight || t.clearable
-      }
-    ]);
-    return y({
-      focus: () => n.value?.focus(),
-      blur: () => n.value?.blur(),
-      select: () => n.value?.select()
-    }), (l, F) => (o(), s("div", q, [
-      e.iconLeft ? (o(), s("div", N, [
-        (o(), f(m(e.iconLeft), {
-          class: i(d.value)
-        }, null, 8, ["class"]))
-      ])) : u("", !0),
-      R("input", {
-        id: c.value,
-        ref_key: "inputRef",
-        ref: n,
-        type: e.type,
-        value: e.modelValue,
-        placeholder: e.placeholder,
-        disabled: e.disabled,
-        readonly: e.readonly,
-        required: e.required,
-        autocomplete: e.autocomplete,
-        class: i(C.value),
-        "aria-describedby": k.value,
-        "aria-invalid": S.value,
-        onInput: p,
-        onBlur: v,
-        onFocus: g,
-        onKeydown: h
-      }, null, 42, E),
-      e.iconRight || e.clearable ? (o(), s("div", j, [
-        e.clearable && e.modelValue && !e.disabled ? (o(), s("button", {
-          key: 0,
-          class: "ui-text hover:text-(--ui-text) transition-colors",
-          type: "button",
-          "aria-label": e.clearLabel,
-          onClick: x
-        }, [
-          L(I, {
-            name: "x",
-            class: "w-5 h-5"
-          })
-        ], 8, D)) : e.iconRight ? (o(), f(m(e.iconRight), {
-          key: 1,
-          class: i(d.value)
-        }, null, 8, ["class"])) : u("", !0)
-      ])) : u("", !0)
-    ]));
-  }
-};
+import { _ as f } from "../Input.vue_vue_type_script_setup_true_lang-CpBoY97r.js";
 export {
-  $ as default
+  f as default
 };