veloce-vue 0.11.0 → 0.14.0

package/components/select/props.d.ts

@@ -0,0 +1,27 @@
+export declare const props: {
+    readonly modelValue: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly options: {
+        readonly type: () => string[];
+        readonly required: true;
+    };
+    readonly variant: {
+        readonly type: () => "outlined" | "text" | "ghost" | "solid" | "gray";
+        readonly default: "solid";
+        readonly options: readonly ["outlined", "text", "ghost", "solid", "gray"];
+    };
+    readonly showFilter: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly isOpen: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly closeOnClickOutside: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+};

package/components/select/stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/vue3-vite";
+import Select from "./Index.vue";
+declare const meta: Meta<typeof Select>;
+export default meta;
+type Story = StoryObj<typeof Select>;
+export declare const Default: Story;
+export declare const ShowFilter: Story;
+export declare const Solid: Story;
+export declare const Outlined: Story;
+export declare const Text: Story;
+export declare const Ghost: Story;

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

@@ -0,0 +1,44 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly direction: {
+        readonly type: () => "horizontal" | "vertical";
+        readonly default: "horizontal";
+        readonly options: readonly ["horizontal", "vertical"];
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly label: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly icon: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly direction: {
+        readonly type: () => "horizontal" | "vertical";
+        readonly default: "horizontal";
+        readonly options: readonly ["horizontal", "vertical"];
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly label: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly icon: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+}>> & Readonly<{}>, {
+    readonly label: string;
+    readonly icon: string;
+    readonly direction: "horizontal" | "vertical";
+    readonly color: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/components/separator/props.d.ts

@@ -0,0 +1,19 @@
+export declare const props: {
+    readonly direction: {
+        readonly type: () => "horizontal" | "vertical";
+        readonly default: "horizontal";
+        readonly options: readonly ["horizontal", "vertical"];
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly label: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly icon: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+};

package/components/separator/stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/vue3-vite";
+import Separator from "./Index.vue";
+declare const meta: Meta<typeof Separator>;
+export default meta;
+type Story = StoryObj<typeof Separator>;
+export declare const Horizontal: Story;
+export declare const Vertical: Story;

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/components/tooltip/Index.vue.d.ts

@@ -0,0 +1,47 @@
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    body?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly content: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly position: {
+        readonly type: () => "top" | "bottom" | "left" | "right";
+        readonly default: "bottom";
+        readonly options: readonly ["top", "bottom", "left", "right"];
+    };
+    readonly bodyClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly content: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly position: {
+        readonly type: () => "top" | "bottom" | "left" | "right";
+        readonly default: "bottom";
+        readonly options: readonly ["top", "bottom", "left", "right"];
+    };
+    readonly bodyClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+}>> & Readonly<{}>, {
+    readonly position: "left" | "right" | "bottom" | "top";
+    readonly bodyClass: string;
+    readonly content: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/tooltip/props.d.ts

@@ -0,0 +1,15 @@
+export declare const props: {
+    readonly content: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly position: {
+        readonly type: () => "top" | "bottom" | "left" | "right";
+        readonly default: "bottom";
+        readonly options: readonly ["top", "bottom", "left", "right"];
+    };
+    readonly bodyClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+};

package/components/tooltip/stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/vue3-vite";
+import Tooltip from "./Index.vue";
+declare const meta: Meta<typeof Tooltip>;
+export default meta;
+type Story = StoryObj<typeof Tooltip>;
+export declare const Default: Story;
+export declare const Top: Story;
+export declare const Bottom: Story;
+export declare const Left: Story;
+export declare const Right: Story;

package/exports.d.ts

@@ -1,3 +1,12 @@
-export { default as Button } from "./components/Button/Index.vue";
-export { default as Accordion } from "./components/Accordion/Index.vue";
+export { default as Accordion } from "./components/accordion/Index.vue";
+export { default as Button } from "./components/button/Index.vue";
+export { default as Checkbox } from "./components/checkbox/Index.vue";
+export { default as Drawer } from "./components/drawer/Index.vue";
+export { default as Input } from "./components/input/Index.vue";
+export { default as Modal } from "./components/modal/Index.vue";
+export { default as Popover } from "./components/popover/Index.vue";
+export { default as RangeSlider } from "./components/range-slider/Index.vue";
+export { default as Select } from "./components/select/Index.vue";
+export { default as Separator } from "./components/separator/Index.vue";
+export { default as Tooltip } from "./components/tooltip/Index.vue";
 export { config } from "./utils/config";

package/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i={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}},c=["disabled"],d=e.defineComponent({__name:"Index",props:i,setup(o){const t=o,r=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(s,l)=>{const n=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("button",{type:"button",disabled:t.disabled||t.loading,class:e.normalizeClass([r.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)},null,8,["icon","class"])):e.createCommentVNode("",!0)],2),t.loading?(e.openBlock(),e.createBlock(n,{key:0,icon:"loading"})):e.createCommentVNode("",!0)],10,c)}}}),p={class:"w-full divide-y divide-gray-200 rounded border border-slate-200 bg-white"},u=["onClick"],m={class:"title text-gray-600"},y={key:0,class:"p-3 text-gray-500"},g={key:1,class:"px-3 py-6 text-center text-gray-500"},b=e.defineComponent({__name:"Index",props:{items:{type:Array,required:!0}},setup(o){const t=e.ref(null);return(r,s)=>{const l=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",p,[o.items.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(o.items,(n,a)=>(e.openBlock(),e.createElementBlock("div",{key:a},[e.createElementVNode("div",{class:e.normalizeClass([{"bg-primary/5":t.value===a},"hover:bg-primary/5 relative flex cursor-pointer justify-between gap-4 p-3 font-medium duration-100"]),onClick:h=>t.value=t.value===a?null:a},[e.createElementVNode("span",m,e.toDisplayString(n.title),1),e.createVNode(l,{icon:"chevron-down",class:e.normalizeClass([{"rotate-180":t.value===a},"icon text-[1.4rem] text-gray-400 duration-200"])},null,8,["class"])],10,u),t.value===a?(e.openBlock(),e.createElementBlock("div",y,[n.slot?e.renderSlot(r.$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",g,"No items to show"))])}}}),v=o=>({install(){if(!o||!o.colors){console.warn("No config provided for the theme settings");return}f(o.colors)}}),f=o=>{const t=document.documentElement;for(const r in o)o[r]&&t.style.setProperty(`--ui-color-${r}`,o[r])};exports.Accordion=b;exports.Button=d;exports.config=v;
+"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