@caipira/tamandua 0.0.30 → 0.0.31

package/README.md

@@ -23,3 +23,4 @@ npx vite-bundle-visualizer
 [Storybook](https://storybook.js.org/docs/get-started/vue3-vite)
 [TailwindCSS](https://tailwindcss.com/)
 [FakerJS](https://next.fakerjs.dev/api)
+[FloatingUI](https://floating-ui.com/docs/vue)

package/dist/Avatar.js

@@ -1,5 +1,5 @@
-import { _ as o } from "./Avatar.vue_vue_type_script_setup_true_lang-Cjz3Vlw9.js";
-import { p } from "./plugin-BOXtmhcZ.js";
+import { _ as o } from "./Avatar.vue_vue_type_script_setup_true_lang-C8p8_0Uc.js";
+import { p } from "./plugin-DDoM02Fq.js";
 export {
   o as Avatar,
   p as AvatarPlugin

package/dist/Avatar.vue_vue_type_script_setup_true_lang-C8p8_0Uc.js

@@ -0,0 +1,47 @@
+import { defineComponent as c, computed as d, resolveComponent as m, openBlock as a, createElementBlock as o, normalizeClass as u, unref as t, createBlock as p, toDisplayString as f, createCommentVNode as h } from "vue";
+import { a as l, b as i } from "./ui-BC6H9E93.js";
+const _ = ["role"], y = ["src"], S = { key: 2 }, w = /* @__PURE__ */ c({
+  name: "TAvatar",
+  __name: "Avatar",
+  props: {
+    icon: {},
+    text: { default: "" },
+    role: { default: "" },
+    size: { default: l.Default },
+    image: { default: "" },
+    shape: { default: i.Circle },
+    disableStyle: { type: Boolean, default: !1 }
+  },
+  setup(r) {
+    const e = r, s = d(() => e.role !== "" ? e.role : "");
+    return (z, b) => {
+      const n = m("t-icon");
+      return a(), o("div", {
+        role: s.value,
+        class: u([{
+          "h-5 w-5": !e.disableStyle && e.size === t(l).ExtraSmall,
+          "h-7 w-7": !e.disableStyle && e.size === t(l).Small,
+          "h-10 w-10": !e.disableStyle && e.size === t(l).Default,
+          "h-20 w-20": !e.disableStyle && e.size === t(l).Large,
+          "h-40 w-40": !e.disableStyle && e.size === t(l).ExtraLarge,
+          "rounded-full": e.shape === t(i).Circle,
+          rounded: e.shape === t(i).Square
+        }, "overflow-hidden inline-flex items-center justify-center bg-caipira-primary-inverted"])
+      }, [
+        e.image ? (a(), o("img", {
+          key: 0,
+          class: "w-full h-full object-cover",
+          src: e.image
+        }, null, 8, y)) : e.icon ? (a(), p(n, {
+          key: 1,
+          class: "color-caipira-primary",
+          icon: e.icon,
+          size: e.size
+        }, null, 8, ["icon", "size"])) : e.text ? (a(), o("span", S, f(e.text), 1)) : h("", !0)
+      ], 10, _);
+    };
+  }
+});
+export {
+  w as _
+};

package/dist/{Button-COkapD0v.js → Button-CAiIEdkK.js}

@@ -1,11 +1,10 @@
 import './Button.css';
-import { defineComponent as D, useSlots as U, getCurrentInstance as L, ref as y, computed as p, resolveComponent as k, openBlock as s, createBlock as h, resolveDynamicComponent as P, normalizeClass as F, unref as a, withCtx as M, renderSlot as G, mergeProps as O, createCommentVNode as d, createElementBlock as b, Fragment as W, createTextVNode as V, toDisplayString as Y } from "vue";
-import { c as i, a as t, b as f, B as r } from "./ui-BC6H9E93.js";
-import { g } from "./index-CVD_wAsU.js";
-import { u as H } from "./useDomHelpers-5CFMo6bx.js";
-import "./Icon.vue_vue_type_script_setup_true_lang-CNUyv7CY.js";
-import { _ as K } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const $ = ["multiple"], j = /* @__PURE__ */ D({
+import { defineComponent as _, useSlots as z, getCurrentInstance as A, ref as v, computed as p, resolveComponent as U, openBlock as s, createBlock as y, resolveDynamicComponent as D, normalizeClass as L, unref as a, withCtx as k, renderSlot as F, mergeProps as P, createCommentVNode as m, createElementBlock as h, Fragment as M, createTextVNode as G, toDisplayString as O } from "vue";
+import { c as i, a as t, b as d, B as r } from "./ui-BC6H9E93.js";
+import { g as b } from "./index-CVD_wAsU.js";
+import "./Icon.vue_vue_type_script_setup_true_lang-DXUyEtqW.js";
+import { _ as W } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const V = ["multiple"], Y = /* @__PURE__ */ _({
   name: "TButton",
   __name: "Button",
   props: {
@@ -13,7 +12,7 @@ const $ = ["multiple"], j = /* @__PURE__ */ D({
     type: { default: i.BUTTON },
     size: { default: t.Default },
     label: { default: "" },
-    shape: { default: f.Rounded },
+    shape: { default: d.Rounded },
     hover: { type: Boolean, default: !0 },
     variant: { default: r.DEFAULT },
     outline: { type: Boolean, default: !1 },
@@ -23,8 +22,10 @@ const $ = ["multiple"], j = /* @__PURE__ */ D({
     animate: {}
   },
   emits: ["upload"],
-  setup(S, { expose: x, emit: E }) {
-    const e = S, T = E, B = U(), u = L(), v = y(), m = y(null), { isPopoverActivator: C, onPopoverActivatorClick: I } = H(), R = p(() => {
+  setup(g, { expose: S, emit: x }) {
+    const e = g, E = x, T = z();
+    A();
+    const f = v(), u = v(null), B = p(() => {
       switch (e.type) {
         case i.SUBMIT:
           return "submit";
@@ -33,7 +34,7 @@ const $ = ["multiple"], j = /* @__PURE__ */ D({
         default:
           return "button";
       }
-    }), w = p(() => e.type === i.SUBMIT ? e.label : void 0), A = p(() => {
+    }), C = p(() => e.type === i.SUBMIT ? e.label : void 0), I = p(() => {
       switch (e.type) {
         case i.SUBMIT:
           return "input";
@@ -42,23 +43,23 @@ const $ = ["multiple"], j = /* @__PURE__ */ D({
         default:
           return "button";
       }
-    }), N = (o) => {
-      if (u && C(u) && I(o, u), e.type === i.SUBMIT && o.preventDefault(), e.type === i.FILE && v.value?.click(), e.animate) {
-        let l = null;
-        e.animate.target === "icon" && (l = m.value?.reference), l && g.to(l, {
+    }), R = (l) => {
+      if (e.type === i.SUBMIT && l.preventDefault(), e.type === i.FILE && f.value?.click(), e.animate) {
+        let o = null;
+        e.animate.target === "icon" && (o = u.value?.reference), o && b.to(o, {
           duration: 0.2,
           ...e.animate.animation,
           ease: "power3.easeInOut",
           onComplete: () => {
-            g.set(l, e.animate?.reset);
+            b.set(o, e.animate?.reset);
           }
         });
       }
-    }, _ = (o) => {
-      o.stopPropagation();
-      const c = o.target.files;
-      !c || !c.length || T("upload", c);
-    }, z = p(() => {
+    }, w = (l) => {
+      l.stopPropagation();
+      const c = l.target.files;
+      !c || !c.length || E("upload", c);
+    }, N = p(() => {
       switch (e.size) {
         case t.ExtraSmall:
           return 12;
@@ -73,14 +74,14 @@ const $ = ["multiple"], j = /* @__PURE__ */ D({
         default:
           return 20;
       }
-    }), n = p(() => !!e.label || !!B.default);
-    return x({ iconReference: m }), (o, l) => {
-      const c = k("t-icon");
-      return s(), h(P(A.value), {
-        type: R.value,
-        value: w.value,
+    }), n = p(() => !!e.label || !!T.default);
+    return S({ iconReference: u }), (l, o) => {
+      const c = U("t-icon");
+      return s(), y(D(I.value), {
+        type: B.value,
+        value: C.value,
         disabled: e.disabled,
-        class: F([{
+        class: L([{
           // Size
           "text-xs px-1 h-4": e.size === a(t).ExtraSmall,
           "text-sm px-2 h-7": e.size === a(t).Small,
@@ -90,8 +91,8 @@ const $ = ["multiple"], j = /* @__PURE__ */ D({
           // Border
           border: e.outline,
           // Shape
-          "rounded-full": e.shape === a(f).Circle,
-          "input-roundness": e.shape === a(f).Rounded,
+          "rounded-full": e.shape === a(d).Circle,
+          "input-roundness": e.shape === a(d).Rounded,
           // Disabled
           "cursor-not-allowed opacity-50": e.disabled,
           // Default color
@@ -121,15 +122,15 @@ const $ = ["multiple"], j = /* @__PURE__ */ D({
           "transparent-hover": e.variant === a(r).TRANSPARENT && e.hover
         }, "input-outline flex items-center select-none whitespace-nowrap"]),
         role: "button",
-        onClick: N
+        onClick: R
       }, {
-        default: M(() => [
-          G(o.$slots, "default", {}, void 0, !0),
-          e.icon ? (s(), h(c, O({
+        default: k(() => [
+          F(l.$slots, "default", {}, void 0, !0),
+          e.icon ? (s(), y(c, P({
             key: 0,
             ref_key: "iconReference",
-            ref: m,
-            size: z.value,
+            ref: u,
+            size: N.value,
             icon: e.icon,
             class: {
               "mr-1": n.value && e.size === a(t).ExtraSmall,
@@ -138,25 +139,25 @@ const $ = ["multiple"], j = /* @__PURE__ */ D({
               "mr-2.5": n.value && e.size === a(t).Large,
               "mr-3": n.value && e.size === a(t).ExtraLarge
             }
-          }, e.iconProps), null, 16, ["size", "icon", "class"])) : d("", !0),
-          e.label && e.type !== a(i).SUBMIT ? (s(), b(W, { key: 1 }, [
-            V(Y(e.label), 1)
-          ], 64)) : d("", !0),
-          e.type === "file" ? (s(), b("input", {
+          }, e.iconProps), null, 16, ["size", "icon", "class"])) : m("", !0),
+          e.label && e.type !== a(i).SUBMIT ? (s(), h(M, { key: 1 }, [
+            G(O(e.label), 1)
+          ], 64)) : m("", !0),
+          e.type === "file" ? (s(), h("input", {
             key: 2,
             multiple: e.multiple,
             type: "file",
             ref_key: "fileInput",
-            ref: v,
+            ref: f,
             class: "hidden",
-            onChange: _
-          }, null, 40, $)) : d("", !0)
+            onChange: w
+          }, null, 40, V)) : m("", !0)
         ]),
         _: 3
       }, 8, ["type", "value", "disabled", "class"]);
     };
   }
-}), ae = /* @__PURE__ */ K(j, [["__scopeId", "data-v-39e952b8"]]);
+}), J = /* @__PURE__ */ W(Y, [["__scopeId", "data-v-7e65a1ef"]]);
 export {
-  ae as B
+  J as B
 };

package/dist/Button.css

@@ -1 +1 @@
-.transparent-hover[data-v-39e952b8]:hover{background-color:rgb(from var(--caipira-primary) r g b / 45%)}
+.transparent-hover[data-v-7e65a1ef]:hover{background-color:rgb(from var(--caipira-primary) r g b / 45%)}

package/dist/Button.js

@@ -1,5 +1,5 @@
-import { B as r } from "./Button-COkapD0v.js";
-import { p } from "./plugin-CBhgqomZ.js";
+import { B as r } from "./Button-CAiIEdkK.js";
+import { p } from "./plugin-DcWjzc_X.js";
 export {
   r as Button,
   p as ButtonPlugin

package/dist/Dropdown.js

@@ -1,5 +1,5 @@
-import { _ as p } from "./Dropdown.vue_vue_type_script_setup_true_lang-Bt-imwu7.js";
-import { p as a } from "./plugin-BwRXtPzh.js";
+import { _ as p } from "./Dropdown.vue_vue_type_script_setup_true_lang-pjG__bX2.js";
+import { p as a } from "./plugin-CNqL90UL.js";
 export {
   p as Dropdown,
   a as DropdownPlugin

package/dist/{Dropdown.vue_vue_type_script_setup_true_lang-Bt-imwu7.js → Dropdown.vue_vue_type_script_setup_true_lang-pjG__bX2.js}

@@ -75,7 +75,7 @@ const j = /* @__PURE__ */ U("span", null, "Loading...", -1), q = ["aria-selected
         ref_key: "listRef",
         ref: y,
         role: "listbox",
-        class: u(["text-left max-h-60 min-w-[12rem] z-10 overflow-y-auto scrollbar select-none floatable", [s.wrapperRoundnessClass, s.wrapperPaddingClass]]),
+        class: u(["text-left max-h-60 min-w-[12rem] z-10 overflow-y-auto scrollbar select-none floatable w-full", [s.wrapperRoundnessClass, s.wrapperPaddingClass]]),
         onScrollend: M,
         onMousemove: t[0] || (t[0] = () => f.value = "mouse"),
         onKeydown: D

package/dist/Icon.js

@@ -1,5 +1,5 @@
-import { _ as n } from "./Icon.vue_vue_type_script_setup_true_lang-CNUyv7CY.js";
-import { p as a } from "./plugin-BriPeDzu.js";
+import { _ as n } from "./Icon.vue_vue_type_script_setup_true_lang-DXUyEtqW.js";
+import { p as a } from "./plugin-Dk3KBChD.js";
 export {
   n as Icon,
   a as IconPlugin

package/dist/Icon.vue_vue_type_script_setup_true_lang-DXUyEtqW.js

@@ -0,0 +1,45 @@
+import { defineComponent as u, ref as m, computed as p, watch as f, openBlock as h, createElementBlock as d, normalizeClass as k, unref as t, normalizeStyle as w } from "vue";
+import { a as o } from "./ui-BC6H9E93.js";
+const b = (n, i) => {
+  const s = n[i];
+  return s ? typeof s == "function" ? s() : Promise.resolve(s) : new Promise((r, e) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(e.bind(null, new Error("Unknown variable dynamic import: " + i)));
+  });
+}, y = ["innerHTML", "role"], _ = /* @__PURE__ */ u({
+  name: "TIcon",
+  __name: "Icon",
+  props: {
+    icon: {},
+    role: { default: "" },
+    size: { default: o.Default }
+  },
+  setup(n, { expose: i }) {
+    const s = n, r = m(""), e = m(null), g = p(() => s.role === "button"), v = p(() => s.role !== "" ? s.role : ""), l = async () => (await b(/* @__PURE__ */ Object.assign({ "../../assets/icons/account.svg": () => import("./account-BJGxzbeL.js"), "../../assets/icons/alert-octagon-outline.svg": () => import("./alert-octagon-outline-fM2QVbyq.js"), "../../assets/icons/alert-octagon.svg": () => import("./alert-octagon-BIUtdQBd.js"), "../../assets/icons/archive-outline.svg": () => import("./archive-outline-BT6uCRX5.js"), "../../assets/icons/archive.svg": () => import("./archive-DDuuzVUo.js"), "../../assets/icons/arrow-left.svg": () => import("./arrow-left-CVipcGWo.js"), "../../assets/icons/arrow-right.svg": () => import("./arrow-right-DHFo5L72.js"), "../../assets/icons/bank-outline.svg": () => import("./bank-outline-wy0O9ni0.js"), "../../assets/icons/bank.svg": () => import("./bank-lwoR1P6d.js"), "../../assets/icons/camera.svg": () => import("./camera-BXoPauop.js"), "../../assets/icons/cards-outline.svg": () => import("./cards-outline-B0no8Z63.js"), "../../assets/icons/cards-variant.svg": () => import("./cards-variant-CU6V8mdM.js"), "../../assets/icons/cart-outline.svg": () => import("./cart-outline-C99s8OpS.js"), "../../assets/icons/chart-box-outline.svg": () => import("./chart-box-outline-C9ymwfIH.js"), "../../assets/icons/chart-box.svg": () => import("./chart-box-tyepg_QH.js"), "../../assets/icons/check-circle-outline.svg": () => import("./check-circle-outline-B4zmPfuc.js"), "../../assets/icons/check-circle.svg": () => import("./check-circle-C3Kf7DnE.js"), "../../assets/icons/check.svg": () => import("./check-iUT-FuWa.js"), "../../assets/icons/checkbox-dark.svg": () => import("./checkbox-dark-D_btgwCX.js"), "../../assets/icons/checkbox-indeterminate-dark.svg": () => import("./checkbox-indeterminate-dark-CSrkJBRG.js"), "../../assets/icons/checkbox-indeterminate.svg": () => import("./checkbox-indeterminate-CtbmyFkw.js"), "../../assets/icons/checkbox.svg": () => import("./checkbox-TojXdFTq.js"), "../../assets/icons/chevron-down.svg": () => import("./chevron-down-CJLshITY.js"), "../../assets/icons/chevron-left.svg": () => import("./chevron-left-n_sGCmlG.js"), "../../assets/icons/chevron-right.svg": () => import("./chevron-right-C8uLqjmq.js"), "../../assets/icons/chevron-up.svg": () => import("./chevron-up-b6VdQM8S.js"), "../../assets/icons/circle.svg": () => import("./circle-DhoEDuC5.js"), "../../assets/icons/clock.svg": () => import("./clock-BqMI2OIG.js"), "../../assets/icons/close-circle-outline.svg": () => import("./close-circle-outline-CUXfYV4M.js"), "../../assets/icons/close-circle.svg": () => import("./close-circle-Bvyw4JKW.js"), "../../assets/icons/close.svg": () => import("./close-DemH4JAO.js"), "../../assets/icons/cog.svg": () => import("./cog-Dd9I6z5D.js"), "../../assets/icons/color-fill.svg": () => import("./color-fill-DWx77G0p.js"), "../../assets/icons/copy.svg": () => import("./copy-D-Dqxp8h.js"), "../../assets/icons/credit-card-plus.svg": () => import("./credit-card-plus-TUZq5Zi0.js"), "../../assets/icons/credit-card.svg": () => import("./credit-card-B3VjoUad.js"), "../../assets/icons/currency.svg": () => import("./currency-BuSji4qA.js"), "../../assets/icons/database.svg": () => import("./database-CNG_l2Or.js"), "../../assets/icons/dots-grid.svg": () => import("./dots-grid-BhRGZg1t.js"), "../../assets/icons/dots-vertical.svg": () => import("./dots-vertical-nYIDxlT1.js"), "../../assets/icons/email-open-outline.svg": () => import("./email-open-outline-NlRAK8vu.js"), "../../assets/icons/email-outline.svg": () => import("./email-outline-v-beMKo_.js"), "../../assets/icons/eye-off.svg": () => import("./eye-off-Dq2WOPSG.js"), "../../assets/icons/eye.svg": () => import("./eye-C7_UM0rn.js"), "../../assets/icons/file-document-plus-outline.svg": () => import("./file-document-plus-outline-C_GeG8ak.js"), "../../assets/icons/filmstrip.svg": () => import("./filmstrip-Dg66xHap.js"), "../../assets/icons/filter.svg": () => import("./filter-07gM0IrM.js"), "../../assets/icons/fullscreen-exit.svg": () => import("./fullscreen-exit-DvHy2f8E.js"), "../../assets/icons/fullscreen.svg": () => import("./fullscreen-daZRwm-1.js"), "../../assets/icons/group.svg": () => import("./group-B1HQcmCl.js"), "../../assets/icons/image-album-outline.svg": () => import("./image-album-outline-oiPipPnp.js"), "../../assets/icons/image-album.svg": () => import("./image-album-DVl72ioK.js"), "../../assets/icons/image-outline.svg": () => import("./image-outline-CLpFyr7w.js"), "../../assets/icons/image.svg": () => import("./image-C-DY_SfK.js"), "../../assets/icons/info-outline.svg": () => import("./info-outline-Mn6Hjz_K.js"), "../../assets/icons/key-chain.svg": () => import("./key-chain-D-8-GrU2.js"), "../../assets/icons/key-variant.svg": () => import("./key-variant-DViBRFAJ.js"), "../../assets/icons/key.svg": () => import("./key-B8iEXxGx.js"), "../../assets/icons/listbox-outline.svg": () => import("./listbox-outline-BBriTS-r.js"), "../../assets/icons/loading.svg": () => import("./loading-E4eFmVsP.js"), "../../assets/icons/lock-outline.svg": () => import("./lock-outline-K2LxC2b6.js"), "../../assets/icons/lock.svg": () => import("./lock-Nv-e-b24.js"), "../../assets/icons/logout.svg": () => import("./logout-BHwFpuou.js"), "../../assets/icons/menu-down.svg": () => import("./menu-down-B4Fy5IG1.js"), "../../assets/icons/menu-left.svg": () => import("./menu-left-D8G3frKt.js"), "../../assets/icons/menu-right.svg": () => import("./menu-right-CMt4thJ2.js"), "../../assets/icons/menu.svg": () => import("./menu-pq7WWaJu.js"), "../../assets/icons/minus-circle-outline.svg": () => import("./minus-circle-outline-B-x6EXPD.js"), "../../assets/icons/minus-circle.svg": () => import("./minus-circle-D_N5NZW-.js"), "../../assets/icons/minus.svg": () => import("./minus-CSCkQnOm.js"), "../../assets/icons/moon.svg": () => import("./moon-Bhm_ZTV6.js"), "../../assets/icons/open-in-new.svg": () => import("./open-in-new-C2Btl_1k.js"), "../../assets/icons/pencil.svg": () => import("./pencil-BETebgXX.js"), "../../assets/icons/people.svg": () => import("./people-BUW1DRzH.js"), "../../assets/icons/piggy-bank-outline.svg": () => import("./piggy-bank-outline-5cDQNrSU.js"), "../../assets/icons/plus-circle-outline.svg": () => import("./plus-circle-outline-C-kkX0ke.js"), "../../assets/icons/plus-circle.svg": () => import("./plus-circle-Cl0YprEp.js"), "../../assets/icons/plus.svg": () => import("./plus-sbcOm60H.js"), "../../assets/icons/qrcode-scan.svg": () => import("./qrcode-scan-CpLrVFw_.js"), "../../assets/icons/radio-dark.svg": () => import("./radio-dark-Cr5v17AF.js"), "../../assets/icons/radio.svg": () => import("./radio-DkjVAhsO.js"), "../../assets/icons/refresh.svg": () => import("./refresh-DPlMWd1M.js"), "../../assets/icons/save.svg": () => import("./save-BmMH4S8b.js"), "../../assets/icons/search.svg": () => import("./search-Co2MwWOK.js"), "../../assets/icons/spotlight.svg": () => import("./spotlight-TNyCQzOY.js"), "../../assets/icons/store-outline.svg": () => import("./store-outline-B-fuVZzv.js"), "../../assets/icons/sun.svg": () => import("./sun-BWKjCEHH.js"), "../../assets/icons/swap-horizontal.svg": () => import("./swap-horizontal-DociZUG2.js"), "../../assets/icons/swap-left.svg": () => import("./swap-left-Bd2DOgf3.js"), "../../assets/icons/swap-right.svg": () => import("./swap-right-D0VYxBDb.js"), "../../assets/icons/swap.svg": () => import("./swap-CNbqKTl0.js"), "../../assets/icons/system-theme.svg": () => import("./system-theme-Cez6mSv_.js"), "../../assets/icons/tag-outline.svg": () => import("./tag-outline-Ce_qOxif.js"), "../../assets/icons/trash-can-outline.svg": () => import("./trash-can-outline-DjtqZHOC.js"), "../../assets/icons/trash-can.svg": () => import("./trash-can-CKPtMqSf.js"), "../../assets/icons/upload.svg": () => import("./upload-CKfrBexU.js"), "../../assets/icons/user-circle.svg": () => import("./user-circle-D102n1FB.js"), "../../assets/icons/zip-box.svg": () => import("./zip-box-C10560VY.js") }), `../../assets/icons/${s.icon}.svg`)).default;
+    return f(
+      () => s.icon,
+      async (c, a) => {
+        c !== a && (r.value = await l());
+      },
+      { immediate: !0 }
+    ), i({ reference: e }), (c, a) => (h(), d("i", {
+      innerHTML: r.value,
+      ref_key: "reference",
+      ref: e,
+      class: k(["inline-block fill-current", {
+        "w-3 h-3": s.size === t(o).ExtraSmall,
+        "w-5 h-5": s.size === t(o).Small,
+        "w-6 h-6": s.size === t(o).Default,
+        "w-12 h-12": s.size === t(o).Large,
+        "w-16 h-16": s.size === t(o).ExtraLarge,
+        "cursor-pointer": g.value
+      }]),
+      style: w(
+        typeof s.size == "number" ? `width: ${s.size}px; height: ${s.size}px;` : ""
+      ),
+      role: v.value
+    }, null, 14, y));
+  }
+});
+export {
+  _
+};

package/dist/InputDate.js

@@ -1,5 +1,5 @@
-import { _ as a } from "./InputDate.vue_vue_type_script_setup_true_lang-Do47MTJJ.js";
-import { p as o } from "./plugin-Dy14_LJS.js";
+import { _ as a } from "./InputDate.vue_vue_type_script_setup_true_lang-D6nd7-IJ.js";
+import { p as o } from "./plugin-CN6om3My.js";
 export {
   a as InputDate,
   o as InputDatePlugin

package/dist/{InputDate.vue_vue_type_script_setup_true_lang-Do47MTJJ.js → InputDate.vue_vue_type_script_setup_true_lang-D6nd7-IJ.js}

@@ -1,5 +1,5 @@
 import { defineComponent as X, ref as f, watch as O, computed as Y, onBeforeMount as Z, resolveComponent as ee, openBlock as c, createElementBlock as v, createElementVNode as n, withKeys as te, withDirectives as oe, toDisplayString as x, unref as le, Fragment as F, renderList as T, normalizeClass as $, createVNode as B, vShow as ne } from "vue";
-import { u as ae } from "./useDomHelpers-5CFMo6bx.js";
+import { u as ae } from "./useDomHelpers-CGVrQd35.js";
 import { f as E } from "./index-CjvqeRf7.js";
 import { g as L, s as S, a as se, b as N, c as re } from "./index-CuyePt3m.js";
 const ue = ["value"], ie = {

package/dist/InputPhone.js

@@ -1,5 +1,5 @@
-import { _ as p } from "./InputPhone.vue_vue_type_script_setup_true_lang-DXtliNyv.js";
-import { p as r } from "./plugin-CGIfywdY.js";
+import { _ as p } from "./InputPhone.vue_vue_type_script_setup_true_lang-B4TULqLW.js";
+import { p as r } from "./plugin-CrHDShgh.js";
 export {
   p as InputPhone,
   r as InputPhonePlugin

package/dist/{InputPhone.vue_vue_type_script_setup_true_lang-DXtliNyv.js → InputPhone.vue_vue_type_script_setup_true_lang-B4TULqLW.js}

@@ -1,5 +1,5 @@
-import { defineComponent as w, ref as s, onBeforeMount as g, watch as h, resolveComponent as p, openBlock as I, createElementBlock as B, createVNode as m, withCtx as f, createElementVNode as v, toDisplayString as l } from "vue";
-const j = { class: "h-9 flex input-bg-color input-text-color border input-border input-roundness w-full" }, E = /* @__PURE__ */ w({
+import { defineComponent as y, ref as r, onBeforeMount as g, watch as h, resolveComponent as p, openBlock as I, createElementBlock as B, createVNode as m, withCtx as f, createElementVNode as b, toDisplayString as l } from "vue";
+const k = { class: "flex items-center h-9 w-full input-bg-color input-text-color border input-border input-roundness" }, N = /* @__PURE__ */ y({
   name: "TInputPhone",
   __name: "InputPhone",
   props: {
@@ -7,12 +7,12 @@ const j = { class: "h-9 flex input-bg-color input-text-color border input-border
     modelValue: { default: () => ({}) }
   },
   emits: ["update:model-value"],
-  setup(b, { emit: _ }) {
-    const u = b, C = _, a = s(""), o = s(), r = s([]), i = s([]), d = () => {
-      if (!o.value)
+  setup(v, { emit: _ }) {
+    const u = v, C = _, a = r(""), n = r(), i = r([]), s = r([]), d = () => {
+      if (!n.value)
         return;
-      const e = i.value.find(
-        (n) => n.dialCode === o.value
+      const e = s.value.find(
+        (o) => o.dialCode === n.value
       );
       e && C("update:model-value", {
         iso2: e.iso2,
@@ -20,14 +20,14 @@ const j = { class: "h-9 flex input-bg-color input-text-color border input-border
         number: a.value ?? ""
       });
     }, V = async () => {
-      u.resource && (i.value = await u.resource(), r.value = i.value.map(
+      u.resource && (s.value = await u.resource(), i.value = s.value.map(
         (e) => ({
           label: e,
           value: e.dialCode
         })
       ) ?? []);
     }, c = async (e) => {
-      e && typeof e == "object" && (o.value = e.dialCode, "number" in e && (a.value = e.number));
+      e && typeof e == "object" && (n.value = e.dialCode, "number" in e && (a.value = e.number));
     };
     return g(async () => {
       await V(), c(u.modelValue);
@@ -37,30 +37,31 @@ const j = { class: "h-9 flex input-bg-color input-text-color border input-border
         c(e);
       },
       { immediate: !0 }
-    ), (e, n) => {
-      const x = p("t-input-select"), y = p("t-input-text");
-      return I(), B("div", j, [
-        m(x, {
-          modelValue: o.value,
+    ), (e, o) => {
+      const w = p("t-input-select"), x = p("t-input-text");
+      return I(), B("div", k, [
+        m(w, {
+          modelValue: n.value,
           "onUpdate:modelValue": [
-            n[0] || (n[0] = (t) => o.value = t),
+            o[0] || (o[0] = (t) => n.value = t),
             d
           ],
-          options: r.value,
-          "disable-style": !0,
-          class: "border-r min-w-20 flex justify-center items-center input-border"
+          options: i.value,
+          "width-class": "min-w-20",
+          "border-class": "border-t border-r border-b input-border",
+          "roundness-class": ""
         }, {
           default: f((t) => [
-            v("span", null, l(t.flag) + " " + l(t.name) + " +" + l(t.dialCode), 1)
+            b("span", null, l(t.flag) + " " + l(t.name) + " +" + l(t.dialCode), 1)
           ]),
           selection: f((t) => [
-            v("span", null, l(t.flag) + " +" + l(t.dialCode), 1)
+            b("span", null, l(t.flag) + " +" + l(t.dialCode), 1)
           ]),
           _: 1
         }, 8, ["modelValue", "options"]),
-        m(y, {
+        m(x, {
           modelValue: a.value,
-          "onUpdate:modelValue": n[1] || (n[1] = (t) => a.value = t),
+          "onUpdate:modelValue": o[1] || (o[1] = (t) => a.value = t),
           "disable-style": !0,
           class: "w-full input-bg-color input-text-color input-outline input-roundness input-padding",
           onInput: d
@@ -70,5 +71,5 @@ const j = { class: "h-9 flex input-bg-color input-text-color border input-border
   }
 });
 export {
-  E as _
+  N as _
 };

package/dist/InputPrice.js

@@ -1,5 +1,5 @@
-import { _ as e } from "./InputPrice.vue_vue_type_script_setup_true_lang-DBMW1AwZ.js";
-import { p as t } from "./plugin-DgCWOSWh.js";
+import { _ as e } from "./InputPrice.vue_vue_type_script_setup_true_lang-BX4rsYIr.js";
+import { p as t } from "./plugin-z8Hr_T_O.js";
 export {
   e as InputPrice,
   t as InputPricePlugin

package/dist/InputPrice.vue_vue_type_script_setup_true_lang-BX4rsYIr.js

@@ -0,0 +1,67 @@
+import { defineComponent as p, mergeModels as c, useModel as m, watch as v, resolveComponent as b, openBlock as f, createElementBlock as _, createVNode as g, withDirectives as h, createElementVNode as x, vModelText as N } from "vue";
+const I = {
+  options: {
+    precision: 2
+  },
+  inputToPriceNumber(r) {
+    return r = r.replace(/[^0-9]/g, "").trim(), r ? parseFloat(r) / Math.pow(10, this.options.precision) : void 0;
+  }
+}, M = { class: "flex items-center h-9 w-full input-bg-color input-text-color border input-border input-roundness" }, P = ["disabled"], y = /* @__PURE__ */ p({
+  name: "TInputPrice",
+  inheritAttrs: !1,
+  __name: "InputPrice",
+  props: /* @__PURE__ */ c({
+    resource: { type: Function },
+    disabled: { type: Boolean }
+  }, {
+    modelValue: {
+      default: {
+        iso: "",
+        value: void 0
+      }
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(r, { emit: n }) {
+    const t = m(r, "modelValue"), i = r, u = (e) => ({
+      label: e.symbol,
+      value: e.iso
+    }), a = (e, o) => {
+      if (o === void 0) {
+        t.value = { ...t.value };
+        return;
+      }
+      e?.value && e.value !== o?.value && (t.value.value = e.value), e?.iso && e.iso !== o?.iso && (t.value.iso = e.iso);
+    }, d = (e) => {
+      const s = e.target.value;
+      return t.value.value = I.inputToPriceNumber(s), !1;
+    };
+    return v(t, a, { immediate: !0 }), (e, o) => {
+      const s = b("t-input-select");
+      return f(), _("div", M, [
+        g(s, {
+          modelValue: t.value.iso,
+          "onUpdate:modelValue": o[0] || (o[0] = (l) => t.value.iso = l),
+          resource: i.resource,
+          mapper: u,
+          "width-class": "w-20",
+          "border-class": "border-t border-r border-b input-border",
+          "roundness-class": ""
+        }, null, 8, ["modelValue", "resource"]),
+        h(x("input", {
+          "onUpdate:modelValue": o[1] || (o[1] = (l) => t.value.value = l),
+          type: "text",
+          class: "w-full h-full input-bg-color input-text-color input-outline input-roundness input-padding",
+          disabled: i.disabled,
+          onInput: d
+        }, null, 40, P), [
+          [N, t.value.value]
+        ])
+      ]);
+    };
+  }
+});
+export {
+  y as _
+};

package/dist/InputSelect.js

@@ -1,5 +1,5 @@
-import { _ as p } from "./InputSelect.vue_vue_type_script_setup_true_lang-ukwmeVxc.js";
-import { p as r } from "./plugin-BR7RSh1H.js";
+import { _ as p } from "./InputSelect.vue_vue_type_script_setup_true_lang-BlA3DIYZ.js";
+import { p as r } from "./plugin-Daf_swsz.js";
 export {
   p as InputSelect,
   r as InputSelectPlugin