@dimasbaguspm/versaur 0.0.21 → 0.0.23

package/dist/js/side-bar-BUACYQUo.js

@@ -1,397 +0,0 @@
-import { c as i, j as s, a as l } from "./index-DOdDlCoL.js";
-import * as f from "react";
-import { forwardRef as n } from "react";
-import "./image-rectangle-C6cgL8R9.js";
-import "./snackbar-DH8jCh2V.js";
-import { T as d } from "./text-CRsIInRA.js";
-const b = i(
-  "w-full flex flex-wrap items-center px-4 pt-3 mb-3 gap-2 bg-white [&>[data-versaur-appbar-bottom]]:basis-full [&>[data-versaur-appbar-bottom]]:w-full",
-  {
-    variants: {
-      variant: {
-        primary: "",
-        secondary: "",
-        tertiary: "",
-        ghost: "",
-        neutral: ""
-      }
-    },
-    defaultVariants: {
-      variant: "primary"
-    }
-  }
-), g = i(
-  "flex flex-col justify-center min-w-0 flex-grow",
-  {
-    variants: {
-      placement: {
-        start: "items-start",
-        center: "items-center",
-        end: "items-end"
-      }
-    },
-    defaultVariants: {
-      placement: "start"
-    }
-  }
-), v = n(
-  ({ children: e, className: a }, t) => /* @__PURE__ */ s.jsx(
-    "div",
-    {
-      ref: t,
-      "data-versaur-appbar-bottom": !0,
-      className: l("w-full flex items-center min-h-[2.5rem] mt-2", a),
-      children: e
-    }
-  )
-), y = n(
-  ({ children: e, className: a }, t) => /* @__PURE__ */ s.jsx("div", { ref: t, className: l("flex items-center", a), children: e })
-), B = n(
-  ({ children: e, className: a }, t) => /* @__PURE__ */ s.jsx(
-    "div",
-    {
-      ref: t,
-      className: l("font-semibold text-lg truncate min-w-0", a),
-      children: e
-    }
-  )
-), h = n(
-  ({ children: e, className: a }, t) => /* @__PURE__ */ s.jsx(
-    "div",
-    {
-      ref: t,
-      className: l("text-xs text-ghost-400 truncate min-w-0", a),
-      children: e
-    }
-  )
-), j = n(
-  ({ children: e, className: a }, t) => /* @__PURE__ */ s.jsx(
-    "div",
-    {
-      ref: t,
-      className: l("flex items-center justify-end gap-2", a),
-      children: e
-    }
-  )
-), N = n(
-  ({ children: e, className: a, placement: t }, r) => /* @__PURE__ */ s.jsx(
-    "div",
-    {
-      ref: r,
-      className: l(g({ placement: t }), a),
-      children: e
-    }
-  )
-), w = ({
-  children: e,
-  className: a,
-  variant: t = "primary"
-}) => /* @__PURE__ */ s.jsx(
-  "header",
-  {
-    className: l(b({ variant: t }), a),
-    role: "banner",
-    children: e
-  }
-), ta = Object.assign(w, {
-  Leading: y,
-  Headline: B,
-  Subtitle: h,
-  Trailing: j,
-  Center: N,
-  Bottom: v
-}), T = 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",
-  {
-    variants: {
-      variant: {
-        primary: "",
-        secondary: "",
-        ghost: "",
-        neutral: "",
-        tertiary: ""
-      },
-      size: {
-        sm: "h-12 text-sm",
-        md: "h-16 text-base",
-        lg: "h-20 text-lg"
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      size: "md"
-    }
-  }
-), S = i(
-  "flex flex-col items-center justify-center gap-1 px-2 py-1",
-  {
-    variants: {
-      active: {
-        true: "font-semibold text-primary",
-        false: "text-ghost"
-      }
-    },
-    defaultVariants: {
-      active: !1
-    }
-  }
-), L = n(
-  ({ icon: e, label: a, active: t = !1, className: r, ...o }, c) => /* @__PURE__ */ s.jsxs(
-    "div",
-    {
-      ref: c,
-      "aria-current": t ? "page" : void 0,
-      className: S({ active: t, className: r }),
-      ...o,
-      children: [
-        e,
-        a && /* @__PURE__ */ s.jsx("span", { className: "text-xs mt-0.5", children: a })
-      ]
-    }
-  )
-), V = ({
-  children: e,
-  variant: a = "primary",
-  size: t = "md",
-  className: r,
-  ...o
-}) => /* @__PURE__ */ s.jsx(
-  "nav",
-  {
-    role: "navigation",
-    "aria-label": "Bottom navigation",
-    className: T({ variant: a, size: t, className: r }),
-    ...o,
-    children: e
-  }
-), ea = Object.assign(V, {
-  Item: L
-}), A = i(
-  "w-full flex items-center px-6 py-4 mb-6 border-b border-border shadow-xs bg-white",
-  {
-    variants: {},
-    defaultVariants: {}
-  }
-), R = i("flex items-center gap-3 min-w-0 flex-1"), I = i("flex items-center gap-2 ml-auto"), C = i(
-  "px-2.5 py-1.5 rounded-md text-sm cursor-pointer transition-colors",
-  {
-    variants: {
-      active: {
-        true: "bg-primary/10 text-primary",
-        false: "hover:text-primary text-ghost"
-      }
-    },
-    defaultVariants: {
-      active: !1
-    }
-  }
-), k = i("flex items-center gap-2 ml-4"), z = i("flex items-center gap-2 mr-4"), F = n(
-  function({ children: a, className: t, ...r }, o) {
-    return /* @__PURE__ */ s.jsx("nav", { ref: o, className: k({ className: t }), ...r, children: a });
-  }
-), O = n(
-  function({ children: a, className: t, ...r }, o) {
-    return /* @__PURE__ */ s.jsx("div", { ref: o, className: z({ className: t }), ...r, children: a });
-  }
-), P = n(
-  function({ children: a, className: t, ...r }, o) {
-    return /* @__PURE__ */ s.jsx("div", { ref: o, className: R({ className: t }), ...r, children: a });
-  }
-), G = n(
-  function({ children: a, className: t, ...r }, o) {
-    return /* @__PURE__ */ s.jsx("div", { ref: o, className: I({ className: t }), ...r, children: a });
-  }
-), H = n(
-  function({ children: a, className: t, active: r, ...o }, c) {
-    return /* @__PURE__ */ s.jsx(
-      "div",
-      {
-        ref: c,
-        className: C({ active: r, className: t }),
-        "aria-current": r ? "page" : void 0,
-        ...o,
-        children: a
-      }
-    );
-  }
-), M = n(
-  ({ children: e, className: a, ...t }, r) => /* @__PURE__ */ s.jsx("header", { ref: r, className: A({ className: a }), ...t, children: e })
-), sa = Object.assign(M, {
-  Leading: P,
-  Trailing: G,
-  NavItem: H,
-  Nav: F,
-  Actions: O
-}), E = i("w-full mx-auto relative", {
-  variants: {
-    type: {
-      desktop: "max-w-7xl px-6 pb-10",
-      tablet: "max-w-3xl px-4",
-      mobile: "w-full px-4"
-    }
-  },
-  defaultVariants: {
-    type: "desktop"
-  }
-}), ra = f.forwardRef(
-  function({ type: a = "desktop", className: t, children: r, ...o }, c) {
-    return /* @__PURE__ */ s.jsx(
-      "div",
-      {
-        ref: c,
-        className: l(E({ type: a }), t),
-        ...o,
-        children: r
-      }
-    );
-  }
-), W = i("grid w-full gap-4 grid-cols-12"), $ = i("", {
-  variants: {
-    span: {
-      1: "col-span-1",
-      2: "col-span-2",
-      3: "col-span-3",
-      4: "col-span-4",
-      5: "col-span-5",
-      6: "col-span-6",
-      7: "col-span-7",
-      8: "col-span-8",
-      9: "col-span-9",
-      10: "col-span-10",
-      11: "col-span-11",
-      12: "col-span-12"
-    }
-  },
-  defaultVariants: {
-    span: "4"
-  }
-}), q = n(
-  function({ className: a, children: t, ...r }, o) {
-    return /* @__PURE__ */ s.jsx(
-      "div",
-      {
-        ref: o,
-        className: l(W(), a),
-        ...r,
-        children: t
-      }
-    );
-  }
-), D = n(
-  function({ span: a = 4, className: t, children: r, ...o }, c) {
-    const m = Math.min(12, Math.max(1, a));
-    return /* @__PURE__ */ s.jsx(
-      "div",
-      {
-        ref: c,
-        className: l(
-          $({ span: `${m}` }),
-          t
-        ),
-        ...o,
-        children: r
-      }
-    );
-  }
-), oa = Object.assign(q, {
-  Column: D
-}), u = i(
-  "flex items-center gap-2 px-4 py-2 rounded-md hover:text-primary focus:outline-none transition-colors",
-  {
-    variants: {
-      active: {
-        true: "bg-primary/10 text-primary",
-        false: "text-ghost"
-      },
-      disabled: {
-        true: "opacity-50 pointer-events-none",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      active: !1,
-      disabled: !1
-    }
-  }
-), J = n(
-  (e, a) => {
-    const { icon: t, children: r, href: o, onClick: c, active: m, ...x } = e;
-    if (typeof o == "string") {
-      const p = x;
-      return /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsxs(
-        "a",
-        {
-          ref: a,
-          href: o,
-          className: u({
-            disabled: !!e["aria-disabled"],
-            active: m
-          }),
-          ...p,
-          children: [
-            t,
-            /* @__PURE__ */ s.jsx(d, { as: "span", color: "inherit", fontSize: "sm", children: r })
-          ]
-        }
-      ) });
-    } else {
-      const p = x;
-      return /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsxs(
-        "button",
-        {
-          ref: a,
-          type: "button",
-          onClick: c,
-          className: l(
-            u({ disabled: !!p.disabled, active: m }),
-            "w-full text-left"
-          ),
-          ...p,
-          children: [
-            t,
-            /* @__PURE__ */ s.jsx(d, { as: "span", color: "inherit", fontSize: "sm", children: r })
-          ]
-        }
-      ) });
-    }
-  }
-), K = n(
-  function({ children: a, label: t, ...r }, o) {
-    return /* @__PURE__ */ s.jsxs("li", { ref: o, className: "flex flex-col gap-2 mt-2", ...r, children: [
-      /* @__PURE__ */ s.jsx(
-        d,
-        {
-          as: "h2",
-          fontSize: "xs",
-          fontWeight: "semibold",
-          color: "gray",
-          className: "px-2",
-          children: t
-        }
-      ),
-      /* @__PURE__ */ s.jsx("ul", { className: "flex flex-col gap-1", children: a })
-    ] });
-  }
-), Q = n(
-  ({ children: e, ...a }, t) => /* @__PURE__ */ s.jsx(
-    "nav",
-    {
-      ref: t,
-      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: e }) })
-    }
-  )
-), na = Object.assign(Q, {
-  Item: J,
-  Group: K
-});
-export {
-  ta as A,
-  ea as B,
-  oa as F,
-  ra as P,
-  na as S,
-  sa as T
-};