@dimasbaguspm/versaur 0.0.47 → 0.0.49

package/dist/js/tabs-BAzThVka.js

@@ -1,291 +0,0 @@
-import { c as d, j as s, a as u } from "./index-DOdDlCoL.js";
-import { forwardRef as f, createContext as x, useContext as g, useState as p, useLayoutEffect as y, useRef as h } from "react";
-import { I as w } from "./image-rectangle-B4nXH4Q5.js";
-import "./snackbar-DH8jCh2V.js";
-import { ChevronRight as T } from "lucide-react";
-const j = d(
-  "flex items-center gap-2 text-sm text-gray-500"
-), I = d(
-  "inline-flex items-center gap-1 transition-colors hover:underline cursor-pointer"
-), B = f(function({ children: t, icon: r, isCurrent: a, className: n, ...o }, i) {
-  return /* @__PURE__ */ s.jsx("li", { className: "flex items-center", children: /* @__PURE__ */ s.jsxs(
-    "a",
-    {
-      ref: i,
-      "aria-current": a ? "page" : void 0,
-      tabIndex: a ? -1 : 0,
-      className: u(I(), n),
-      ...o,
-      children: [
-        r && /* @__PURE__ */ s.jsx("span", { className: "mr-1 inline-flex", children: r }),
-        t
-      ]
-    }
-  ) });
-});
-function C() {
-  return /* @__PURE__ */ s.jsx(w, { as: T, size: "xs", color: "inherit" });
-}
-const V = f(
-  function({ children: t, "aria-label": r = "Breadcrumb", ...a }, n) {
-    return /* @__PURE__ */ s.jsx("nav", { "aria-label": r, ...a, children: /* @__PURE__ */ s.jsx("ol", { ref: n, className: j(), children: t }) });
-  }
-), F = Object.assign(V, {
-  Item: B,
-  Separator: C
-}), v = x(null), m = () => {
-  const e = g(v);
-  if (!e)
-    throw new Error("useTabsContext must be used within a TabsProvider");
-  return e;
-}, N = d(
-  "inline-flex items-center justify-center transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none select-none px-4 py-2 text-sm relative",
-  {
-    variants: {
-      active: {
-        true: "font-medium",
-        false: "font-normal"
-      },
-      color: {
-        primary: "",
-        secondary: "",
-        tertiary: "",
-        ghost: "",
-        neutral: ""
-      },
-      variant: {
-        underline: "bg-transparent border-b-2 border-transparent",
-        filled: "rounded-lg bg-none flex-1 min-w-0"
-      }
-    },
-    compoundVariants: [
-      // Underline variants
-      {
-        variant: "underline",
-        color: "primary",
-        active: !0,
-        class: "text-primary border-primary"
-      },
-      {
-        variant: "underline",
-        color: "primary",
-        active: !1,
-        class: "text-foreground hover:text-primary"
-      },
-      {
-        variant: "underline",
-        color: "secondary",
-        active: !0,
-        class: "text-secondary border-secondary"
-      },
-      {
-        variant: "underline",
-        color: "secondary",
-        active: !1,
-        class: "text-foreground hover:text-secondary"
-      },
-      {
-        variant: "underline",
-        color: "tertiary",
-        active: !0,
-        class: "text-tertiary border-tertiary"
-      },
-      {
-        variant: "underline",
-        color: "tertiary",
-        active: !1,
-        class: "text-foreground hover:text-tertiary"
-      },
-      {
-        variant: "underline",
-        color: "ghost",
-        active: !0,
-        class: "text-ghost border-ghost"
-      },
-      {
-        variant: "underline",
-        color: "ghost",
-        active: !1,
-        class: "text-foreground hover:text-ghost"
-      },
-      {
-        variant: "underline",
-        color: "neutral",
-        active: !0,
-        class: "text-foreground border-neutral"
-      },
-      {
-        variant: "underline",
-        color: "neutral",
-        active: !1,
-        class: "text-foreground hover:text-neutral"
-      },
-      // Filled variant (no color, only white/transparent)
-      {
-        variant: "filled",
-        active: !0,
-        class: "bg-white text-foreground shadow-sm"
-      },
-      {
-        variant: "filled",
-        active: !1,
-        class: "bg-transparent text-foreground hover:bg-white/80"
-      }
-    ],
-    defaultVariants: {
-      active: !1,
-      color: "primary",
-      variant: "underline"
-    }
-  }
-), R = d(
-  "flex flex-row w-full overflow-x-auto whitespace-nowrap",
-  {
-    variants: {
-      variant: {
-        underline: "border-b border-border",
-        filled: "p-1 bg-neutral rounded-lg gap-2"
-      }
-    },
-    defaultVariants: {
-      variant: "underline"
-    }
-  }
-), S = d(
-  "absolute bottom-0 h-0.5 rounded transition-all duration-300",
-  {
-    variants: {
-      color: {
-        primary: "bg-primary",
-        secondary: "bg-secondary",
-        tertiary: "bg-tertiary",
-        ghost: "bg-ghost",
-        neutral: "bg-neutral"
-      }
-    },
-    defaultVariants: {
-      color: "primary"
-    }
-  }
-), A = ({
-  value: e,
-  children: t,
-  className: r,
-  ...a
-}) => {
-  const {
-    activeTab: n,
-    setActiveTab: o,
-    color: i,
-    variant: l = "underline"
-  } = m(), c = n === e;
-  return /* @__PURE__ */ s.jsx(
-    "button",
-    {
-      role: "tab",
-      id: `tabs-trigger-${e}`,
-      "aria-selected": c,
-      "aria-controls": `tabs-content-${e}`,
-      tabIndex: c ? 0 : -1,
-      className: u(
-        N({
-          active: c,
-          color: i,
-          variant: l
-        }),
-        r
-      ),
-      onClick: () => o(e),
-      type: "button",
-      ...a,
-      children: t
-    }
-  );
-}, E = ({
-  left: e,
-  width: t,
-  className: r,
-  ...a
-}) => {
-  const { color: n } = m();
-  return /* @__PURE__ */ s.jsx(
-    "div",
-    {
-      "aria-hidden": !0,
-      className: u(S({ color: n }), r),
-      style: {
-        left: e,
-        width: t,
-        pointerEvents: "none"
-      },
-      ...a
-    }
-  );
-};
-function $(e, t, r) {
-  const [a, n] = p({
-    left: 0,
-    width: 0
-  });
-  return y(() => {
-    if (!t.current) return;
-    const o = t.current.querySelector(
-      `#tabs-trigger-${e}`
-    );
-    if (o) {
-      const { offsetLeft: i, offsetWidth: l } = o;
-      n({ left: i, width: l }), o.scrollIntoView({
-        behavior: "smooth",
-        inline: "center",
-        block: "nearest"
-      });
-    }
-  }, [e, r, t]), a;
-}
-const k = ({
-  value: e,
-  onValueChange: t,
-  children: r,
-  className: a,
-  color: n = "primary",
-  variant: o = "underline",
-  ...i
-}) => {
-  const l = {
-    activeTab: e,
-    setActiveTab: t,
-    color: n,
-    variant: o
-  }, c = h(null), b = $(e, c, r);
-  return /* @__PURE__ */ s.jsx(v.Provider, { value: l, children: /* @__PURE__ */ s.jsxs(
-    "div",
-    {
-      role: "tablist",
-      className: u(
-        R({
-          variant: o
-        }),
-        a
-      ),
-      ref: c,
-      style: { position: "relative" },
-      ...i,
-      children: [
-        r,
-        o === "underline" && /* @__PURE__ */ s.jsx(
-          E,
-          {
-            left: b.left,
-            width: b.width
-          }
-        )
-      ]
-    }
-  ) });
-}, W = Object.assign(k, {
-  Trigger: A
-});
-export {
-  F as B,
-  W as T
-};