@dimasbaguspm/versaur 0.0.48 → 0.0.50

package/dist/js/index.js

@@ -1,79 +1,77 @@
-import { L as s, P as t, S as r } from "./skeleton-BNZyaRjo.js";
-import { A as n, a as p, B as u, b as i, F as l, f as c, P as I, c as S, d as g, e as d, S as m, T as B } from "./top-bar-Dx0JVXms.js";
-import { C as T, b as P, a as x, D as f, E as h, P as A, c as C, R as k, S as M, e as F, d as L, f as D, h as H, g as R, i as G, j, T as q, k as v } from "./time-picker-input-JBEgDV2V.js";
-import { B as y, D as E, M as N, T as z } from "./tooltip-D6fUigp2.js";
-import { A as K, a as O, b as Q, c as U, d as V, e as W, f as X, B as Y, r as Z, g as _, h as $, k as aa, i as ea, j as sa, C as ta, F as ra, H as oa, l as na, I as pa, o as ua, q as ia, p as la, M as ca, N as Ia, T as Sa, m as ga, n as da } from "./image-rectangle-B4nXH4Q5.js";
-import { S as Ba } from "./snackbar-DH8jCh2V.js";
-import { B as Ta, T as Pa } from "./tabs-BAzThVka.js";
-import { S as fa, u as ha } from "./use-snackbars-Cou8L41F.js";
+import { L as e, P as t, S as r } from "./skeleton-BNZyaRjo.js";
+import { A as n, a as p, B as u, b as i, F as c, e as l, c as I, P as d, d as B, S, T as m } from "./top-bar-BMw3gFYA.js";
+import { C as b, b as T, a as h, D as x, E as A, P, c as C, R as f, S as k, d as M, f as F, e as L, g as D, h as H, T as R, i as G } from "./time-picker-input-BCTs7K8s.js";
+import { B as v, D as w, M as E, T as N } from "./tooltip-nZW9TUz3.js";
+import { A as y, a as z, b as J, c as K, d as O, e as Q, f as U, B as V, s as W, g as X, h as Y, i as Z, l as _, j as $, k as aa, C as sa, F as ea, H as ta, m as ra, I as oa, p as na, r as pa, q as ua, M as ia, N as ca, T as la, n as Ia, o as da } from "./image-rectangle-K9jmTTED.js";
+import { S as Sa } from "./snackbar-DH8jCh2V.js";
+import { B as ga, T as ba } from "./tabs-I4n6MLAv.js";
+import { S as ha, u as xa } from "./use-snackbars-Cou8L41F.js";
 export {
-  K as Accordion,
-  O as ActionCard,
-  Q as Alert,
-  U as Anchor,
+  y as Accordion,
+  z as ActionCard,
+  J as Alert,
+  K as Anchor,
   n as AppBar,
-  V as Attribute,
-  W as AttributeList,
-  X as Avatar,
-  Y as Badge,
+  O as Attribute,
+  Q as AttributeList,
+  U as Avatar,
+  V as Badge,
   p as BadgeGroup,
-  Z as BaseImage,
+  W as BaseImage,
   u as BottomBar,
-  y as BottomSheet,
-  _ as Brand,
-  Ta as Breadcrumbs,
-  $ as Button,
+  v as BottomSheet,
+  X as Brand,
+  ga as Breadcrumbs,
+  Y as Button,
+  Z as ButtonAnchor,
   i as ButtonGroup,
-  aa as ButtonIcon,
-  ea as ButtonMenu,
-  sa as ButtonMenuIcon,
-  ta as Card,
-  T as CheckboxInput,
-  P as ChipMultipleInput,
-  x as ChipSingleInput,
-  f as DateSinglePickerInput,
-  E as Drawer,
-  h as EmailInput,
-  ra as FilterChip,
-  l as FilterChipGroup,
-  c as FormLayout,
-  oa as Heading,
-  na as Hr,
-  pa as Icon,
-  ua as ImageCircle,
-  ia as ImageRectangle,
-  la as ImageSquare,
-  s as LoadingIndicator,
-  ca as Menu,
-  N as Modal,
-  Ia as NoResults,
+  _ as ButtonIcon,
+  $ as ButtonMenu,
+  aa as ButtonMenuIcon,
+  sa as Card,
+  b as CheckboxInput,
+  T as ChipMultipleInput,
+  h as ChipSingleInput,
+  x as DateSinglePickerInput,
+  w as Drawer,
+  A as EmailInput,
+  ea as FilterChip,
+  c as FilterChipGroup,
+  l as FormLayout,
+  ta as Heading,
+  ra as Hr,
+  oa as Icon,
+  na as ImageCircle,
+  pa as ImageRectangle,
+  ua as ImageSquare,
+  e as LoadingIndicator,
+  ia as Menu,
+  E as Modal,
+  ca as NoResults,
   I as PageContent,
-  S as PageHeader,
-  g as PageLayout,
-  d as PageLoader,
-  A as PinField,
+  d as PageHeader,
+  B as PageLoader,
+  P as PinField,
   C as PriceInput,
   t as ProgressIndicator,
-  k as RadioInput,
-  M as SearchInput,
-  F as SegmentMultipleInput,
-  L as SegmentSingleInput,
-  D as SelectInput,
-  H as SelectableMultipleInput,
-  R as SelectableSingleInput,
-  m as SideBar,
+  f as RadioInput,
+  k as SearchInput,
+  M as SelectInput,
+  F as SelectableMultipleInput,
+  L as SelectableSingleInput,
+  S as SideBar,
   r as Skeleton,
-  Ba as Snackbar,
-  fa as SnackbarsProvider,
-  G as SwitchInput,
-  Sa as Table,
-  Pa as Tabs,
-  ga as Text,
-  j as TextAreaInput,
-  q as TextInput,
+  Sa as Snackbar,
+  ha as SnackbarsProvider,
+  D as SwitchInput,
+  la as Table,
+  ba as Tabs,
+  Ia as Text,
+  H as TextAreaInput,
+  R as TextInput,
   da as Tile,
-  v as TimePickerInput,
-  z as Tooltip,
-  B as TopBar,
-  ha as useSnackbars
+  G as TimePickerInput,
+  N as Tooltip,
+  m as TopBar,
+  xa as useSnackbars
 };

