@dimasbaguspm/versaur 0.0.26 → 0.0.28

package/dist/js/top-bar-BjE0FiE8.js

@@ -1,607 +0,0 @@
-import { c as l, j as s, a as i } from "./index-DOdDlCoL.js";
-import * as b from "react";
-import { forwardRef as n } from "react";
-import { h as d } from "./image-rectangle--Sy82Ff9.js";
-import "./snackbar-DH8jCh2V.js";
-const h = l(
-  "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",
-  {
-    variants: {
-      variant: {
-        primary: "",
-        secondary: "",
-        tertiary: "",
-        ghost: "",
-        neutral: ""
-      }
-    },
-    defaultVariants: {
-      variant: "primary"
-    }
-  }
-), j = l(
-  "flex flex-col justify-center min-w-0 flex-grow",
-  {
-    variants: {
-      placement: {
-        start: "items-start",
-        center: "items-center",
-        end: "items-end"
-      }
-    },
-    defaultVariants: {
-      placement: "start"
-    }
-  }
-), y = n(
-  ({ children: t, className: a }, e) => /* @__PURE__ */ s.jsx(
-    "div",
-    {
-      ref: e,
-      "data-versaur-appbar-bottom": !0,
-      className: i("w-full flex items-center min-h-[2.5rem] mt-2", a),
-      children: t
-    }
-  )
-), B = n(
-  ({ children: t, className: a }, e) => /* @__PURE__ */ s.jsx(
-    "div",
-    {
-      ref: e,
-      className: i("flex items-center", a),
-      "data-versaur-appbar-leading": !0,
-      children: t
-    }
-  )
-), w = n(({ children: t, ...a }, e) => /* @__PURE__ */ s.jsx(
-  d,
-  {
-    ...a,
-    as: "h1",
-    ref: e,
-    fontSize: "lg",
-    fontWeight: "semibold",
-    ellipsis: !0,
-    clamp: 1,
-    children: t
-  }
-)), N = n(({ children: t, ...a }, e) => /* @__PURE__ */ s.jsx(
-  d,
-  {
-    ...a,
-    ref: e,
-    as: "p",
-    fontSize: "xs",
-    fontWeight: "normal",
-    ellipsis: !0,
-    clamp: 1,
-    color: "gray",
-    children: t
-  }
-)), V = n(
-  ({ children: t, className: a }, e) => /* @__PURE__ */ s.jsx(
-    "div",
-    {
-      ref: e,
-      className: i("flex items-center justify-end gap-2", a),
-      "data-versaur-appbar-trailing": !0,
-      children: t
-    }
-  )
-), S = n(
-  ({ children: t, className: a, placement: e }, r) => /* @__PURE__ */ s.jsx(
-    "div",
-    {
-      ref: r,
-      className: i(j({ placement: e }), a),
-      children: t
-    }
-  )
-), T = ({
-  children: t,
-  className: a,
-  variant: e = "primary"
-}) => /* @__PURE__ */ s.jsx(
-  "header",
-  {
-    className: i(h({ variant: e }), a),
-    role: "banner",
-    children: t
-  }
-), ja = Object.assign(T, {
-  Leading: B,
-  Headline: w,
-  Subtitle: N,
-  Trailing: V,
-  Center: S,
-  Bottom: y
-}), H = l(
-  "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"
-    }
-  }
-), A = l(
-  "flex flex-col items-center justify-center gap-1 px-2 py-1 select-none",
-  {
-    variants: {
-      active: {
-        true: "text-primary",
-        false: "text-ghost"
-      }
-    },
-    defaultVariants: {
-      active: !1
-    }
-  }
-), L = n(
-  ({ icon: t, label: a, active: e = !1, className: r, ...o }, c) => /* @__PURE__ */ s.jsxs(
-    "div",
-    {
-      ref: c,
-      "aria-current": e ? "page" : void 0,
-      className: A({ active: e, className: r }),
-      ...o,
-      children: [
-        t,
-        a && /* @__PURE__ */ s.jsx("span", { className: "text-xs mt-0.5", children: a })
-      ]
-    }
-  )
-), P = ({
-  children: t,
-  variant: a = "primary",
-  size: e = "md",
-  className: r,
-  ...o
-}) => /* @__PURE__ */ s.jsx(
-  "nav",
-  {
-    role: "navigation",
-    "aria-label": "Bottom navigation",
-    className: H({ variant: a, size: e, className: r }),
-    ...o,
-    children: t
-  }
-), ya = Object.assign(P, {
-  Item: L
-}), C = l("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
-  }
-}), Ba = n(
-  function({
-    className: a,
-    children: e,
-    orientation: r = "horizontal",
-    alignment: o = "start",
-    gap: c = "md",
-    fluid: p = !1,
-    ...m
-  }, x) {
-    return /* @__PURE__ */ s.jsx(
-      "div",
-      {
-        ref: x,
-        className: i(
-          C({
-            orientation: r,
-            alignment: o,
-            gap: c,
-            fluid: p
-          }),
-          a
-        ),
-        role: "group",
-        ...m,
-        children: e
-      }
-    );
-  }
-), z = l("w-full px-4 sm:px-6 py-6 sm:py-8"), wa = n(
-  ({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
-    "div",
-    {
-      ref: r,
-      className: i(z(), a),
-      ...e,
-      children: t
-    }
-  )
-), R = l("w-full mt-4"), I = l(
-  "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-4 px-4 sm:px-6 mb-4"
-), k = l("mb-4 px-4 sm:px-6"), F = l(
-  "flex-1 min-w-0 flex flex-col gap-2 w-full sm:w-auto"
-), G = l("flex items-center gap-2 flex-wrap"), O = l(
-  "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 = l(
-  "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(
-    "div",
-    {
-      ref: r,
-      className: i(I(), a),
-      "data-versaur-page-header-top": !0,
-      ...e,
-      children: t
-    }
-  )
-), E = n(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
-  "div",
-  {
-    ref: r,
-    className: i(k(), a),
-    "data-versaur-page-header-breadcrumbs": !0,
-    ...e,
-    children: t
-  }
-)), $ = n(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
-  "div",
-  {
-    ref: r,
-    className: i(F(), a),
-    "data-versaur-page-header-content": !0,
-    ...e,
-    children: t
-  }
-)), q = n((t, a) => /* @__PURE__ */ s.jsx(
-  d,
-  {
-    ...t,
-    as: "h1",
-    fontSize: "xl",
-    fontWeight: "semibold",
-    ellipsis: !0,
-    ref: a
-  }
-)), D = n(({ className: t, ...a }, e) => /* @__PURE__ */ s.jsx(
-  d,
-  {
-    as: "p",
-    fontSize: "sm",
-    fontWeight: "normal",
-    clamp: 2,
-    ref: e,
-    className: i("mb-2 sm:clamp-3", t),
-    ...a
-  }
-)), J = n(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
-  "div",
-  {
-    ref: r,
-    className: i(G(), a),
-    "data-versaur-page-header-badges": !0,
-    ...e,
-    children: t
-  }
-)), K = n(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
-  "div",
-  {
-    ref: r,
-    className: i(O(), a),
-    "data-versaur-page-header-actions": !0,
-    ...e,
-    children: t
-  }
-)), Q = n(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
-  "div",
-  {
-    ref: r,
-    className: i(W(), a),
-    "data-versaur-page-header-bottom": !0,
-    ...e,
-    children: t
-  }
-)), U = n(
-  ({
-    children: t,
-    className: a,
-    title: e,
-    subtitle: r,
-    breadcrumbs: o,
-    badges: c,
-    actions: p,
-    tabs: m,
-    ...x
-  }, u) => {
-    const g = e || r || o || c || p, v = m;
-    return /* @__PURE__ */ s.jsxs(
-      "header",
-      {
-        ref: u,
-        className: i(R(), a),
-        role: "banner",
-        ...x,
-        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 })
-            ] }),
-            p && /* @__PURE__ */ s.jsx(K, { children: p })
-          ] }),
-          v && /* @__PURE__ */ s.jsx(Q, { children: m }),
-          t
-        ]
-      }
-    );
-  }
-), Na = U, X = l("w-full mx-auto relative", {
-  variants: {
-    type: {
-      desktop: "max-w-7xl px-6 pb-10",
-      tablet: "max-w-3xl px-4",
-      mobile: "w-full"
-    }
-  },
-  defaultVariants: {
-    type: "desktop"
-  }
-}), Va = b.forwardRef(
-  function({ type: a = "desktop", className: e, children: r, ...o }, c) {
-    return /* @__PURE__ */ s.jsx(
-      "div",
-      {
-        ref: c,
-        className: i(X({ type: a }), e),
-        ...o,
-        children: r
-      }
-    );
-  }
-), Y = l("grid w-full gap-4 grid-cols-12"), Z = l("", {
-  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"
-  }
-}), _ = n(
-  function({ className: a, children: e, ...r }, o) {
-    return /* @__PURE__ */ s.jsx(
-      "div",
-      {
-        ref: o,
-        className: i(Y(), a),
-        ...r,
-        children: e
-      }
-    );
-  }
-), aa = n(
-  function({ span: a = 4, className: e, children: r, ...o }, c) {
-    const p = Math.min(12, Math.max(1, a));
-    return /* @__PURE__ */ s.jsx(
-      "div",
-      {
-        ref: c,
-        className: i(
-          Z({ span: `${p}` }),
-          e
-        ),
-        ...o,
-        children: r
-      }
-    );
-  }
-), Sa = Object.assign(_, {
-  Column: aa
-}), f = l(
-  "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
-    }
-  }
-), ea = n(
-  (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(
-        "a",
-        {
-          ref: a,
-          href: o,
-          className: f({
-            disabled: !!t["aria-disabled"],
-            active: p
-          }),
-          ...u,
-          children: [
-            e,
-            /* @__PURE__ */ s.jsx(d, { as: "span", color: "inherit", fontSize: "sm", children: r })
-          ]
-        }
-      ) });
-    } else {
-      const u = m;
-      return /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsxs(
-        "button",
-        {
-          ref: a,
-          type: "button",
-          onClick: c,
-          className: i(
-            f({ disabled: !!u.disabled, active: p }),
-            "w-full text-left"
-          ),
-          ...u,
-          children: [
-            e,
-            /* @__PURE__ */ s.jsx(d, { as: "span", color: "inherit", fontSize: "sm", children: r })
-          ]
-        }
-      ) });
-    }
-  }
-), 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(
-        d,
-        {
-          as: "h2",
-          fontSize: "xs",
-          fontWeight: "semibold",
-          color: "gray",
-          className: "px-2",
-          children: e
-        }
-      ),
-      /* @__PURE__ */ s.jsx("ul", { className: "flex flex-col gap-1", children: a })
-    ] });
-  }
-), sa = n(
-  ({ children: t, ...a }, e) => /* @__PURE__ */ s.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 }) })
-    }
-  )
-), Ta = Object.assign(sa, {
-  Item: ea,
-  Group: ta
-}), ra = l(
-  "w-full flex items-center px-6 py-4 mb-6 border-b border-border shadow-xs bg-white",
-  {
-    variants: {},
-    defaultVariants: {}
-  }
-), oa = l("flex items-center gap-3 min-w-0 flex-1"), na = l("flex items-center gap-2 ml-auto"), la = l(
-  "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
-    }
-  }
-), ia = l("flex items-center gap-2 ml-4"), ca = l("flex items-center gap-2 mr-4"), pa = n(
-  function({ children: a, className: e, ...r }, o) {
-    return /* @__PURE__ */ s.jsx("nav", { ref: o, className: ia({ className: e }), ...r, 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 = n(
-  function({ children: a, className: e, ...r }, o) {
-    return /* @__PURE__ */ s.jsx("div", { ref: o, className: oa({ className: e }), ...r, 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 });
-  }
-), xa = n(
-  function({ children: a, className: e, active: r, ...o }, c) {
-    return /* @__PURE__ */ s.jsx(
-      "div",
-      {
-        ref: c,
-        className: la({ active: r, className: e }),
-        "aria-current": r ? "page" : void 0,
-        ...o,
-        children: a
-      }
-    );
-  }
-), fa = n(
-  ({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx("header", { ref: r, className: ra({ className: a }), ...e, children: t })
-), Ha = Object.assign(fa, {
-  Leading: da,
-  Trailing: ua,
-  NavItem: xa,
-  Nav: pa,
-  Actions: ma
-});
-export {
-  ja as A,
-  ya as B,
-  Sa as F,
-  wa as P,
-  Ta as S,
-  Ha as T,
-  Ba as a,
-  Na as b,
-  Va as c
-};