@dimasbaguspm/versaur 0.0.56 → 0.0.58

package/dist/js/{tabs-I4n6MLAv.js → tabs-BQs53hHL.js}

@@ -1,21 +1,22 @@
-import { c as l, j as t, a as b } from "./index-DOdDlCoL.js";
+import { j as t } from "./jsx-runtime-C5mzlN2N.js";
+import { c as d, a as f } from "./index-BDtz_hQY.js";
 import { forwardRef as m, createContext as p, useContext as h, useState as g, useLayoutEffect as j, useRef as T } from "react";
-import { I as w } from "./image-rectangle-K9jmTTED.js";
-import "./snackbar-DH8jCh2V.js";
+import { I as w } from "./image-rectangle-CCvXv24a.js";
+import "./snackbar-CTq4MLir.js";
 import { ChevronRight as y } from "lucide-react";
-const I = l(
+const I = d(
   "flex items-center gap-2 text-sm text-gray-500"
-), C = l(
+), C = d(
   "inline-flex items-center gap-1 transition-colors hover:underline cursor-pointer"
-), N = m(function({ children: s, icon: n, isCurrent: a, className: r, ...i }, o) {
+), N = m(function({ children: s, icon: n, isCurrent: a, className: r, ...o }, i) {
   return /* @__PURE__ */ t.jsx("li", { className: "flex items-center", children: /* @__PURE__ */ t.jsxs(
     "a",
     {
-      ref: o,
+      ref: i,
       "aria-current": a ? "page" : void 0,
       tabIndex: a ? -1 : 0,
-      className: b(C(), r),
-      ...i,
+      className: f(C(), r),
+      ...o,
       children: [
         n && /* @__PURE__ */ t.jsx("span", { className: "mr-1 inline-flex", children: n }),
         s
@@ -30,20 +31,20 @@ const R = m(
   function({ children: s, "aria-label": n = "Breadcrumb", ...a }, r) {
     return /* @__PURE__ */ t.jsx("nav", { "aria-label": n, ...a, children: /* @__PURE__ */ t.jsx("ol", { ref: r, className: I(), children: s }) });
   }
-), W = Object.assign(R, {
+), G = Object.assign(R, {
   Item: N,
   Separator: B
-}), f = p(null), S = () => {
-  const e = h(f);
+}), x = p(null), S = () => {
+  const e = h(x);
   if (!e)
     throw new Error("useTabsContext must be used within a TabsProvider");
   return e;
-}, E = l(
+}, E = d(
   [
-    "inline-flex items-center justify-center",
+    "flex items-center justify-center",
     "px-4 py-2",
     "text-sm font-normal",
-    "text-foreground",
+    "text-foreground text-center",
     "transition-all duration-200",
     "border-b-2 border-transparent",
     "select-none",
@@ -63,20 +64,25 @@ const R = m(
       active: {
         true: "text-primary font-medium",
         false: "hover:text-primary"
+      },
+      fullWidth: {
+        true: "flex-1 w-full",
+        false: ""
       }
     },
     defaultVariants: {
-      active: !1
+      active: !1,
+      fullWidth: !1
     }
   }
-), L = l([
+), L = d([
   "flex flex-row w-full",
   "border-b border-border",
   "overflow-x-auto overflow-y-visible",
   "whitespace-nowrap",
   // Ensure focus rings with offset are not cropped (2px ring + 2px offset = 4px needed)
   "py-1"
-]), V = l([
+]), V = d([
   "absolute bottom-0",
   "h-0.5 rounded",
   "bg-primary",
@@ -89,10 +95,10 @@ const R = m(
   onClick: a,
   ...r
 }) => {
-  const { activeTab: i, setActiveTab: o } = S(), c = i === e, d = (u) => {
-    u.preventDefault(), o(e), a?.(u);
+  const { activeTab: o, setActiveTab: i, fullWidth: l } = S(), c = o === e, b = (u) => {
+    u.preventDefault(), i(e), a?.(u);
   };
-  return /* @__PURE__ */ t.jsx("li", { role: "presentation", children: /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsx("li", { role: "presentation", className: l ? "flex-1" : void 0, children: /* @__PURE__ */ t.jsx(
     "a",
     {
       role: "tab",
@@ -101,13 +107,14 @@ const R = m(
       "aria-controls": `tabs-content-${e}`,
       "aria-current": c ? "page" : void 0,
       href: `#${e}`,
-      className: b(
+      className: f(
         E({
-          active: c
+          active: c,
+          fullWidth: l
         }),
         n
       ),
-      onClick: d,
+      onClick: b,
       ...r,
       children: s
     }
@@ -121,7 +128,7 @@ const R = m(
   "div",
   {
     "aria-hidden": "true",
-    className: b(V(), n),
+    className: f(V(), n),
     style: {
       left: e,
       width: s
@@ -129,7 +136,7 @@ const R = m(
     ...a
   }
 );
-function $(e, s) {
+function W(e, s) {
   const [n, a] = g({
     left: 0,
     width: 0
@@ -137,57 +144,59 @@ function $(e, s) {
   return j(() => {
     const r = s.current;
     if (!r) return;
-    const i = r.querySelector(
+    const o = r.querySelector(
       `a#tabs-trigger-${e}`
     );
-    if (!i) return;
-    const o = i.parentElement;
     if (!o) return;
-    const c = () => {
-      const x = o.offsetLeft - r.scrollLeft, v = o.offsetWidth;
-      a({ left: x, width: v });
+    const i = o.parentElement;
+    if (!i) return;
+    const l = () => {
+      const u = i.offsetLeft - r.scrollLeft, v = i.offsetWidth;
+      a({ left: u, width: v });
     };
-    c();
-    const d = () => {
-      c();
+    l();
+    const c = () => {
+      l();
     };
-    r.addEventListener("scroll", d, { passive: !0 });
-    const u = requestAnimationFrame(() => {
-      i.scrollIntoView({
+    r.addEventListener("scroll", c, { passive: !0 });
+    const b = requestAnimationFrame(() => {
+      o.scrollIntoView({
         behavior: "smooth",
         inline: "center",
         block: "nearest"
       });
     });
     return () => {
-      cancelAnimationFrame(u), r.removeEventListener("scroll", d);
+      cancelAnimationFrame(b), r.removeEventListener("scroll", c);
     };
   }, [e, s]), n;
 }
-const q = ({
+const $ = ({
   value: e,
   onValueChange: s,
   children: n,
   className: a,
-  ...r
+  fullWidth: r = !1,
+  ...o
 }) => {
   const i = {
     activeTab: e,
-    setActiveTab: s
-  }, o = T(null), c = $(e, o);
-  return /* @__PURE__ */ t.jsx(f.Provider, { value: i, children: /* @__PURE__ */ t.jsx(
+    setActiveTab: s,
+    fullWidth: r
+  }, l = T(null), c = W(e, l);
+  return /* @__PURE__ */ t.jsx(x.Provider, { value: i, children: /* @__PURE__ */ t.jsx(
     "nav",
     {
-      className: b("relative w-full", a),
+      className: f("relative w-full", a),
       "aria-label": "Tabs",
-      ...r,
+      ...o,
       children: /* @__PURE__ */ t.jsxs("div", { className: "relative overflow-hidden", children: [
         /* @__PURE__ */ t.jsx(
           "ul",
           {
             role: "tablist",
             className: L(),
-            ref: o,
+            ref: l,
             children: n
           }
         ),
@@ -201,10 +210,10 @@ const q = ({
       ] })
     }
   ) });
-}, G = Object.assign(q, {
+}, H = Object.assign($, {
   Trigger: A
 });
 export {
-  W as B,
-  G as T
+  G as B,
+  H as T
 };

package/dist/js/{time-picker-input-BgbyllDK.js → time-picker-input-Disd231b.js}

@@ -1,8 +1,9 @@
-import { c as C, j as e, a as x } from "./index-DOdDlCoL.js";
+import { j as e } from "./jsx-runtime-C5mzlN2N.js";
 import m, { createContext as F, useContext as B, useId as A, forwardRef as O, useRef as T, useEffect as ne, useState as se } from "react";
-import { I as $ } from "./image-rectangle-K9jmTTED.js";
+import { c as C, a as x } from "./index-BDtz_hQY.js";
+import { I as $ } from "./image-rectangle-CCvXv24a.js";
 import { Calendar as oe, MailIcon as ie, Banknote as ce, SearchIcon as le, ChevronDown as de, Clock as ue } from "lucide-react";
-import "./snackbar-DH8jCh2V.js";
+import "./snackbar-CTq4MLir.js";
 const fe = C("space-y-2", {
   variants: {
     direction: {
@@ -116,7 +117,7 @@ const K = m.forwardRef(
   }
 );
 K.displayName = "CheckboxInput";
-const lt = Object.assign(K, {
+const dt = Object.assign(K, {
   Option: G
 }), _ = F(null), be = () => {
   const t = B(_);
@@ -234,7 +235,7 @@ const lt = Object.assign(K, {
       }
     ) });
   }
-), dt = Object.assign(ye, {
+), ut = Object.assign(ye, {
   Option: xe
 }), H = F(null), we = () => {
   const t = B(H);
@@ -357,7 +358,7 @@ const lt = Object.assign(K, {
       }
     ) });
   }
-), ut = Object.assign(ke, {
+), ft = Object.assign(ke, {
   Option: je
 }), Ie = C(
   "block w-full rounded-md border bg-white transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none disabled:bg-gray-50 text-left",
@@ -484,7 +485,7 @@ function Ne(t) {
     day: "numeric"
   });
 }
-const ft = m.forwardRef(function({ value: r = "", onChange: a, label: s, formatter: n, min: o, max: d, ...l }, c) {
+const pt = m.forwardRef(function({ value: r = "", onChange: a, label: s, formatter: n, min: o, max: d, ...l }, c) {
   const i = T(null), u = (b) => {
     i.current = b, typeof c == "function" ? c(b) : c && typeof c == "object" && (c.current = b);
   }, p = () => {
@@ -621,7 +622,7 @@ const ft = m.forwardRef(function({ value: r = "", onChange: a, label: s, formatt
   }
 );
 M.displayName = "TextInput";
-const pt = O(
+const mt = O(
   (t, r) => /* @__PURE__ */ e.jsx(
     M,
     {
@@ -847,7 +848,7 @@ function U(t, r = !1) {
   }
   return n = n.replace(/\.{2,}/g, "."), (a ? "-" : "") + n;
 }
-const mt = ({
+const ht = ({
   value: t,
   onChange: r,
   allowNegative: a = !1,
@@ -1048,9 +1049,9 @@ const mt = ({
       !f && s && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
     ] }) });
   }
-), ht = Object.assign(We, {
+), bt = Object.assign(We, {
   Option: Ae
-}), bt = O(
+}), gt = O(
   ({
     autoComplete: t = "off",
     spellCheck: r = !1,
@@ -1176,7 +1177,7 @@ const ee = m.forwardRef(
   }
 );
 ee.displayName = "SelectInput";
-const gt = Object.assign(ee, {
+const xt = Object.assign(ee, {
   Option: Y,
   OptionGroup: Z
 }), Te = C(
@@ -1630,7 +1631,7 @@ const et = C(
   }
 );
 at.displayName = "TextAreaInput";
-const xt = O(function(r, a) {
+const yt = O(function(r, a) {
   const s = (n) => {
     r?.onChange?.(n.target.value);
   };
@@ -1648,21 +1649,21 @@ const xt = O(function(r, a) {
   );
 });
 export {
-  lt as C,
-  ft as D,
-  pt as E,
+  dt as C,
+  pt as D,
+  mt as E,
   De as P,
-  ht as R,
-  bt as S,
+  bt as R,
+  gt as S,
   M as T,
-  dt as a,
-  ut as b,
-  mt as c,
-  gt as d,
+  ut as a,
+  ft as b,
+  ht as c,
+  xt as d,
   Ge as e,
   He as f,
   Ze as g,
   J as h,
   at as i,
-  xt as j
+  yt as j
 };