package/dist/js/layouts/index.js

@@ -1,15 +1,14 @@
-import { A as e, a as r, B as s, b as t, F as p, f as B, P as u, c as d, d as g, e as P, S as i, T as m } from "../top-bar-Dx0JVXms.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-BMw3gFYA.js";
 export {
-  e as AppBar,
-  r as BadgeGroup,
+  r as AppBar,
+  e as BadgeGroup,
   s as BottomBar,
   t as ButtonGroup,
   p as FilterChipGroup,
   B as FormLayout,
-  u as PageContent,
-  d as PageHeader,
-  g as PageLayout,
-  P as PageLoader,
-  i as SideBar,
-  m as TopBar
+  d as PageContent,
+  u as PageHeader,
+  g as PageLoader,
+  P as SideBar,
+  i as TopBar
 };

package/dist/js/navigation/index.js

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

package/dist/js/overlays/index.js

@@ -1,5 +1,5 @@
-import { B as e, D as r, M as t, T as s } from "../tooltip-D6fUigp2.js";
-import { M as m } from "../image-rectangle-B4nXH4Q5.js";
+import { B as e, D as r, M as t, T as s } from "../tooltip-nZW9TUz3.js";
+import { M as m } from "../image-rectangle-K9jmTTED.js";
 export {
   e as BottomSheet,
   r as Drawer,

package/dist/js/primitive/index.js

@@ -1,31 +1,32 @@
-import { A as e, a as t, b as r, c as n, d as o, e as c, f as i, B as u, r as g, g as l, h as A, k as B, i as I, j as d, C as m, F as b, H as C, l as p, I as T, o as f, q as h, p as x, N as H, T as S, m as k, n as q } from "../image-rectangle-B4nXH4Q5.js";
-import { S as M } from "../snackbar-DH8jCh2V.js";
+import { A as t, a as e, b as r, c as n, d as o, e as c, f as i, B as u, s as A, g as B, h as g, i as l, l as I, j as d, k as m, C as b, F as C, H as h, m as p, I as T, p as f, r as x, q as H, N as S, T as k, n as q, o as F } from "../image-rectangle-K9jmTTED.js";
+import { S as N } from "../snackbar-DH8jCh2V.js";
 export {
-  e as Accordion,
-  t as ActionCard,
+  t as Accordion,
+  e as ActionCard,
   r as Alert,
   n as Anchor,
   o as Attribute,
   c as AttributeList,
   i as Avatar,
   u as Badge,
-  g as BaseImage,
-  l as Brand,
-  A as Button,
-  B as ButtonIcon,
-  I as ButtonMenu,
-  d as ButtonMenuIcon,
-  m as Card,
-  b as FilterChip,
-  C as Heading,
+  A as BaseImage,
+  B as Brand,
+  g as Button,
+  l as ButtonAnchor,
+  I as ButtonIcon,
+  d as ButtonMenu,
+  m as ButtonMenuIcon,
+  b as Card,
+  C as FilterChip,
+  h as Heading,
   p as Hr,
   T as Icon,
   f as ImageCircle,
-  h as ImageRectangle,
-  x as ImageSquare,
-  H as NoResults,
-  M as Snackbar,
-  S as Table,
-  k as Text,
-  q as Tile
+  x as ImageRectangle,
+  H as ImageSquare,
+  S as NoResults,
+  N as Snackbar,
+  k as Table,
+  q as Text,
+  F as Tile
 };

package/dist/js/tabs-I4n6MLAv.js

@@ -0,0 +1,210 @@
+import { c as l, j as t, a as b } 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(
+  "flex items-center gap-2 text-sm text-gray-500"
+), C = l(
+  "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) {
+  return /* @__PURE__ */ t.jsx("li", { className: "flex items-center", children: /* @__PURE__ */ t.jsxs(
+    "a",
+    {
+      ref: o,
+      "aria-current": a ? "page" : void 0,
+      tabIndex: a ? -1 : 0,
+      className: b(C(), r),
+      ...i,
+      children: [
+        n && /* @__PURE__ */ t.jsx("span", { className: "mr-1 inline-flex", children: n }),
+        s
+      ]
+    }
+  ) });
+});
+function B() {
+  return /* @__PURE__ */ t.jsx(w, { as: y, size: "xs", color: "inherit" });
+}
+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, {
+  Item: N,
+  Separator: B
+}), f = p(null), S = () => {
+  const e = h(f);
+  if (!e)
+    throw new Error("useTabsContext must be used within a TabsProvider");
+  return e;
+}, E = l(
+  [
+    "inline-flex items-center justify-center",
+    "px-4 py-2",
+    "text-sm font-normal",
+    "text-foreground",
+    "transition-all duration-200",
+    "border-b-2 border-transparent",
+    "select-none",
+    "cursor-pointer",
+    // Focus styles with proper visibility (no cropping)
+    "focus-visible:outline-none",
+    "focus-visible:ring-2",
+    "focus-visible:ring-primary",
+    "focus-visible:ring-offset-2",
+    "focus-visible:z-10",
+    // Disabled state
+    "disabled:opacity-50",
+    "disabled:pointer-events-none"
+  ],
+  {
+    variants: {
+      active: {
+        true: "text-primary font-medium",
+        false: "hover:text-primary"
+      }
+    },
+    defaultVariants: {
+      active: !1
+    }
+  }
+), L = l([
+  "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([
+  "absolute bottom-0",
+  "h-0.5 rounded",
+  "bg-primary",
+  "transition-all duration-300",
+  "pointer-events-none"
+]), A = ({
+  value: e,
+  children: s,
+  className: n,
+  onClick: a,
+  ...r
+}) => {
+  const { activeTab: i, setActiveTab: o } = S(), c = i === e, d = (u) => {
+    u.preventDefault(), o(e), a?.(u);
+  };
+  return /* @__PURE__ */ t.jsx("li", { role: "presentation", children: /* @__PURE__ */ t.jsx(
+    "a",
+    {
+      role: "tab",
+      id: `tabs-trigger-${e}`,
+      "aria-selected": c,
+      "aria-controls": `tabs-content-${e}`,
+      "aria-current": c ? "page" : void 0,
+      href: `#${e}`,
+      className: b(
+        E({
+          active: c
+        }),
+        n
+      ),
+      onClick: d,
+      ...r,
+      children: s
+    }
+  ) });
+}, k = ({
+  left: e,
+  width: s,
+  className: n,
+  ...a
+}) => /* @__PURE__ */ t.jsx(
+  "div",
+  {
+    "aria-hidden": "true",
+    className: b(V(), n),
+    style: {
+      left: e,
+      width: s
+    },
+    ...a
+  }
+);
+function $(e, s) {
+  const [n, a] = g({
+    left: 0,
+    width: 0
+  });
+  return j(() => {
+    const r = s.current;
+    if (!r) return;
+    const i = 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 });
+    };
+    c();
+    const d = () => {
+      c();
+    };
+    r.addEventListener("scroll", d, { passive: !0 });
+    const u = requestAnimationFrame(() => {
+      i.scrollIntoView({
+        behavior: "smooth",
+        inline: "center",
+        block: "nearest"
+      });
+    });
+    return () => {
+      cancelAnimationFrame(u), r.removeEventListener("scroll", d);
+    };
+  }, [e, s]), n;
+}
+const q = ({
+  value: e,
+  onValueChange: s,
+  children: n,
+  className: a,
+  ...r
+}) => {
+  const i = {
+    activeTab: e,
+    setActiveTab: s
+  }, o = T(null), c = $(e, o);
+  return /* @__PURE__ */ t.jsx(f.Provider, { value: i, children: /* @__PURE__ */ t.jsx(
+    "nav",
+    {
+      className: b("relative w-full", a),
+      "aria-label": "Tabs",
+      ...r,
+      children: /* @__PURE__ */ t.jsxs("div", { className: "relative overflow-hidden", children: [
+        /* @__PURE__ */ t.jsx(
+          "ul",
+          {
+            role: "tablist",
+            className: L(),
+            ref: o,
+            children: n
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          k,
+          {
+            left: c.left,
+            width: c.width
+          }
+        )
+      ] })
+    }
+  ) });
+}, G = Object.assign(q, {
+  Trigger: A
+});
+export {
+  W as B,
+  G as T
+};