@dimasbaguspm/versaur 0.0.25 → 0.0.27

package/dist/js/{top-bar-PpiWsgeR.js → top-bar-BA88ij4M.js}

@@ -1,9 +1,8 @@
-import { c as i, j as s, a as l } from "./index-DOdDlCoL.js";
-import * as v from "react";
-import { forwardRef as n } from "react";
-import "./image-rectangle-GA3oWX7A.js";
+import { c as i, j as r, a as l } from "./index-DOdDlCoL.js";
+import * as b from "react";
+import { forwardRef as o } from "react";
+import { i as d } from "./image-rectangle-BGLYH2Gl.js";
 import "./snackbar-DH8jCh2V.js";
-import { T as d } from "./text-CRsIInRA.js";
 const h = i(
   "w-full flex flex-wrap items-center pt-3 mb-3 gap-2 bg-white [&>[data-versaur-appbar-bottom]]:basis-full [&>[data-versaur-appbar-bottom]]:w-full [&:has([data-versaur-appbar-bottom])>[data-versaur-appbar-leading]]:pl-4 [&:has([data-versaur-appbar-bottom])>[data-versaur-appbar-trailing]]:pr-4 [&:not(:has([data-versaur-appbar-bottom]))]:px-4",
   {
@@ -34,8 +33,8 @@ const h = i(
       placement: "start"
     }
   }
-), y = n(
-  ({ children: t, className: a }, e) => /* @__PURE__ */ s.jsx(
+), y = o(
+  ({ children: t, className: a }, e) => /* @__PURE__ */ r.jsx(
     "div",
     {
       ref: e,
@@ -44,8 +43,8 @@ const h = i(
       children: t
     }
   )
-), B = n(
-  ({ children: t, className: a }, e) => /* @__PURE__ */ s.jsx(
+), B = o(
+  ({ children: t, className: a }, e) => /* @__PURE__ */ r.jsx(
     "div",
     {
       ref: e,
@@ -54,7 +53,7 @@ const h = i(
       children: t
     }
   )
-), w = n(({ children: t, ...a }, e) => /* @__PURE__ */ s.jsx(
+), w = o(({ children: t, ...a }, e) => /* @__PURE__ */ r.jsx(
   d,
   {
     ...a,
@@ -66,7 +65,7 @@ const h = i(
     clamp: 1,
     children: t
   }
-)), N = n(({ children: t, ...a }, e) => /* @__PURE__ */ s.jsx(
+)), N = o(({ children: t, ...a }, e) => /* @__PURE__ */ r.jsx(
   d,
   {
     ...a,
@@ -79,8 +78,8 @@ const h = i(
     color: "gray",
     children: t
   }
-)), V = n(
-  ({ children: t, className: a }, e) => /* @__PURE__ */ s.jsx(
+)), V = o(
+  ({ children: t, className: a }, e) => /* @__PURE__ */ r.jsx(
     "div",
     {
       ref: e,
@@ -89,32 +88,32 @@ const h = i(
       children: t
     }
   )
-), T = n(
-  ({ children: t, className: a, placement: e }, r) => /* @__PURE__ */ s.jsx(
+), S = o(
+  ({ children: t, className: a, placement: e }, s) => /* @__PURE__ */ r.jsx(
     "div",
     {
-      ref: r,
+      ref: s,
       className: l(j({ placement: e }), a),
       children: t
     }
   )
-), S = ({
+), T = ({
   children: t,
   className: a,
   variant: e = "primary"
-}) => /* @__PURE__ */ s.jsx(
+}) => /* @__PURE__ */ r.jsx(
   "header",
   {
     className: l(h({ variant: e }), a),
     role: "banner",
     children: t
   }
-), ya = Object.assign(S, {
+), ya = Object.assign(T, {
   Leading: B,
   Headline: w,
   Subtitle: N,
   Trailing: V,
-  Center: T,
+  Center: S,
   Bottom: y
 }), H = i(
   "sticky bottom-0 left-0 w-full flex justify-between items-center bg-white border-t border-border shadow-xs z-40 safe-bottom px-8 py-1",
@@ -139,11 +138,11 @@ const h = i(
     }
   }
 ), A = i(
-  "flex flex-col items-center justify-center gap-1 px-2 py-1",
+  "flex flex-col items-center justify-center gap-1 px-2 py-1 select-none",
   {
     variants: {
       active: {
-        true: "font-semibold text-primary",
+        true: "text-primary",
         false: "text-ghost"
       }
     },
@@ -151,38 +150,38 @@ const h = i(
       active: !1
     }
   }
-), L = n(
-  ({ icon: t, label: a, active: e = !1, className: r, ...o }, c) => /* @__PURE__ */ s.jsxs(
+), z = o(
+  ({ icon: t, label: a, active: e = !1, className: s, ...n }, c) => /* @__PURE__ */ r.jsxs(
     "div",
     {
       ref: c,
       "aria-current": e ? "page" : void 0,
-      className: A({ active: e, className: r }),
-      ...o,
+      className: A({ active: e, className: s }),
+      ...n,
       children: [
         t,
-        a && /* @__PURE__ */ s.jsx("span", { className: "text-xs mt-0.5", children: a })
+        a && /* @__PURE__ */ r.jsx("span", { className: "text-xs mt-0.5", children: a })
       ]
     }
   )
-), P = ({
+), L = ({
   children: t,
   variant: a = "primary",
   size: e = "md",
-  className: r,
-  ...o
-}) => /* @__PURE__ */ s.jsx(
+  className: s,
+  ...n
+}) => /* @__PURE__ */ r.jsx(
   "nav",
   {
     role: "navigation",
     "aria-label": "Bottom navigation",
-    className: H({ variant: a, size: e, className: r }),
-    ...o,
+    className: H({ variant: a, size: e, className: s }),
+    ...n,
     children: t
   }
-), Ba = Object.assign(P, {
-  Item: L
-}), C = i("flex", {
+), Ba = Object.assign(L, {
+  Item: z
+}), P = i("flex", {
   variants: {
     orientation: {
       horizontal: "flex-row",
@@ -214,24 +213,85 @@ const h = i(
     gap: "md",
     fluid: !1
   }
-}), wa = n(
+}), wa = o(
   function({
     className: a,
     children: e,
-    orientation: r = "horizontal",
-    alignment: o = "start",
+    orientation: s = "horizontal",
+    alignment: n = "start",
     gap: c = "md",
     fluid: p = !1,
     ...m
-  }, x) {
-    return /* @__PURE__ */ s.jsx(
+  }, u) {
+    return /* @__PURE__ */ r.jsx(
       "div",
       {
-        ref: x,
+        ref: u,
+        className: l(
+          P({
+            orientation: s,
+            alignment: n,
+            gap: c,
+            fluid: p
+          }),
+          a
+        ),
+        role: "group",
+        ...m,
+        children: e
+      }
+    );
+  }
+), C = i("flex", {
+  variants: {
+    orientation: {
+      horizontal: "flex-row",
+      vertical: "flex-col"
+    },
+    alignment: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    },
+    gap: {
+      xs: "gap-1",
+      sm: "gap-2",
+      md: "gap-3",
+      lg: "gap-4",
+      xl: "gap-6"
+    },
+    fluid: {
+      true: "[&>*]:flex-1",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal",
+    alignment: "start",
+    gap: "md",
+    fluid: !1
+  }
+}), Na = o(
+  function({
+    className: a,
+    children: e,
+    orientation: s = "horizontal",
+    alignment: n = "start",
+    gap: c = "md",
+    fluid: p = !1,
+    ...m
+  }, u) {
+    return /* @__PURE__ */ r.jsx(
+      "div",
+      {
+        ref: u,
         className: l(
           C({
-            orientation: r,
-            alignment: o,
+            orientation: s,
+            alignment: n,
             gap: c,
             fluid: p
           }),
@@ -243,54 +303,54 @@ const h = i(
       }
     );
   }
-), z = i("w-full px-4 sm:px-6 py-6 sm:py-8"), Na = n(
-  ({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+), R = i("w-full px-4 sm:px-6 py-6 sm:py-8"), Va = o(
+  ({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r.jsx(
     "div",
     {
-      ref: r,
-      className: l(z(), a),
+      ref: s,
+      className: l(R(), a),
       ...e,
       children: t
     }
   )
-), R = i("w-full mt-4"), I = i(
+), I = i("w-full mt-4"), k = i(
   "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-4 px-4 sm:px-6 mb-4"
-), k = i("mb-4 px-4 sm:px-6"), F = i(
+), G = i("mb-4 px-4 sm:px-6"), F = i(
   "flex-1 min-w-0 flex flex-col gap-2 w-full sm:w-auto"
-), G = i("flex items-center gap-2 flex-wrap"), O = i(
+), O = i("flex items-center gap-2 flex-wrap"), W = i(
   "flex flex-col sm:flex-row gap-2 sm:gap-3 w-full sm:w-auto sm:ml-auto sm:shrink-0 [&>*]:w-full sm:[&>*]:w-auto"
-), W = i(
+), M = i(
   "w-full flex items-center px-4 sm:px-6 py-0 overflow-x-auto"
-), M = n(
-  ({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+), E = o(
+  ({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r.jsx(
     "div",
     {
-      ref: r,
-      className: l(I(), a),
+      ref: s,
+      className: l(k(), a),
       "data-versaur-page-header-top": !0,
       ...e,
       children: t
     }
   )
-), E = n(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+), $ = o(({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r.jsx(
   "div",
   {
-    ref: r,
-    className: l(k(), a),
+    ref: s,
+    className: l(G(), a),
     "data-versaur-page-header-breadcrumbs": !0,
     ...e,
     children: t
   }
-)), $ = n(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+)), q = o(({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r.jsx(
   "div",
   {
-    ref: r,
+    ref: s,
     className: l(F(), a),
     "data-versaur-page-header-content": !0,
     ...e,
     children: t
   }
-)), q = n((t, a) => /* @__PURE__ */ s.jsx(
+)), D = o((t, a) => /* @__PURE__ */ r.jsx(
   d,
   {
     ...t,
@@ -300,7 +360,7 @@ const h = i(
     ellipsis: !0,
     ref: a
   }
-)), D = n(({ className: t, ...a }, e) => /* @__PURE__ */ s.jsx(
+)), J = o(({ className: t, ...a }, e) => /* @__PURE__ */ r.jsx(
   d,
   {
     as: "p",
@@ -311,70 +371,70 @@ const h = i(
     className: l("mb-2 sm:clamp-3", t),
     ...a
   }
-)), J = n(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+)), K = o(({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r.jsx(
   "div",
   {
-    ref: r,
-    className: l(G(), a),
+    ref: s,
+    className: l(O(), a),
     "data-versaur-page-header-badges": !0,
     ...e,
     children: t
   }
-)), K = n(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+)), Q = o(({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r.jsx(
   "div",
   {
-    ref: r,
-    className: l(O(), a),
+    ref: s,
+    className: l(W(), a),
     "data-versaur-page-header-actions": !0,
     ...e,
     children: t
   }
-)), Q = n(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+)), U = o(({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r.jsx(
   "div",
   {
-    ref: r,
-    className: l(W(), a),
+    ref: s,
+    className: l(M(), a),
     "data-versaur-page-header-bottom": !0,
     ...e,
     children: t
   }
-)), U = n(
+)), X = o(
   ({
     children: t,
     className: a,
     title: e,
-    subtitle: r,
-    breadcrumbs: o,
+    subtitle: s,
+    breadcrumbs: n,
     badges: c,
     actions: p,
     tabs: m,
-    ...x
-  }, u) => {
-    const g = e || r || o || c || p, b = m;
-    return /* @__PURE__ */ s.jsxs(
+    ...u
+  }, f) => {
+    const g = e || s || n || c || p, v = m;
+    return /* @__PURE__ */ r.jsxs(
       "header",
       {
-        ref: u,
-        className: l(R(), a),
+        ref: f,
+        className: l(I(), a),
         role: "banner",
-        ...x,
+        ...u,
         children: [
-          o && /* @__PURE__ */ s.jsx(E, { children: o }),
-          g && /* @__PURE__ */ s.jsxs(M, { children: [
-            /* @__PURE__ */ s.jsxs($, { children: [
-              e && /* @__PURE__ */ s.jsx(q, { children: e }),
-              r && /* @__PURE__ */ s.jsx(D, { children: r }),
-              c && /* @__PURE__ */ s.jsx(J, { children: c })
+          n && /* @__PURE__ */ r.jsx($, { children: n }),
+          g && /* @__PURE__ */ r.jsxs(E, { children: [
+            /* @__PURE__ */ r.jsxs(q, { children: [
+              e && /* @__PURE__ */ r.jsx(D, { children: e }),
+              s && /* @__PURE__ */ r.jsx(J, { children: s }),
+              c && /* @__PURE__ */ r.jsx(K, { children: c })
             ] }),
-            p && /* @__PURE__ */ s.jsx(K, { children: p })
+            p && /* @__PURE__ */ r.jsx(Q, { children: p })
           ] }),
-          b && /* @__PURE__ */ s.jsx(Q, { children: m }),
+          v && /* @__PURE__ */ r.jsx(U, { children: m }),
           t
         ]
       }
     );
   }
-), Va = U, X = i("w-full mx-auto relative", {
+), Sa = X, Y = i("w-full mx-auto relative", {
   variants: {
     type: {
       desktop: "max-w-7xl px-6 pb-10",
@@ -385,19 +445,19 @@ const h = i(
   defaultVariants: {
     type: "desktop"
   }
-}), Ta = v.forwardRef(
-  function({ type: a = "desktop", className: e, children: r, ...o }, c) {
-    return /* @__PURE__ */ s.jsx(
+}), Ta = b.forwardRef(
+  function({ type: a = "desktop", className: e, children: s, ...n }, c) {
+    return /* @__PURE__ */ r.jsx(
       "div",
       {
         ref: c,
-        className: l(X({ type: a }), e),
-        ...o,
-        children: r
+        className: l(Y({ type: a }), e),
+        ...n,
+        children: s
       }
     );
   }
-), Y = i("grid w-full gap-4 grid-cols-12"), Z = i("", {
+), Z = i("grid w-full gap-4 grid-cols-12"), _ = i("", {
   variants: {
     span: {
       1: "col-span-1",
@@ -417,37 +477,37 @@ const h = i(
   defaultVariants: {
     span: "4"
   }
-}), _ = n(
-  function({ className: a, children: e, ...r }, o) {
-    return /* @__PURE__ */ s.jsx(
+}), aa = o(
+  function({ className: a, children: e, ...s }, n) {
+    return /* @__PURE__ */ r.jsx(
       "div",
       {
-        ref: o,
-        className: l(Y(), a),
-        ...r,
+        ref: n,
+        className: l(Z(), a),
+        ...s,
         children: e
       }
     );
   }
-), aa = n(
-  function({ span: a = 4, className: e, children: r, ...o }, c) {
+), ea = o(
+  function({ span: a = 4, className: e, children: s, ...n }, c) {
     const p = Math.min(12, Math.max(1, a));
-    return /* @__PURE__ */ s.jsx(
+    return /* @__PURE__ */ r.jsx(
       "div",
       {
         ref: c,
         className: l(
-          Z({ span: `${p}` }),
+          _({ span: `${p}` }),
           e
         ),
-        ...o,
-        children: r
+        ...n,
+        children: s
       }
     );
   }
-), Sa = Object.assign(_, {
-  Column: aa
-}), f = i(
+), Ha = Object.assign(aa, {
+  Column: ea
+}), x = i(
   "flex items-center gap-2 px-4 py-2 rounded-md hover:text-primary focus:outline-none transition-colors",
   {
     variants: {
@@ -465,52 +525,52 @@ const h = i(
       disabled: !1
     }
   }
-), ea = n(
+), ta = o(
   (t, a) => {
-    const { icon: e, children: r, href: o, onClick: c, active: p, ...m } = t;
-    if (typeof o == "string") {
-      const u = m;
-      return /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsxs(
+    const { icon: e, children: s, href: n, onClick: c, active: p, ...m } = t;
+    if (typeof n == "string") {
+      const f = m;
+      return /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsxs(
         "a",
         {
           ref: a,
-          href: o,
-          className: f({
+          href: n,
+          className: x({
             disabled: !!t["aria-disabled"],
             active: p
           }),
-          ...u,
+          ...f,
           children: [
             e,
-            /* @__PURE__ */ s.jsx(d, { as: "span", color: "inherit", fontSize: "sm", children: r })
+            /* @__PURE__ */ r.jsx(d, { as: "span", color: "inherit", fontSize: "sm", children: s })
           ]
         }
       ) });
     } else {
-      const u = m;
-      return /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsxs(
+      const f = m;
+      return /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsxs(
         "button",
         {
           ref: a,
           type: "button",
           onClick: c,
           className: l(
-            f({ disabled: !!u.disabled, active: p }),
+            x({ disabled: !!f.disabled, active: p }),
             "w-full text-left"
           ),
-          ...u,
+          ...f,
           children: [
             e,
-            /* @__PURE__ */ s.jsx(d, { as: "span", color: "inherit", fontSize: "sm", children: r })
+            /* @__PURE__ */ r.jsx(d, { as: "span", color: "inherit", fontSize: "sm", children: s })
           ]
         }
       ) });
     }
   }
-), ta = n(
-  function({ children: a, label: e, ...r }, o) {
-    return /* @__PURE__ */ s.jsxs("li", { ref: o, className: "flex flex-col gap-2 mt-2", ...r, children: [
-      /* @__PURE__ */ s.jsx(
+), sa = o(
+  function({ children: a, label: e, ...s }, n) {
+    return /* @__PURE__ */ r.jsxs("li", { ref: n, className: "flex flex-col gap-2 mt-2", ...s, children: [
+      /* @__PURE__ */ r.jsx(
         d,
         {
           as: "h2",
@@ -521,30 +581,30 @@ const h = i(
           children: e
         }
       ),
-      /* @__PURE__ */ s.jsx("ul", { className: "flex flex-col gap-1", children: a })
+      /* @__PURE__ */ r.jsx("ul", { className: "flex flex-col gap-1", children: a })
     ] });
   }
-), sa = n(
-  ({ children: t, ...a }, e) => /* @__PURE__ */ s.jsx(
+), ra = o(
+  ({ children: t, ...a }, e) => /* @__PURE__ */ r.jsx(
     "nav",
     {
       ref: e,
       className: "w-56 bg-background border-r border-border flex flex-col my-2",
       "aria-label": "Sidebar",
       ...a,
-      children: /* @__PURE__ */ s.jsx("div", { className: "flex-1 overflow-y-auto scrollbar-thin scrollbar-thumb-border scrollbar-track-background", children: /* @__PURE__ */ s.jsx("ul", { className: "flex flex-col gap-1 mx-2", children: t }) })
+      children: /* @__PURE__ */ r.jsx("div", { className: "flex-1 overflow-y-auto scrollbar-thin scrollbar-thumb-border scrollbar-track-background", children: /* @__PURE__ */ r.jsx("ul", { className: "flex flex-col gap-1 mx-2", children: t }) })
     }
   )
-), Ha = Object.assign(sa, {
-  Item: ea,
-  Group: ta
-}), ra = i(
+), Aa = Object.assign(ra, {
+  Item: ta,
+  Group: sa
+}), na = i(
   "w-full flex items-center px-6 py-4 mb-6 border-b border-border shadow-xs bg-white",
   {
     variants: {},
     defaultVariants: {}
   }
-), oa = i("flex items-center gap-3 min-w-0 flex-1"), na = i("flex items-center gap-2 ml-auto"), ia = i(
+), oa = i("flex items-center gap-3 min-w-0 flex-1"), ia = i("flex items-center gap-2 ml-auto"), la = i(
   "px-2.5 py-1.5 rounded-md text-sm cursor-pointer transition-colors",
   {
     variants: {
@@ -557,52 +617,53 @@ const h = i(
       active: !1
     }
   }
-), la = i("flex items-center gap-2 ml-4"), ca = i("flex items-center gap-2 mr-4"), pa = n(
-  function({ children: a, className: e, ...r }, o) {
-    return /* @__PURE__ */ s.jsx("nav", { ref: o, className: la({ className: e }), ...r, children: a });
+), ca = i("flex items-center gap-2 ml-4"), pa = i("flex items-center gap-2 mr-4"), ma = o(
+  function({ children: a, className: e, ...s }, n) {
+    return /* @__PURE__ */ r.jsx("nav", { ref: n, className: ca({ className: e }), ...s, children: a });
   }
-), ma = n(
-  function({ children: a, className: e, ...r }, o) {
-    return /* @__PURE__ */ s.jsx("div", { ref: o, className: ca({ className: e }), ...r, children: a });
+), da = o(
+  function({ children: a, className: e, ...s }, n) {
+    return /* @__PURE__ */ r.jsx("div", { ref: n, className: pa({ className: e }), ...s, children: a });
   }
-), da = n(
-  function({ children: a, className: e, ...r }, o) {
-    return /* @__PURE__ */ s.jsx("div", { ref: o, className: oa({ className: e }), ...r, children: a });
+), ua = o(
+  function({ children: a, className: e, ...s }, n) {
+    return /* @__PURE__ */ r.jsx("div", { ref: n, className: oa({ className: e }), ...s, children: a });
   }
-), ua = n(
-  function({ children: a, className: e, ...r }, o) {
-    return /* @__PURE__ */ s.jsx("div", { ref: o, className: na({ className: e }), ...r, children: a });
+), fa = o(
+  function({ children: a, className: e, ...s }, n) {
+    return /* @__PURE__ */ r.jsx("div", { ref: n, className: ia({ className: e }), ...s, children: a });
   }
-), xa = n(
-  function({ children: a, className: e, active: r, ...o }, c) {
-    return /* @__PURE__ */ s.jsx(
+), xa = o(
+  function({ children: a, className: e, active: s, ...n }, c) {
+    return /* @__PURE__ */ r.jsx(
       "div",
       {
         ref: c,
-        className: ia({ active: r, className: e }),
-        "aria-current": r ? "page" : void 0,
-        ...o,
+        className: la({ active: s, className: e }),
+        "aria-current": s ? "page" : void 0,
+        ...n,
         children: a
       }
     );
   }
-), fa = n(
-  ({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx("header", { ref: r, className: ra({ className: a }), ...e, children: t })
-), Aa = Object.assign(fa, {
-  Leading: da,
-  Trailing: ua,
+), ga = o(
+  ({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r.jsx("header", { ref: s, className: na({ className: a }), ...e, children: t })
+), za = Object.assign(ga, {
+  Leading: ua,
+  Trailing: fa,
   NavItem: xa,
-  Nav: pa,
-  Actions: ma
+  Nav: ma,
+  Actions: da
 });
 export {
   ya as A,
   Ba as B,
-  Sa as F,
-  Na as P,
-  Ha as S,
-  Aa as T,
+  Ha as F,
+  Va as P,
+  Aa as S,
+  za as T,
   wa as a,
-  Va as b,
-  Ta as c
+  Na as b,
+  Sa as c,
+  Ta as d
 };