veloce-vue 0.12.0 → 0.14.0

package/README.md

@@ -1,7 +1,11 @@
-# Veloce Vue
+<h1 align="center">Welcome to VeloceVue</h1>
 
 A modern Vue.js UI component library built with Vue, Typescript, Storybook and Tailwind CSS.
 
+[![npm version](https://img.shields.io/npm/v/veloce-vue.svg)](https://www.npmjs.com/package/veloce-vue)
+![npm downloads](https://img.shields.io/npm/dm/veloce-vue.svg)
+![license](https://img.shields.io/npm/l/veloce-vue.svg)
+
 ## Installation
 
 Install the library from NPM:
@@ -104,15 +108,44 @@ Use the UI colors in your components/styles:
 
 This library is built using:
 
-- Vue 3
-- Tailwind CSS v4
 - Vite
-- Storybook for component documentation
+- Vue 3
 - TypeScript
+- Tailwind CSS v4
+- Storybook v9.1.10
+
+### Run development server
+
+```bash
+pnpm dev
+```
+
+This will start the development server at `http://localhost:6006`.
 
 ## Production
 
-Run `pnpm build` to build the package.
-Run `pnpm run build-storybook` to build storybook only.
+### Build storybook
+
+```bash
+pnpm run build-storybook
+```
+
+This will build the storybook into the `build/storybook` directory.
+
+### Preview storybook build
+
+```bash
+pnpm run preview-storybook
+```
+
+This will start the storybook production build at `http://localhost:3000`.
+
+### Build npm package
+
+```bash
+pnpm run build
+```
+
+This will build the npm package into the `build/package` directory.
 
-To test the storybook locally, you can run `pnpm run preview-storybook`. This will start the storybook production build.
+> ℹ️ VeloceVue is in active development. APIs and styles may evolve.

package/components/button/Index.vue.d.ts

@@ -12,9 +12,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         readonly default: false;
     };
     readonly variant: {
-        readonly type: import("vue").PropType<"outlined" | "text" | "ghost" | "solid">;
+        readonly type: import("vue").PropType<"outlined" | "text" | "ghost" | "solid" | "gray">;
         readonly default: "solid";
-        readonly options: readonly ["outlined", "text", "ghost", "solid"];
+        readonly options: readonly ["outlined", "text", "ghost", "solid", "gray"];
     };
     readonly icon: {
         readonly type: StringConstructor;
@@ -47,9 +47,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         readonly default: false;
     };
     readonly variant: {
-        readonly type: import("vue").PropType<"outlined" | "text" | "ghost" | "solid">;
+        readonly type: import("vue").PropType<"outlined" | "text" | "ghost" | "solid" | "gray">;
         readonly default: "solid";
-        readonly options: readonly ["outlined", "text", "ghost", "solid"];
+        readonly options: readonly ["outlined", "text", "ghost", "solid", "gray"];
     };
     readonly icon: {
         readonly type: StringConstructor;
@@ -72,7 +72,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     readonly label: string;
     readonly loading: boolean;
     readonly disabled: boolean;
-    readonly variant: "text" | "outlined" | "ghost" | "solid";
+    readonly variant: "text" | "outlined" | "ghost" | "solid" | "gray";
     readonly icon: string;
     readonly iconClass: string;
     readonly iconPosition: "left" | "right";

package/components/button/props.d.ts

@@ -13,9 +13,9 @@ export declare const props: {
         readonly default: false;
     };
     readonly variant: {
-        readonly type: PropType<"outlined" | "text" | "ghost" | "solid">;
+        readonly type: PropType<"outlined" | "text" | "ghost" | "solid" | "gray">;
         readonly default: "solid";
-        readonly options: readonly ["outlined", "text", "ghost", "solid"];
+        readonly options: readonly ["outlined", "text", "ghost", "solid", "gray"];
     };
     readonly icon: {
         readonly type: StringConstructor;

package/components/markdown-block/Index.vue.d.ts

@@ -0,0 +1,12 @@
+import "github-markdown-css/github-markdown-light.css";
+import "prismjs/themes/prism.css";
+import "prismjs/components/prism-typescript";
+import "prismjs/components/prism-json";
+import "prismjs/components/prism-bash";
+import "prismjs/components/prism-javascript";
+type __VLS_Props = {
+    content: string;
+};
+declare const __VLS_export: 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>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/components/select/Index.vue.d.ts

@@ -8,9 +8,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         readonly required: true;
     };
     readonly variant: {
-        readonly type: () => "outlined" | "text" | "ghost" | "solid";
+        readonly type: () => "outlined" | "text" | "ghost" | "solid" | "gray";
         readonly default: "solid";
-        readonly options: readonly ["outlined", "text", "ghost", "solid"];
+        readonly options: readonly ["outlined", "text", "ghost", "solid", "gray"];
     };
     readonly showFilter: {
         readonly type: BooleanConstructor;
@@ -20,6 +20,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly closeOnClickOutside: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     "update:isOpen": (...args: any[]) => void;
@@ -33,9 +37,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         readonly required: true;
     };
     readonly variant: {
-        readonly type: () => "outlined" | "text" | "ghost" | "solid";
+        readonly type: () => "outlined" | "text" | "ghost" | "solid" | "gray";
         readonly default: "solid";
-        readonly options: readonly ["outlined", "text", "ghost", "solid"];
+        readonly options: readonly ["outlined", "text", "ghost", "solid", "gray"];
     };
     readonly showFilter: {
         readonly type: BooleanConstructor;
@@ -45,14 +49,19 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly closeOnClickOutside: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:isOpen"?: ((...args: any[]) => any) | undefined;
 }>, {
-    readonly variant: "text" | "outlined" | "ghost" | "solid";
+    readonly variant: "text" | "outlined" | "ghost" | "solid" | "gray";
     readonly modelValue: string;
     readonly isOpen: boolean;
     readonly showFilter: boolean;
+    readonly closeOnClickOutside: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/components/select/props.d.ts

@@ -8,9 +8,9 @@ export declare const props: {
         readonly required: true;
     };
     readonly variant: {
-        readonly type: () => "outlined" | "text" | "ghost" | "solid";
+        readonly type: () => "outlined" | "text" | "ghost" | "solid" | "gray";
         readonly default: "solid";
-        readonly options: readonly ["outlined", "text", "ghost", "solid"];
+        readonly options: readonly ["outlined", "text", "ghost", "solid", "gray"];
     };
     readonly showFilter: {
         readonly type: BooleanConstructor;
@@ -20,4 +20,8 @@ export declare const props: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly closeOnClickOutside: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
 };

package/components/separator/Index.vue.d.ts

@@ -6,7 +6,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     };
     readonly color: {
         readonly type: StringConstructor;
-        readonly default: "#16476A";
+        readonly default: "";
     };
     readonly label: {
         readonly type: StringConstructor;
@@ -24,7 +24,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     };
     readonly color: {
         readonly type: StringConstructor;
-        readonly default: "#16476A";
+        readonly default: "";
     };
     readonly label: {
         readonly type: StringConstructor;

package/components/separator/props.d.ts

@@ -6,7 +6,7 @@ export declare const props: {
     };
     readonly color: {
         readonly type: StringConstructor;
-        readonly default: "#16476A";
+        readonly default: "";
     };
     readonly label: {
         readonly type: StringConstructor;

package/components/toggle/Index.vue.d.ts

@@ -0,0 +1,36 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    variant: {
+        readonly type: () => "primary" | "secondary" | "default";
+        readonly default: "default";
+        readonly options: readonly ["primary", "secondary", "default"];
+    };
+    disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    variant: {
+        readonly type: () => "primary" | "secondary" | "default";
+        readonly default: "default";
+        readonly options: readonly ["primary", "secondary", "default"];
+    };
+    disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    variant: "default" | "primary" | "secondary";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/components/toggle/props.d.ts

@@ -0,0 +1,11 @@
+export declare const props: {
+    readonly variant: {
+        readonly type: () => "primary" | "secondary" | "default";
+        readonly default: "default";
+        readonly options: readonly ["primary", "secondary", "default"];
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};

package/components/toggle/stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/vue3-vite";
+import Toggle from "./Index.vue";
+declare const meta: Meta<typeof Toggle>;
+export default meta;
+type Story = StoryObj<typeof Toggle>;
+export declare const Default: Story;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Checked: Story;
+export declare const Disabled: Story;
+export declare const DisabledChecked: Story;

package/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),k={class:"w-full divide-y divide-gray-200 rounded border border-slate-200 bg-white"},x=["onClick"],B={class:"title text-gray-600"},C={key:0,class:"p-3 text-gray-500"},E={key:1,class:"px-3 py-6 text-center text-gray-500"},V=e.defineComponent({__name:"Index",props:{items:{type:Array,required:!0}},setup(n){const t=e.ref(null);return(o,a)=>{const r=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",k,[n.items.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(n.items,(l,s)=>(e.openBlock(),e.createElementBlock("div",{key:s},[e.createElementVNode("div",{class:e.normalizeClass([{"bg-primary/5":t.value===s},"hover:bg-primary/5 relative flex cursor-pointer justify-between gap-4 p-3 font-medium duration-100"]),onClick:i=>t.value=t.value===s?null:s},[e.createElementVNode("span",B,e.toDisplayString(l.title),1),e.createVNode(r,{icon:"chevron-down",class:e.normalizeClass([{"rotate-180":t.value===s},"icon text-[1.4rem] text-gray-400 duration-200"])},null,8,["class"])],10,x),t.value===s?(e.openBlock(),e.createElementBlock("div",C,[l.slot?e.renderSlot(o.$slots,l.slot,{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(l.content),1)],64))])):e.createCommentVNode("",!0)]))),128)):(e.openBlock(),e.createElementBlock("div",E,"No items to show"))])}}}),$={label:{type:String,default:""},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},variant:{type:String,default:"solid",options:["outlined","text","ghost","solid"]},icon:{type:String,default:""},iconClass:{type:String,default:""},iconPosition:{type:String,default:"right",options:["left","right"]},rounded:{type:Boolean,default:!1}},_=["disabled"],m=e.defineComponent({__name:"Index",props:$,setup(n){const t=n,o=e.computed(()=>{switch(t.variant){case"outlined":return"!border-primary text-primary bg-transparent hover:bg-primary disabled:hover:bg-transparent disabled:hover:text-primary hover:text-white";case"text":return"bg-transparent text-primary hover:bg-gray-200 disabled:hover:bg-transparent disabled:hover:text-primary";case"ghost":return"text-primary bg-gray-100 hover:bg-gray-200 disabled:hover:bg-transparent disabled:hover:text-primary";default:return"bg-primary text-white hover:bg-primary/75 disabled:hover:bg-primary disabled:hover:text-white"}});return(a,r)=>{const l=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("button",{type:"button",disabled:t.disabled||t.loading,class:e.normalizeClass([o.value,{"rounded-full":t.rounded},"flex cursor-pointer items-center justify-center gap-2 rounded border border-transparent px-3 py-2 transition duration-200 disabled:cursor-not-allowed disabled:opacity-75 "])},[e.createElementVNode("div",{class:e.normalizeClass([{"justify-center":!t.icon},"flex w-full items-center justify-between gap-2"])},[t.label?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass({"order-2":t.iconPosition==="left"})},e.toDisplayString(t.label),3)):e.createCommentVNode("",!0),t.icon&&!t.loading?(e.openBlock(),e.createBlock(l,{key:1,icon:t.icon,class:e.normalizeClass([t.iconClass,"duration-200"])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2),t.loading?(e.openBlock(),e.createBlock(l,{key:0,icon:"loading"})):e.createCommentVNode("",!0)],10,_)}}}),N={label:{type:String,default:""},labelClass:{type:String,default:""},checkboxClass:{type:String,default:""}},f=(n,t)=>{const o=n.__vccOpts||n;for(const[a,r]of t)o[a]=r;return o},S={},z={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"};function L(n,t){return e.openBlock(),e.createElementBlock("svg",z,[...t[0]||(t[0]=[e.createElementVNode("path",{fill:"currentColor",d:"m9.55 15.15l8.475-8.475q.3-.3.7-.3t.7.3t.3.713t-.3.712l-9.175 9.2q-.3.3-.7.3t-.7-.3L4.55 13q-.3-.3-.288-.712t.313-.713t.713-.3t.712.3z"},null,-1)])])}const M=f(S,[["render",L]]),I={},D={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"};function T(n,t){return e.openBlock(),e.createElementBlock("svg",D,[...t[0]||(t[0]=[e.createElementVNode("path",{fill:"currentColor",d:"m12 13.4l-4.9 4.9q-.275.275-.7.275t-.7-.275t-.275-.7t.275-.7l4.9-4.9l-4.9-4.9q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l4.9 4.9l4.9-4.9q.275-.275.7-.275t.7.275t.275.7t-.275.7L13.4 12l4.9 4.9q.275.275.275.7t-.275.7t-.7.275t-.7-.275z"},null,-1)])])}const q=f(I,[["render",T]]),j={},O={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"};function A(n,t){return e.openBlock(),e.createElementBlock("svg",O,[...t[0]||(t[0]=[e.createElementVNode("path",{fill:"currentColor",d:"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z",opacity:"0.25"},null,-1),e.createElementVNode("path",{fill:"currentColor",d:"M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"},[e.createElementVNode("animateTransform",{type:"rotate",attributeName:"transform",dur:"0.75s",repeatCount:"indefinite",values:"0 12 12;360 12 12"})],-1)])])}const F=f(j,[["render",A]]),P={},X={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"-5 -8 24 24"};function U(n,t){return e.openBlock(),e.createElementBlock("svg",X,[...t[0]||(t[0]=[e.createElementVNode("path",{fill:"currentColor",d:"m7.071 5.314l4.95-4.95a1 1 0 1 1 1.414 1.414L7.778 7.435a1 1 0 0 1-1.414 0L.707 1.778A1 1 0 1 1 2.121.364z"},null,-1)])])}const Z=f(P,[["render",U]]),R={},K={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"};function Q(n,t){return e.openBlock(),e.createElementBlock("svg",K,[...t[0]||(t[0]=[e.createElementVNode("g",{fill:"none"},[e.createElementVNode("path",{fill:"currentColor","fill-opacity":"0.16",d:"M10.575 5.217L3.517 17a1.667 1.667 0 0 0 1.425 2.5h14.116a1.666 1.666 0 0 0 1.425-2.5L13.426 5.217a1.666 1.666 0 0 0-2.85 0"}),e.createElementVNode("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-miterlimit":"10","stroke-width":"1.5",d:"M12 16h.008M12 10v3m-1.425-7.783L3.517 17a1.667 1.667 0 0 0 1.425 2.5h14.116a1.666 1.666 0 0 0 1.425-2.5L13.426 5.217a1.666 1.666 0 0 0-2.85 0"})],-1)])])}const G=f(R,[["render",Q]]),g={check:M,close:q,loading:F,"chevron-down":Z,alert:G},b=e.defineComponent({__name:"index",props:{icon:{},fallbackIcon:{},class:{},size:{}},setup(n){const t=n,o=e.computed(()=>t.size??24),a=e.computed(()=>{const r=t.icon,l=t.fallbackIcon?t.fallbackIcon:"alert";return g[r]??g[l]});return(r,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value),{class:e.normalizeClass(["shrink-0",t.class]),width:o.value,height:o.value},null,8,["class","width","height"]))}}),H=e.defineComponent({__name:"Index",props:e.mergeModels(N,{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(n){const t=e.useModel(n,"modelValue");return(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:"flex w-fit cursor-pointer gap-2 select-none",onClick:a[0]||(a[0]=r=>t.value=!t.value)},[e.createElementVNode("div",{class:e.normalizeClass([[{"bg-primary":t.value},o.checkboxClass],"border-primary m-0 size-6 rounded-sm border-2 duration-200"])},[t.value?(e.openBlock(),e.createBlock(b,{key:0,icon:"check",class:e.normalizeClass([{"text-white":t.value},"size-5"])},null,8,["class"])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{class:e.normalizeClass(o.labelClass)},e.toDisplayString(o.label),3)]))}}),J={direction:{type:String,default:"bottom",options:["left","bottom","right"]},title:{type:String,default:""},description:{type:String,default:""},showFooter:{type:Boolean,default:!1},show:{type:Boolean,default:!1}},W={class:"flex justify-between border-b border-gray-200 p-2"},Y={class:"font-semibold"},ee={class:"text-sm text-gray-500"},te={class:"ml-auto"},oe={class:"size-full overflow-auto p-2"},le={key:0,class:"border-t border-gray-200 p-2"},ne=e.defineComponent({__name:"Index",props:e.mergeModels(J,{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(n){const t=n,o=e.useModel(n,"modelValue"),a=e.computed(()=>{let l="";switch(t.direction){case"left":l=o.value?"fixed top-0 left-0 bottom-0":"fixed top-0 -left-full bottom-0";break;case"bottom":l=o.value?"fixed left-0 bottom-0 right-0":"fixed left-0 right-0 -bottom-full";break;case"right":l=o.value?"fixed top-0 right-0 bottom-0":"fixed top-0 -right-full bottom-0";break;default:alert("Invalid direction")}return l}),r=e.computed(()=>{let l="";switch(t.direction){case"left":l="w-full max-w-[360px]";break;case"bottom":l="w-full h-full max-h-[90dvh]";break;case"right":l="w-full max-w-[360px]";break}return l});return e.watch(o,()=>{o.value?document.body.classList.add("overflow-hidden"):document.body.classList.remove("overflow-hidden")}),(l,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{onClick:s[0]||(s[0]=i=>o.value=!o.value)},[e.renderSlot(l.$slots,"default")]),e.createElementVNode("div",{class:e.normalizeClass([[a.value,r.value],"z-50 flex flex-col justify-between bg-white duration-300"])},[e.createElementVNode("div",W,[e.createElementVNode("div",null,[e.createElementVNode("h4",Y,e.toDisplayString(l.title),1),e.createElementVNode("p",ee,e.toDisplayString(l.description),1)]),e.createElementVNode("div",te,[e.createVNode(m,{icon:"close",class:"!p-1",circle:"",variant:"text",onClick:s[1]||(s[1]=i=>o.value=!1)})])]),e.createElementVNode("div",oe,[e.renderSlot(l.$slots,"content")]),l.showFooter?(e.openBlock(),e.createElementBlock("div",le,[e.renderSlot(l.$slots,"footer")])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{class:e.normalizeClass([o.value?"opacity-100":"pointer-events-none","fixed inset-0 z-[49] bg-black/40 opacity-0 duration-200"]),onClick:s[2]||(s[2]=i=>o.value=!1)},null,2)],64))}}),re={icon:{type:String,default:""},placeholder:{type:String,default:""},helpText:{type:String,default:""},type:{type:String,default:"text",options:["text","password"]}},se=["type"],ae={key:0,class:"ml-1 pt-1 text-xs text-gray-400"},ie=e.defineComponent({__name:"Index",props:e.mergeModels(re,{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(n){const t=e.useModel(n,"modelValue");return(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"mb-6":o.helpText},"relative h-[42px]"])},[e.withDirectives(e.createElementVNode("input",{type:o.type,"onUpdate:modelValue":a[0]||(a[0]=r=>t.value=r),class:"hover:border-primary/60 peer outline-primary h-full w-full rounded-md border border-gray-200 px-3 duration-200",placeholder:" "},null,8,se),[[e.vModelDynamic,t.value]]),e.createElementVNode("div",{class:e.normalizeClass([t.value?"-top-2.5 text-sm text-black":"top-[9px]","absolute left-3 bg-white px-[2px] text-black duration-100 peer-placeholder-shown:text-gray-400 peer-focus:-top-2.5 peer-focus:text-sm peer-focus:text-black"])},e.toDisplayString(o.placeholder),3),o.helpText?(e.openBlock(),e.createElementBlock("div",ae,e.toDisplayString(o.helpText),1)):e.createCommentVNode("",!0)],2))}}),ce={show:{type:Boolean,default:!1}},de={key:0,class:"fixed top-0 left-0 z-20 flex h-screen w-screen items-center justify-center backdrop-blur-[2px]"},ue={class:"flex max-w-[600px] flex-col overflow-hidden rounded border border-gray-200 bg-white text-slate-500 shadow-xl shadow-slate-700/10 sm:max-h-[95dvh] sm:w-[90%]",role:"document"},pe={class:"flex items-center gap-4 border-b border-gray-200 px-4 py-2"},me={class:"max-h-[calc(100dvh-100px)] flex-1 overflow-auto px-4 py-2 sm:max-h-[75vh]"},fe={class:"flex items-center justify-end gap-4 border-t border-gray-200 px-4 py-2"},ve=e.defineComponent({__name:"Index",props:ce,emits:["update:show"],setup(n,{emit:t}){const o=n,a=t,r=e.ref(o.show??!1);return e.watch(()=>o.show,l=>{l!==r.value&&(r.value=l)}),e.watch(r,l=>{a("update:show",l),document.body.classList.toggle("overflow-hidden",l)}),(l,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:"w-full",onClick:s[0]||(s[0]=i=>r.value=!0)},[e.renderSlot(l.$slots,"default")]),r.value?(e.openBlock(),e.createElementBlock("div",de,[e.createElementVNode("div",ue,[e.createElementVNode("div",pe,[s[4]||(s[4]=e.createElementVNode("h3",{class:"text-primary flex-1 text-xl font-medium"},"Modal title",-1)),e.createVNode(m,{icon:"close",class:"!p-1",variant:"ghost",circle:"",onClick:s[1]||(s[1]=i=>r.value=!1)})]),e.createElementVNode("div",me,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(15,i=>e.createElementVNode("p",null,"Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo autem consequatur aspernatur animi voluptate quasi non, maxime iste, harum ipsa reiciendis laborum ad unde a sequi molestias? Dolore, obcaecati sed?")),64))]),e.createElementVNode("div",fe,[e.createVNode(m,{class:"!px-3 !py-1",variant:"ghost",label:"Close",onClick:s[2]||(s[2]=i=>r.value=!1)}),e.createVNode(m,{class:"!px-3 !py-1",label:"Save",onClick:s[3]||(s[3]=i=>r.value=!1)})])])])):e.createCommentVNode("",!0)],64))}}),ye={position:{type:String,default:"bottom",options:["top","bottom"]},bodyClass:{type:String,default:""},contentClass:{type:String,default:""}},he=e.defineComponent({__name:"Index",props:ye,setup(n){const t=e.ref(!0);return(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:"relative inline-block",onMouseleave:a[1]||(a[1]=r=>t.value=!1)},[e.createElementVNode("div",{class:"relative",onMouseover:a[0]||(a[0]=r=>t.value=!0)},[t.value?(e.openBlock(),e.createElementBlock("svg",{key:0,class:e.normalizeClass([{"top-full":o.position==="bottom","bottom-full rotate-180":o.position==="top"},"absolute left-1/2 w-4 -translate-x-1/2 text-gray-200"]),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},[...a[2]||(a[2]=[e.createElementVNode("path",{fill:"currentColor",d:"M3 19h18a1.002 1.002 0 0 0 .823-1.569l-9-13c-.373-.539-1.271-.539-1.645 0l-9 13A.999.999 0 0 0 3 19"},null,-1)])],2)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default")],32),t.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([[o.bodyClass,{"bottom-full mb-3":o.position==="top"},{"top-full mt-3":o.position==="bottom"}],"absolute left-1/2 z-10 w-fit -translate-x-1/2"])},[e.createElementVNode("div",{class:e.normalizeClass([o.contentClass,"w-[200px] rounded-md border border-gray-200 bg-white p-3"])},[e.renderSlot(o.$slots,"body")],2)],2)):e.createCommentVNode("",!0)],32))}}),ge={showTooltip:{type:Boolean,default:!1},value:{type:Number,default:0}},be={class:"progress-container relative min-w-full py-4"},we={class:"relative h-2 rounded-full bg-gray-200"},ke=e.defineComponent({__name:"Index",props:ge,emits:["update:value"],setup(n,{emit:t}){const o=n,a=t,r=e.ref(o.value),l=e.ref(!1),s=e.ref(!1),i=d=>{if(!l.value)return;const p=document.querySelector(".progress-container");if(!p)return;const v=p.getBoundingClientRect();let y;d instanceof TouchEvent?y=d.touches[0]?.clientX??0:y=d.clientX;const w=y-v.left,h=Math.max(0,Math.min(100,w/v.width*100));r.value=h,a("update:value",h)},c=d=>{l.value=!0,s.value=!0,i(d)},u=()=>{l.value=!1,s.value=!1};return e.onMounted(()=>{window.addEventListener("mousemove",i),window.addEventListener("mouseup",u),window.addEventListener("mouseleave",u),window.addEventListener("touchmove",i,{passive:!1}),window.addEventListener("touchend",u),window.addEventListener("touchcancel",u)}),e.onUnmounted(()=>{window.removeEventListener("mousemove",i),window.removeEventListener("mouseup",u),window.removeEventListener("mouseleave",u),window.removeEventListener("touchmove",i),window.removeEventListener("touchend",u),window.removeEventListener("touchcancel",u)}),(d,p)=>(e.openBlock(),e.createElementBlock("div",be,[e.createElementVNode("div",we,[e.createElementVNode("div",{class:"bg-primary absolute h-2 rounded-full",style:e.normalizeStyle({width:r.value+"%"})},null,4),e.createElementVNode("div",{class:"absolute top-1/2 -ml-2 flex h-4 w-4 -translate-y-1/2 cursor-pointer items-center justify-center rounded-full border border-gray-300 bg-white shadow",style:e.normalizeStyle({left:r.value+"%"}),unselectable:"on",onselectstart:"return false;",onMousedown:c,onTouchstart:c},null,36),s.value&&d.showTooltip?(e.openBlock(),e.createElementBlock("div",{key:0,class:"absolute -top-9 mx-auto w-10 -translate-x-1/2 rounded bg-gray-800 px-2 py-1 text-xs text-white",style:e.normalizeStyle({left:r.value+"%"})},[e.createTextVNode(e.toDisplayString(Math.round(r.value))+"% ",1),p[0]||(p[0]=e.createElementVNode("span",{class:"absolute -bottom-1 left-1/2 -ml-1 h-2 w-2 rotate-45 bg-gray-800"},null,-1))],4)):e.createCommentVNode("",!0)])]))}}),xe={modelValue:{type:String,default:""},options:{type:Array,required:!0},variant:{type:String,default:"solid",options:["outlined","text","ghost","solid"]},showFilter:{type:Boolean,default:!1},isOpen:{type:Boolean,default:!1}},Be={class:"relative"},Ce={key:0,class:"absolute top-full z-10 mt-1 flex w-full list-none flex-col rounded border border-gray-200 bg-white shadow-md shadow-slate-500/10"},Ee={key:0,class:"border-b border-gray-200 p-2"},Ve=["onClick"],$e=e.defineComponent({__name:"Index",props:xe,emits:["update:modelValue","update:isOpen"],setup(n,{emit:t}){const o=n,a=t,r=e.ref(o.modelValue),l=c=>{r.value=c,a("update:modelValue",c),a("update:isOpen",!1)},s=e.ref(""),i=e.computed(()=>s.value?o.options.filter(c=>c.toLowerCase().includes(s.value.toLowerCase())):o.options);return(c,u)=>(e.openBlock(),e.createElementBlock("div",Be,[e.createVNode(m,{"icon-class":c.isOpen?"rotate-180":"",icon:"chevron-down",class:"w-full",variant:c.variant,label:r.value||"Select",onClick:u[0]||(u[0]=d=>c.isOpen=!c.isOpen)},null,8,["icon-class","variant","label"]),c.isOpen?(e.openBlock(),e.createElementBlock("ul",Ce,[c.showFilter?(e.openBlock(),e.createElementBlock("li",Ee,[e.withDirectives(e.createElementVNode("input",{type:"text","onUpdate:modelValue":u[1]||(u[1]=d=>s.value=d),class:"focus:border-primary w-full rounded-sm border border-gray-200 px-2 py-1 focus:outline-none",placeholder:"Search"},null,512),[[e.vModelText,s.value]])])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(d,p)=>(e.openBlock(),e.createElementBlock("li",{key:p,class:e.normalizeClass([d===r.value&&"bg-primary/10","hover:bg-primary/5 cursor-pointer px-4 py-2"]),onClick:v=>l(d)},e.toDisplayString(d),11,Ve))),128))])):e.createCommentVNode("",!0)]))}}),_e={direction:{type:String,default:"horizontal",options:["horizontal","vertical"]},color:{type:String,default:"#16476A"},label:{type:String,default:""},icon:{type:String,default:""}},Ne={key:1,class:"absolute inset-0 m-auto flex h-fit w-fit shrink-0 items-center justify-center bg-white p-1"},Se=e.defineComponent({__name:"Index",props:_e,setup(n){return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([t.direction==="horizontal"?"h-[1px] w-full":t.direction==="vertical"?"h-full w-[1px]":"","relative bg-gray-200"]),style:e.normalizeStyle({backgroundColor:t.color})},[t.direction==="horizontal"&&t.label&&!t.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:"absolute inset-0 m-auto flex w-fit items-center justify-center rounded-sm border border-gray-100 bg-white px-1 py-2 text-sm",style:e.normalizeStyle({color:t.color,borderColor:t.color})},"Test label",4)):e.createCommentVNode("",!0),t.direction==="horizontal"&&!t.label&&t.icon?(e.openBlock(),e.createElementBlock("span",Ne,[e.createVNode(b,{icon:t.icon,class:"size-6",style:e.normalizeStyle({color:t.color})},null,8,["icon","style"])])):e.createCommentVNode("",!0)],6))}}),ze={content:{type:String,default:""},position:{type:String,default:"bottom",options:["top","bottom","left","right"]},bodyClass:{type:String,default:""}},Le={key:0},Me=e.defineComponent({__name:"Index",props:ze,setup(n){const t=e.ref(!1);return(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:"relative inline-block",onMouseenter:a[0]||(a[0]=r=>t.value=!0),onMouseleave:a[1]||(a[1]=r=>t.value=!1)},[e.renderSlot(o.$slots,"default"),t.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["absolute z-10 w-max rounded-md bg-white px-3 py-2 text-sm text-primary border shadow-xl transition-opacity duration-200",o.position==="top"&&"bottom-full left-1/2 mb-2 -translate-x-1/2",o.position==="bottom"&&"top-full left-1/2 mt-2 -translate-x-1/2",o.position==="left"&&"top-1/2 right-full mr-2 -translate-y-1/2",o.position==="right"&&"top-1/2 left-full ml-2 -translate-y-1/2",o.bodyClass])},[o.content?e.renderSlot(o.$slots,"body",{key:1}):(e.openBlock(),e.createElementBlock("span",Le,e.toDisplayString(o.content),1))],2)):e.createCommentVNode("",!0)],32))}}),Ie=n=>({install(){if(!n||!n.colors){console.warn("No config provided for the theme settings");return}De(n.colors)}}),De=n=>{const t=document.documentElement;for(const o in n)n[o]&&t.style.setProperty(`--ui-color-${o}`,n[o])};exports.Accordion=V;exports.Button=m;exports.Checkbox=H;exports.Drawer=ne;exports.Input=ie;exports.Modal=ve;exports.Popover=he;exports.RangeSlider=ke;exports.Select=$e;exports.Separator=Se;exports.Tooltip=Me;exports.config=Ie;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),L={class:"w-full divide-y divide-gray-200 overflow-hidden rounded-xl border border-slate-200 bg-white shadow"},I=["onClick"],O={class:"title"},T={key:0,class:"text-text p-3"},A={key:1,class:"px-3 py-6 text-center text-gray-500"},D=e.defineComponent({__name:"Index",props:{items:{type:Array,required:!0}},setup(l){const t=e.ref(null);return(o,r)=>{const s=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",L,[l.items.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(l.items,(n,a)=>(e.openBlock(),e.createElementBlock("div",{key:a},[e.createElementVNode("div",{class:"text-text relative flex cursor-pointer justify-between gap-4 p-3 font-medium duration-100 hover:bg-gray-100",onClick:i=>t.value=t.value===a?null:a},[e.createElementVNode("span",O,e.toDisplayString(n.title),1),e.createVNode(s,{icon:"chevron-down",class:e.normalizeClass([{"rotate-180 ":t.value===a},"icon text-[1.4rem] duration-200"])},null,8,["class"])],8,I),t.value===a?(e.openBlock(),e.createElementBlock("div",T,[n.slot?e.renderSlot(o.$slots,n.slot,{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(n.content),1)],64))])):e.createCommentVNode("",!0)]))),128)):(e.openBlock(),e.createElementBlock("div",A,"No items to show"))])}}}),j={label:{type:String,default:""},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},variant:{type:String,default:"solid",options:["outlined","text","ghost","solid","gray"]},icon:{type:String,default:""},iconClass:{type:String,default:""},iconPosition:{type:String,default:"right",options:["left","right"]},rounded:{type:Boolean,default:!1}},P=["disabled"],w=e.defineComponent({__name:"Index",props:j,setup(l){const t=l,o=e.computed(()=>{switch(t.variant){case"outlined":return"!border-primary text-primary bg-transparent hover:bg-primary disabled:hover:bg-transparent disabled:hover:text-primary hover:text-white";case"text":return"bg-transparent text-primary hover:bg-gray-200 disabled:hover:bg-transparent disabled:hover:text-primary";case"ghost":return"text-primary bg-gray-100 hover:bg-gray-200 disabled:hover:bg-transparent disabled:hover:text-primary";case"gray":return"bg-gray-100 text-gray-700 hover:bg-gray-200 disabled:hover:bg-gray-100 disabled:hover:text-gray-900";default:return"bg-primary text-white hover:bg-primary/75 disabled:hover:bg-primary disabled:hover:text-white"}});return(r,s)=>{const n=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("button",{type:"button",disabled:t.disabled||t.loading,class:e.normalizeClass([o.value,{"rounded-full":t.rounded},"flex cursor-pointer items-center justify-center gap-2 rounded border border-transparent px-3 py-2 transition duration-200 disabled:cursor-not-allowed disabled:opacity-75 "])},[e.createElementVNode("div",{class:e.normalizeClass([{"justify-center":!t.icon},"flex w-full items-center justify-between gap-2"])},[t.label?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass({"order-2":t.iconPosition==="left"})},e.toDisplayString(t.label),3)):e.createCommentVNode("",!0),t.icon&&!t.loading?(e.openBlock(),e.createBlock(n,{key:1,icon:t.icon,class:e.normalizeClass([t.iconClass,"duration-200 size-5 text-current"])},null,8,["icon","class"])):e.createCommentVNode("",!0),t.loading?(e.openBlock(),e.createBlock(n,{key:2,icon:"loading",class:"duration-200 size-5 text-current"})):e.createCommentVNode("",!0)],2)],10,P)}}}),q={label:{type:String,default:""},labelClass:{type:String,default:""},checkboxClass:{type:String,default:""}},C=(l,t)=>{const o=l.__vccOpts||l;for(const[r,s]of t)o[r]=s;return o},F={},R={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"};function W(l,t){return e.openBlock(),e.createElementBlock("svg",R,[...t[0]||(t[0]=[e.createElementVNode("path",{fill:"currentColor",d:"m9.55 15.15l8.475-8.475q.3-.3.7-.3t.7.3t.3.713t-.3.712l-9.175 9.2q-.3.3-.7.3t-.7-.3L4.55 13q-.3-.3-.288-.712t.313-.713t.713-.3t.712.3z"},null,-1)])])}const X=C(F,[["render",W]]),U={},Z={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"};function G(l,t){return e.openBlock(),e.createElementBlock("svg",Z,[...t[0]||(t[0]=[e.createElementVNode("path",{fill:"currentColor",d:"m12 13.4l-4.9 4.9q-.275.275-.7.275t-.7-.275t-.275-.7t.275-.7l4.9-4.9l-4.9-4.9q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l4.9 4.9l4.9-4.9q.275-.275.7-.275t.7.275t.275.7t-.275.7L13.4 12l4.9 4.9q.275.275.275.7t-.275.7t-.7.275t-.7-.275z"},null,-1)])])}const K=C(U,[["render",G]]),Q={},H={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"};function J(l,t){return e.openBlock(),e.createElementBlock("svg",H,[...t[0]||(t[0]=[e.createElementVNode("path",{fill:"currentColor",d:"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z",opacity:"0.25"},null,-1),e.createElementVNode("path",{fill:"currentColor",d:"M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"},[e.createElementVNode("animateTransform",{type:"rotate",attributeName:"transform",dur:"0.75s",repeatCount:"indefinite",values:"0 12 12;360 12 12"})],-1)])])}const Y=C(Q,[["render",J]]),ee={},te={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"-5 -8 24 24"};function oe(l,t){return e.openBlock(),e.createElementBlock("svg",te,[...t[0]||(t[0]=[e.createElementVNode("path",{fill:"currentColor",d:"m7.071 5.314l4.95-4.95a1 1 0 1 1 1.414 1.414L7.778 7.435a1 1 0 0 1-1.414 0L.707 1.778A1 1 0 1 1 2.121.364z"},null,-1)])])}const le=C(ee,[["render",oe]]),ne={},re={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"};function se(l,t){return e.openBlock(),e.createElementBlock("svg",re,[...t[0]||(t[0]=[e.createElementVNode("g",{fill:"none"},[e.createElementVNode("path",{fill:"currentColor","fill-opacity":"0.16",d:"M10.575 5.217L3.517 17a1.667 1.667 0 0 0 1.425 2.5h14.116a1.666 1.666 0 0 0 1.425-2.5L13.426 5.217a1.666 1.666 0 0 0-2.85 0"}),e.createElementVNode("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-miterlimit":"10","stroke-width":"1.5",d:"M12 16h.008M12 10v3m-1.425-7.783L3.517 17a1.667 1.667 0 0 0 1.425 2.5h14.116a1.666 1.666 0 0 0 1.425-2.5L13.426 5.217a1.666 1.666 0 0 0-2.85 0"})],-1)])])}const ae=C(ne,[["render",se]]),_={check:X,close:K,loading:Y,"chevron-down":le,alert:ae},N=e.defineComponent({__name:"index",props:{icon:{},fallbackIcon:{},class:{},size:{}},setup(l){const t=l,o=e.computed(()=>t.size??24),r=e.computed(()=>{const s=t.icon,n=t.fallbackIcon?t.fallbackIcon:"alert";return _[s]??_[n]});return(s,n)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.value),{class:e.normalizeClass(["shrink-0",t.class]),width:o.value,height:o.value},null,8,["class","width","height"]))}}),ie=e.defineComponent({__name:"Index",props:e.mergeModels(q,{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(l){const t=e.useModel(l,"modelValue");return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:"flex w-fit cursor-pointer gap-2 select-none",onClick:r[0]||(r[0]=s=>t.value=!t.value)},[e.createElementVNode("div",{class:e.normalizeClass([[{"bg-primary":t.value},o.checkboxClass],"border-primary m-0 size-6 rounded-sm border-2 duration-200"])},[t.value?(e.openBlock(),e.createBlock(N,{key:0,icon:"check",class:e.normalizeClass([{"text-white":t.value},"size-5"])},null,8,["class"])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{class:e.normalizeClass(o.labelClass)},e.toDisplayString(o.label),3)]))}}),ce={direction:{type:String,default:"bottom",options:["left","bottom","right"]},title:{type:String,default:""},description:{type:String,default:""},showFooter:{type:Boolean,default:!1},show:{type:Boolean,default:!1}},de={class:"flex justify-between border-b border-gray-200 p-2"},ue={class:"font-semibold"},pe={class:"text-sm text-gray-500"},me={class:"ml-auto"},fe={class:"size-full overflow-auto p-2"},ve={key:0,class:"border-t border-gray-200 p-2"},ye=e.defineComponent({__name:"Index",props:e.mergeModels(ce,{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(l){const t=l,o=e.useModel(l,"modelValue"),r=e.computed(()=>{let n="";switch(t.direction){case"left":n=o.value?"fixed top-0 left-0 bottom-0":"fixed top-0 -left-full bottom-0";break;case"bottom":n=o.value?"fixed left-0 bottom-0 right-0":"fixed left-0 right-0 -bottom-full";break;case"right":n=o.value?"fixed top-0 right-0 bottom-0":"fixed top-0 -right-full bottom-0";break;default:alert("Invalid direction")}return n}),s=e.computed(()=>{let n="";switch(t.direction){case"left":n="w-full max-w-[360px]";break;case"bottom":n="w-full h-full max-h-[90dvh]";break;case"right":n="w-full max-w-[360px]";break}return n});return(n,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{onClick:a[0]||(a[0]=i=>o.value=!o.value)},[e.renderSlot(n.$slots,"default")]),e.createElementVNode("div",{class:e.normalizeClass([[r.value,s.value],"z-50 flex flex-col justify-between bg-white duration-300"])},[e.createElementVNode("div",de,[e.createElementVNode("div",null,[e.createElementVNode("h4",ue,e.toDisplayString(n.title),1),e.createElementVNode("p",pe,e.toDisplayString(n.description),1)]),e.createElementVNode("div",me,[e.createVNode(w,{icon:"close",class:"!p-1",circle:"",variant:"text",onClick:a[1]||(a[1]=i=>o.value=!1)})])]),e.createElementVNode("div",fe,[e.renderSlot(n.$slots,"content")]),n.showFooter?(e.openBlock(),e.createElementBlock("div",ve,[e.renderSlot(n.$slots,"footer")])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{class:e.normalizeClass([o.value?"opacity-100":"pointer-events-none","fixed inset-0 z-[49] bg-black/40 opacity-0 duration-200"]),onClick:a[2]||(a[2]=i=>o.value=!1)},null,2)],64))}}),ge={icon:{type:String,default:""},placeholder:{type:String,default:""},helpText:{type:String,default:""},type:{type:String,default:"text",options:["text","password"]}},he=["type"],be={key:0,class:"ml-1 pt-1 text-xs text-gray-400"},we=e.defineComponent({__name:"Index",props:e.mergeModels(ge,{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(l){const t=e.useModel(l,"modelValue");return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"mb-6":o.helpText},"relative h-[38px]"])},[e.withDirectives(e.createElementVNode("input",{type:o.type,"onUpdate:modelValue":r[0]||(r[0]=s=>t.value=s),class:"hover:border-primary/60 peer outline-primary h-full w-full rounded-md border border-gray-200 px-3 duration-200",placeholder:" "},null,8,he),[[e.vModelDynamic,t.value]]),e.createElementVNode("div",{class:e.normalizeClass([t.value?"-top-2.5 text-sm text-black":"top-[6px]","absolute left-3 bg-white px-[2px] text-black duration-100 peer-placeholder-shown:text-gray-400 peer-focus:-top-2.5 peer-focus:text-sm peer-focus:text-black"])},e.toDisplayString(o.placeholder),3),o.helpText?(e.openBlock(),e.createElementBlock("div",be,e.toDisplayString(o.helpText),1)):e.createCommentVNode("",!0)],2))}}),ke={show:{type:Boolean,default:!1}},xe={key:0,class:"fixed top-0 left-0 z-20 flex h-screen w-screen items-center justify-center backdrop-blur-[2px]"},Ce={class:"flex max-w-[600px] flex-col overflow-hidden rounded border border-gray-200 bg-white text-slate-500 shadow-xl shadow-slate-700/10 sm:max-h-[95dvh] sm:w-[90%]",role:"document"},Ee={class:"flex items-center gap-4 border-b border-gray-200 px-4 py-2"},Be={class:"max-h-[calc(100dvh-100px)] flex-1 overflow-auto px-4 py-2 sm:max-h-[75vh]"},Ve={class:"flex items-center justify-end gap-4 border-t border-gray-200 px-4 py-2"},$e=e.defineComponent({__name:"Index",props:ke,emits:["update:show"],setup(l,{emit:t}){const o=l,r=t,s=e.ref(o.show??!1);return e.watch(()=>o.show,n=>{n!==s.value&&(s.value=n)}),e.watch(s,n=>{r("update:show",n),document.body.classList.toggle("overflow-hidden",n)}),(n,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:"w-full",onClick:a[0]||(a[0]=i=>s.value=!0)},[e.renderSlot(n.$slots,"default")]),s.value?(e.openBlock(),e.createElementBlock("div",xe,[e.createElementVNode("div",Ce,[e.createElementVNode("div",Ee,[a[4]||(a[4]=e.createElementVNode("h3",{class:"text-primary flex-1 text-xl font-medium"},"Modal title",-1)),e.createVNode(w,{icon:"close",class:"!p-1",variant:"ghost",circle:"",onClick:a[1]||(a[1]=i=>s.value=!1)})]),e.createElementVNode("div",Be,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(15,i=>e.createElementVNode("p",null,"Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo autem consequatur aspernatur animi voluptate quasi non, maxime iste, harum ipsa reiciendis laborum ad unde a sequi molestias? Dolore, obcaecati sed?")),64))]),e.createElementVNode("div",Ve,[e.createVNode(w,{class:"!px-3 !py-1",variant:"ghost",label:"Close",onClick:a[2]||(a[2]=i=>s.value=!1)}),e.createVNode(w,{class:"!px-3 !py-1",label:"Save",onClick:a[3]||(a[3]=i=>s.value=!1)})])])])):e.createCommentVNode("",!0)],64))}}),_e={position:{type:String,default:"bottom",options:["top","bottom"]},bodyClass:{type:String,default:""},contentClass:{type:String,default:""}},Se=e.defineComponent({__name:"Index",props:_e,setup(l){const t=e.ref(!0);return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:"relative inline-block",onMouseleave:r[1]||(r[1]=s=>t.value=!1)},[e.createElementVNode("div",{class:"relative",onMouseover:r[0]||(r[0]=s=>t.value=!0)},[t.value?(e.openBlock(),e.createElementBlock("svg",{key:0,class:e.normalizeClass([{"top-full":o.position==="bottom","bottom-full rotate-180":o.position==="top"},"absolute left-1/2 w-4 -translate-x-1/2 text-gray-200"]),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},[...r[2]||(r[2]=[e.createElementVNode("path",{fill:"currentColor",d:"M3 19h18a1.002 1.002 0 0 0 .823-1.569l-9-13c-.373-.539-1.271-.539-1.645 0l-9 13A.999.999 0 0 0 3 19"},null,-1)])],2)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default")],32),t.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([[o.bodyClass,{"bottom-full mb-3":o.position==="top"},{"top-full mt-3":o.position==="bottom"}],"absolute left-1/2 z-10 w-fit -translate-x-1/2"])},[e.createElementVNode("div",{class:e.normalizeClass([o.contentClass,"w-[200px] rounded-md border border-gray-200 bg-white p-3"])},[e.renderSlot(o.$slots,"body")],2)],2)):e.createCommentVNode("",!0)],32))}}),Ne={showTooltip:{type:Boolean,default:!1},value:{type:Number,default:0}},ze={class:"progress-container relative min-w-full py-4"},Me={class:"relative h-2 rounded-full bg-gray-200"},Le=e.defineComponent({__name:"Index",props:Ne,emits:["update:value"],setup(l,{emit:t}){const o=l,r=t,s=e.ref(o.value),n=e.ref(!1),a=e.ref(!1),i=u=>{if(!n.value)return;const f=document.querySelector(".progress-container");if(!f)return;const v=f.getBoundingClientRect();let g;u instanceof TouchEvent?g=u.touches[0]?.clientX??0:g=u.clientX;const h=g-v.left,k=Math.max(0,Math.min(100,h/v.width*100));s.value=k,r("update:value",k)},d=u=>{n.value=!0,a.value=!0,i(u)},p=()=>{n.value=!1,a.value=!1};return e.onMounted(()=>{window.addEventListener("mousemove",i),window.addEventListener("mouseup",p),window.addEventListener("mouseleave",p),window.addEventListener("touchmove",i,{passive:!1}),window.addEventListener("touchend",p),window.addEventListener("touchcancel",p)}),e.onUnmounted(()=>{window.removeEventListener("mousemove",i),window.removeEventListener("mouseup",p),window.removeEventListener("mouseleave",p),window.removeEventListener("touchmove",i),window.removeEventListener("touchend",p),window.removeEventListener("touchcancel",p)}),(u,f)=>(e.openBlock(),e.createElementBlock("div",ze,[e.createElementVNode("div",Me,[e.createElementVNode("div",{class:"bg-primary absolute h-2 rounded-full",style:e.normalizeStyle({width:s.value+"%"})},null,4),e.createElementVNode("div",{class:"absolute top-1/2 -ml-2 flex h-4 w-4 -translate-y-1/2 cursor-pointer items-center justify-center rounded-full border border-gray-300 bg-white shadow",style:e.normalizeStyle({left:s.value+"%"}),unselectable:"on",onselectstart:"return false;",onMousedown:d,onTouchstart:d},null,36),a.value&&u.showTooltip?(e.openBlock(),e.createElementBlock("div",{key:0,class:"absolute -top-9 mx-auto w-10 -translate-x-1/2 rounded bg-gray-800 px-2 py-1 text-xs text-white",style:e.normalizeStyle({left:s.value+"%"})},[e.createTextVNode(e.toDisplayString(Math.round(s.value))+"% ",1),f[0]||(f[0]=e.createElementVNode("span",{class:"absolute -bottom-1 left-1/2 -ml-1 h-2 w-2 rotate-45 bg-gray-800"},null,-1))],4)):e.createCommentVNode("",!0)])]))}}),Ie={modelValue:{type:String,default:""},options:{type:Array,required:!0},variant:{type:String,default:"solid",options:["outlined","text","ghost","solid","gray"]},showFilter:{type:Boolean,default:!1},isOpen:{type:Boolean,default:!1},closeOnClickOutside:{type:Boolean,default:!0}};function Oe(l){return e.getCurrentScope()?(e.onScopeDispose(l),!0):!1}const z=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Te=Object.prototype.toString,Ae=l=>Te.call(l)==="[object Object]",b=()=>{},De=je();function je(){var l,t;return z&&((l=window?.navigator)==null?void 0:l.userAgent)&&(/iP(?:ad|hone|od)/.test(window.navigator.userAgent)||((t=window?.navigator)==null?void 0:t.maxTouchPoints)>2&&/iPad|Macintosh/.test(window?.navigator.userAgent))}function B(l){return Array.isArray(l)?l:[l]}function Pe(l,t,o){return e.watch(l,t,{...o,immediate:!0})}const M=z?window:void 0;function x(l){var t;const o=e.toValue(l);return(t=o?.$el)!=null?t:o}function V(...l){const t=[],o=()=>{t.forEach(i=>i()),t.length=0},r=(i,d,p,u)=>(i.addEventListener(d,p,u),()=>i.removeEventListener(d,p,u)),s=e.computed(()=>{const i=B(e.toValue(l[0])).filter(d=>d!=null);return i.every(d=>typeof d!="string")?i:void 0}),n=Pe(()=>{var i,d;return[(d=(i=s.value)==null?void 0:i.map(p=>x(p)))!=null?d:[M].filter(p=>p!=null),B(e.toValue(s.value?l[1]:l[0])),B(e.unref(s.value?l[2]:l[1])),e.toValue(s.value?l[3]:l[2])]},([i,d,p,u])=>{if(o(),!i?.length||!d?.length||!p?.length)return;const f=Ae(u)?{...u}:u;t.push(...i.flatMap(v=>d.flatMap(g=>p.map(h=>r(v,g,h,f)))))},{flush:"post"}),a=()=>{n(),o()};return Oe(o),a}let S=!1;function qe(l,t,o={}){const{window:r=M,ignore:s=[],capture:n=!0,detectIframe:a=!1,controls:i=!1}=o;if(!r)return i?{stop:b,cancel:b,trigger:b}:b;if(De&&!S){S=!0;const c={passive:!0};Array.from(r.document.body.children).forEach(m=>m.addEventListener("click",b,c)),r.document.documentElement.addEventListener("click",b,c)}let d=!0;const p=c=>e.toValue(s).some(m=>{if(typeof m=="string")return Array.from(r.document.querySelectorAll(m)).some(y=>y===c.target||c.composedPath().includes(y));{const y=x(m);return y&&(c.target===y||c.composedPath().includes(y))}});function u(c){const m=e.toValue(c);return m&&m.$.subTree.shapeFlag===16}function f(c,m){const y=e.toValue(c),E=y.$.subTree&&y.$.subTree.children;return E==null||!Array.isArray(E)?!1:E.some($=>$.el===m.target||m.composedPath().includes($.el))}const v=c=>{const m=x(l);if(c.target!=null&&!(!(m instanceof Element)&&u(l)&&f(l,c))&&!(!m||m===c.target||c.composedPath().includes(m))){if("detail"in c&&c.detail===0&&(d=!p(c)),!d){d=!0;return}t(c)}};let g=!1;const h=[V(r,"click",c=>{g||(g=!0,setTimeout(()=>{g=!1},0),v(c))},{passive:!0,capture:n}),V(r,"pointerdown",c=>{const m=x(l);d=!p(c)&&!!(m&&!c.composedPath().includes(m))},{passive:!0}),a&&V(r,"blur",c=>{setTimeout(()=>{var m;const y=x(l);((m=r.document.activeElement)==null?void 0:m.tagName)==="IFRAME"&&!y?.contains(r.document.activeElement)&&t(c)},0)},{passive:!0})].filter(Boolean),k=()=>h.forEach(c=>c());return i?{stop:k,cancel:()=>{d=!1},trigger:c=>{d=!0,v(c),d=!1}}:k}const Fe={key:0,class:"absolute top-full z-10 mt-1 flex w-full list-none flex-col rounded border border-gray-200 bg-white shadow-md shadow-slate-500/10"},Re={key:0,class:"border-b border-gray-200 p-2"},We=["onClick"],Xe=e.defineComponent({__name:"Index",props:Ie,emits:["update:modelValue","update:isOpen"],setup(l,{emit:t}){const o=l,r=t,s=e.ref(o.modelValue),n=e.ref(o.isOpen??!1),a=e.useTemplateRef("target");qe(a,()=>o.closeOnClickOutside&&(n.value=!1)),e.watch(()=>o.isOpen,u=>{u!==n.value&&(n.value=u)});const i=u=>{s.value=u,r("update:modelValue",u),n.value=!1},d=e.ref(""),p=e.computed(()=>d.value?o.options.filter(u=>u.toLowerCase().includes(d.value.toLowerCase())):o.options);return(u,f)=>(e.openBlock(),e.createElementBlock("div",{class:"relative",ref_key:"target",ref:a},[e.createVNode(w,{"icon-class":n.value?"rotate-180":"",icon:"chevron-down",class:"w-full capitalize",variant:u.variant,label:s.value||"Select",onClick:f[0]||(f[0]=v=>n.value=!n.value)},null,8,["icon-class","variant","label"]),n.value?(e.openBlock(),e.createElementBlock("ul",Fe,[u.showFilter?(e.openBlock(),e.createElementBlock("li",Re,[e.withDirectives(e.createElementVNode("input",{type:"text","onUpdate:modelValue":f[1]||(f[1]=v=>d.value=v),class:"focus:border-primary w-full rounded-sm border border-gray-200 px-2 py-1 focus:outline-none",placeholder:"Search"},null,512),[[e.vModelText,d.value]])])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,(v,g)=>(e.openBlock(),e.createElementBlock("li",{key:g,class:e.normalizeClass([v===s.value&&"bg-primary/10","hover:bg-primary/5 cursor-pointer px-4 py-2 text-left"]),onClick:h=>i(v)},e.toDisplayString(v),11,We))),128))])):e.createCommentVNode("",!0)],512))}}),Ue={direction:{type:String,default:"horizontal",options:["horizontal","vertical"]},color:{type:String,default:""},label:{type:String,default:""},icon:{type:String,default:""}},Ze={key:1,class:"absolute inset-0 m-auto flex h-fit w-fit shrink-0 items-center justify-center bg-white p-1"},Ge=e.defineComponent({__name:"Index",props:Ue,setup(l){return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([t.direction==="horizontal"?"h-[1px] w-full":t.direction==="vertical"?"h-full w-[1px]":"","relative bg-gray-200"]),style:e.normalizeStyle({backgroundColor:t.color||"var(--color-primary)"})},[t.direction==="horizontal"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.label&&!t.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:"absolute inset-0 m-auto flex w-fit items-center justify-center rounded-sm border border-gray-100 bg-white px-1 py-2 text-sm",style:e.normalizeStyle({color:t.color,borderColor:t.color})},"Test label",4)):e.createCommentVNode("",!0),t.icon&&!t.label?(e.openBlock(),e.createElementBlock("span",Ze,[e.createVNode(N,{icon:t.icon,class:"size-6",style:e.normalizeStyle({color:t.color||"var(--color-primary)"})},null,8,["icon","style"])])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],6))}}),Ke={content:{type:String,default:""},position:{type:String,default:"bottom",options:["top","bottom","left","right"]},bodyClass:{type:String,default:""}},Qe={key:0},He=e.defineComponent({__name:"Index",props:Ke,setup(l){const t=e.ref(!1);return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:"relative inline-block",onMouseenter:r[0]||(r[0]=s=>t.value=!0),onMouseleave:r[1]||(r[1]=s=>t.value=!1)},[e.renderSlot(o.$slots,"default"),t.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["absolute z-10 w-max rounded-md bg-white px-3 py-2 text-sm text-primary border shadow-xl transition-opacity duration-200",o.position==="top"&&"bottom-full left-1/2 mb-2 -translate-x-1/2",o.position==="bottom"&&"top-full left-1/2 mt-2 -translate-x-1/2",o.position==="left"&&"top-1/2 right-full mr-2 -translate-y-1/2",o.position==="right"&&"top-1/2 left-full ml-2 -translate-y-1/2",o.bodyClass])},[o.content?e.renderSlot(o.$slots,"body",{key:1}):(e.openBlock(),e.createElementBlock("span",Qe,e.toDisplayString(o.content),1))],2)):e.createCommentVNode("",!0)],32))}}),Je=l=>({install(){if(!l||!l.colors){console.warn("No config provided for the theme settings");return}Ye(l.colors)}}),Ye=l=>{const t=document.documentElement;for(const o in l)l[o]&&t.style.setProperty(`--ui-color-${o}`,l[o])};exports.Accordion=D;exports.Button=w;exports.Checkbox=ie;exports.Drawer=ye;exports.Input=we;exports.Modal=$e;exports.Popover=Se;exports.RangeSlider=Le;exports.Select=Xe;exports.Separator=Ge;exports.Tooltip=He;exports.config=Je;
 //# sourceMappingURL=index.cjs.map