@dimasbaguspm/versaur 0.0.55 → 0.0.57

package/dist/js/forms/index.js

@@ -1,4 +1,4 @@
-import { C as a, b as n, a as p, D as u, E as s, P as i, c as I, R as l, S as c, d as S, f as r, e as h, g as o, i as x, T as P, h as T, j as b } from "../time-picker-input-CYBfc7s_.js";
+import { C as a, b as n, a as p, D as u, E as s, P as i, c as I, R as l, S as c, d as S, f as r, e as h, g as o, i as x, T as P, h as T, j as b } from "../time-picker-input-BgbyllDK.js";
 export {
   a as CheckboxInput,
   n as ChipMultipleInput,

package/dist/js/index.js

@@ -1,10 +1,10 @@
 import { L as e, P as t, S as r } from "./skeleton-BNZyaRjo.js";
-import { A as n, a as u, B as p, b as i, F as c, e as l, c as I, P as B, d, S, T as m } from "./top-bar-Dqje-W3G.js";
-import { C as T, b, a as x, D as A, E as h, P, c as C, R as f, S as k, d as M, f as F, e as L, g as D, i as H, T as R, h as G, j } from "./time-picker-input-CYBfc7s_.js";
+import { A as n, a as u, B as p, b as i, F as c, e as l, c as I, P as B, d, S, T as m } from "./top-bar-Do2JqSqe.js";
+import { C as T, b, a as x, D as A, E as h, P, c as C, R as f, S as k, d as M, f as F, e as L, g as D, i as H, T as R, h as G, j } from "./time-picker-input-BgbyllDK.js";
 import { B as v, D as w, M as E, T as N } from "./tooltip-nZW9TUz3.js";
 import { A as z, a as J, b as K, c as O, d as Q, e as U, f as V, B as W, s as X, g as Y, h as Z, i as _, l as $, j as aa, k as sa, C as ea, F as ta, H as ra, m as oa, I as na, p as ua, r as pa, q as ia, M as ca, N as la, T as Ia, n as Ba, o as da } from "./image-rectangle-K9jmTTED.js";
 import { S as ma } from "./snackbar-DH8jCh2V.js";
-import { B as Ta, T as ba } from "./tabs-I4n6MLAv.js";
+import { B as Ta, T as ba } from "./tabs-CmfJNCe6.js";
 import { S as Aa, u as ha } from "./use-snackbars-Cou8L41F.js";
 export {
   z as Accordion,

package/dist/js/layouts/index.js

@@ -1,4 +1,4 @@
-import { A as r, a as e, B as s, b as t, F as p, e as B, c as d, P as u, d as g, S as P, T as i } from "../top-bar-Dqje-W3G.js";
+import { A as r, a as e, B as s, b as t, F as p, e as B, c as d, P as u, d as g, S as P, T as i } from "../top-bar-Do2JqSqe.js";
 export {
   r as AppBar,
   e as BadgeGroup,

package/dist/js/navigation/index.js

@@ -1,4 +1,4 @@
-import { B as s, T as b } from "../tabs-I4n6MLAv.js";
+import { B as s, T as b } from "../tabs-CmfJNCe6.js";
 export {
   s as Breadcrumbs,
   b as Tabs

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

@@ -1,21 +1,21 @@
-import { c as l, j as t, a as b } from "./index-DOdDlCoL.js";
+import { c as d, j as t, a as f } from "./index-DOdDlCoL.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 { 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 +30,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, {
+), D = 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 +63,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 +94,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 +106,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 +127,7 @@ const R = m(
   "div",
   {
     "aria-hidden": "true",
-    className: b(V(), n),
+    className: f(V(), n),
     style: {
       left: e,
       width: s
@@ -129,7 +135,7 @@ const R = m(
     ...a
   }
 );
-function $(e, s) {
+function W(e, s) {
   const [n, a] = g({
     left: 0,
     width: 0
@@ -137,57 +143,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 +209,10 @@ const q = ({
       ] })
     }
   ) });
-}, G = Object.assign(q, {
+}, G = Object.assign($, {
   Trigger: A
 });
 export {
-  W as B,
+  D as B,
   G as T
 };