@dimasbaguspm/versaur 0.0.10 → 0.0.11

package/dist/{enforce-subpath-import.js → js/enforce-subpath-import.js}

@@ -7,6 +7,7 @@ const symbolToSubpath = {
   Button: 'primitive',
   ButtonFloat: 'primitive',
   ButtonIcon: 'primitive',
+  Anchor: 'primitive',
   Avatar: 'primitive',
   Badge: 'primitive',
   Brand: 'primitive',
@@ -65,28 +66,43 @@ const rules = {
     return {
       ImportDeclaration(node) {
         if (node.source.value === '@dimasbaguspm/versaur') {
-          const importSpecifiers = node.specifiers
-            .filter(s => s.type === 'ImportSpecifier')
-            .map(s => s.imported.name)
-          const known = importSpecifiers.find(name => symbolToSubpath[name])
-          const subpath = known ? symbolToSubpath[known] : null
+          const importSpecifiers = node.specifiers.filter(
+            s => s.type === 'ImportSpecifier'
+          )
+          // Group symbols by subpath
+          const subpathGroups = {}
+          importSpecifiers.forEach(s => {
+            const name = s.imported.name
+            const subpath = symbolToSubpath[name]
+            if (subpath) {
+              if (!subpathGroups[subpath]) subpathGroups[subpath] = []
+              subpathGroups[subpath].push(name)
+            }
+          })
+          // If no known symbol, fallback to generic message
+          const allKnown = Object.keys(subpathGroups).length > 0
           let message =
             'Use sub-path import for better tree-shaking (e.g., @dimasbaguspm/versaur/primitive)'
-          if (subpath) {
-            message = `Import { ${known} } from '@dimasbaguspm/versaur/${subpath}' instead.`
+          if (allKnown) {
+            message =
+              'Split imports by sub-path for optimal tree-shaking (e.g., import {A} from .../primitive, {B} from .../overlays)'
           }
           context.report({
             node,
             message,
-            suggest: subpath
+            suggest: allKnown
               ? [
                   {
-                    desc: `Change to import { ${known} } from '@dimasbaguspm/versaur/${subpath}'`,
+                    desc: 'Split imports by sub-path for all symbols',
                     fix(fixer) {
-                      return fixer.replaceText(
-                        node.source,
-                        `'@dimasbaguspm/versaur/${subpath}'`
-                      )
+                      // Build new import statements
+                      const newImports = Object.entries(subpathGroups)
+                        .map(
+                          ([subpath, names]) =>
+                            `import { ${names.join(', ')} } from '@dimasbaguspm/versaur/${subpath}';`
+                        )
+                        .join('\n')
+                      return fixer.replaceText(node, newImports)
                     },
                   },
                 ]

package/dist/{feedbacks → js/feedbacks}/index.js

@@ -1,4 +1,4 @@
-import { L as r, P as s, S as e } from "../skeleton-DwqjRsF-.js";
+import { L as r, P as s, S as e } from "../skeleton-BNZyaRjo.js";
 export {
   r as LoadingIndicator,
   s as ProgressIndicator,

package/dist/{form-layout-COQbtyW5.js → js/form-layout-BRqZZe8s.js}

@@ -1,5 +1,5 @@
 import { c as i, j as o, a as l } from "./index-DOdDlCoL.js";
-import * as m from "react";
+import * as p from "react";
 import { forwardRef as n } from "react";
 const u = i(
   "w-full flex flex-wrap items-center px-4 py-3 gap-2 bg-white [&>[data-versaur-appbar-bottom]]:basis-full [&>[data-versaur-appbar-bottom]]:w-full",
@@ -32,61 +32,61 @@ const u = i(
     }
   }
 ), d = n(
-  ({ children: e, className: a }, t) => /* @__PURE__ */ o.jsx(
+  ({ children: e, className: t }, a) => /* @__PURE__ */ o.jsx(
     "div",
     {
-      ref: t,
+      ref: a,
       "data-versaur-appbar-bottom": !0,
-      className: l("w-full flex items-center min-h-[2.5rem] mt-2", a),
+      className: l("w-full flex items-center min-h-[2.5rem] mt-2", t),
       children: e
     }
   )
 ), f = n(
-  ({ children: e, className: a }, t) => /* @__PURE__ */ o.jsx("div", { ref: t, className: l("flex items-center", a), children: e })
+  ({ children: e, className: t }, a) => /* @__PURE__ */ o.jsx("div", { ref: a, className: l("flex items-center", t), children: e })
 ), v = n(
-  ({ children: e, className: a }, t) => /* @__PURE__ */ o.jsx(
+  ({ children: e, className: t }, a) => /* @__PURE__ */ o.jsx(
     "div",
     {
-      ref: t,
-      className: l("font-semibold text-lg truncate min-w-0", a),
+      ref: a,
+      className: l("font-semibold text-lg truncate min-w-0", t),
       children: e
     }
   )
 ), g = n(
-  ({ children: e, className: a }, t) => /* @__PURE__ */ o.jsx(
+  ({ children: e, className: t }, a) => /* @__PURE__ */ o.jsx(
     "div",
     {
-      ref: t,
-      className: l("text-xs text-slate-400 truncate min-w-0", a),
+      ref: a,
+      className: l("text-xs text-ghost-400 truncate min-w-0", t),
       children: e
     }
   )
 ), y = n(
-  ({ children: e, className: a }, t) => /* @__PURE__ */ o.jsx(
+  ({ children: e, className: t }, a) => /* @__PURE__ */ o.jsx(
     "div",
     {
-      ref: t,
-      className: l("flex items-center justify-end gap-2", a),
+      ref: a,
+      className: l("flex items-center justify-end gap-2", t),
       children: e
     }
   )
 ), B = n(
-  ({ children: e, className: a, placement: t }, s) => /* @__PURE__ */ o.jsx(
+  ({ children: e, className: t, placement: a }, s) => /* @__PURE__ */ o.jsx(
     "div",
     {
       ref: s,
-      className: l(x({ placement: t }), a),
+      className: l(x({ placement: a }), t),
       children: e
     }
   )
 ), b = ({
   children: e,
-  className: a,
-  variant: t = "primary"
+  className: t,
+  variant: a = "primary"
 }) => /* @__PURE__ */ o.jsx(
   "header",
   {
-    className: l(u({ variant: t }), a),
+    className: l(u({ variant: a }), t),
     role: "banner",
     children: e
   }
@@ -124,8 +124,8 @@ const u = i(
   {
     variants: {
       active: {
-        true: "font-semibold text-coral",
-        false: "text-slate"
+        true: "font-semibold text-primary",
+        false: "text-ghost"
       }
     },
     defaultVariants: {
@@ -133,23 +133,23 @@ const u = i(
     }
   }
 ), w = n(
-  ({ icon: e, label: a, active: t = !1, className: s, ...r }, c) => /* @__PURE__ */ o.jsxs(
+  ({ icon: e, label: t, active: a = !1, className: s, ...r }, c) => /* @__PURE__ */ o.jsxs(
     "div",
     {
       ref: c,
-      "aria-current": t ? "page" : void 0,
-      className: N({ active: t, className: s }),
+      "aria-current": a ? "page" : void 0,
+      className: N({ active: a, className: s }),
       ...r,
       children: [
         e,
-        a && /* @__PURE__ */ o.jsx("span", { className: "text-xs mt-0.5", children: a })
+        t && /* @__PURE__ */ o.jsx("span", { className: "text-xs mt-0.5", children: t })
       ]
     }
   )
 ), h = ({
   children: e,
-  variant: a = "primary",
-  size: t = "md",
+  variant: t = "primary",
+  size: a = "md",
   className: s,
   ...r
 }) => /* @__PURE__ */ o.jsx(
@@ -157,7 +157,7 @@ const u = i(
   {
     role: "navigation",
     "aria-label": "Bottom navigation",
-    className: j({ variant: a, size: t, className: s }),
+    className: j({ variant: t, size: a, className: s }),
     ...r,
     children: e
   }
@@ -174,8 +174,8 @@ const u = i(
   {
     variants: {
       active: {
-        true: "bg-coral/10 text-coral",
-        false: "hover:text-coral text-ghost"
+        true: "bg-primary/10 text-primary",
+        false: "hover:text-primary text-ghost"
       }
     },
     defaultVariants: {
@@ -183,60 +183,60 @@ const u = i(
     }
   }
 ), R = i("flex items-center gap-2 ml-4"), S = i("flex items-center gap-2 mr-4"), C = n(
-  function({ children: a, className: t, ...s }, r) {
-    return /* @__PURE__ */ o.jsx("nav", { ref: r, className: R({ className: t }), ...s, children: a });
+  function({ children: t, className: a, ...s }, r) {
+    return /* @__PURE__ */ o.jsx("nav", { ref: r, className: R({ className: a }), ...s, children: t });
   }
 ), I = n(
-  function({ children: a, className: t, ...s }, r) {
-    return /* @__PURE__ */ o.jsx("div", { ref: r, className: S({ className: t }), ...s, children: a });
+  function({ children: t, className: a, ...s }, r) {
+    return /* @__PURE__ */ o.jsx("div", { ref: r, className: S({ className: a }), ...s, children: t });
   }
 ), F = n(
-  function({ children: a, className: t, ...s }, r) {
-    return /* @__PURE__ */ o.jsx("div", { ref: r, className: L({ className: t }), ...s, children: a });
+  function({ children: t, className: a, ...s }, r) {
+    return /* @__PURE__ */ o.jsx("div", { ref: r, className: L({ className: a }), ...s, children: t });
   }
 ), k = n(
-  function({ children: a, className: t, ...s }, r) {
-    return /* @__PURE__ */ o.jsx("div", { ref: r, className: V({ className: t }), ...s, children: a });
+  function({ children: t, className: a, ...s }, r) {
+    return /* @__PURE__ */ o.jsx("div", { ref: r, className: V({ className: a }), ...s, children: t });
   }
 ), O = n(
-  function({ children: a, className: t, active: s, ...r }, c) {
+  function({ children: t, className: a, active: s, ...r }, c) {
     return /* @__PURE__ */ o.jsx(
       "div",
       {
         ref: c,
-        className: A({ active: s, className: t }),
+        className: A({ active: s, className: a }),
         "aria-current": s ? "page" : void 0,
         ...r,
-        children: a
+        children: t
       }
     );
   }
 ), z = n(
-  ({ children: e, className: a, ...t }, s) => /* @__PURE__ */ o.jsx("header", { ref: s, className: T({ className: a }), ...t, children: e })
+  ({ children: e, className: t, ...a }, s) => /* @__PURE__ */ o.jsx("header", { ref: s, className: T({ className: t }), ...a, children: e })
 ), K = Object.assign(z, {
   Leading: F,
   Trailing: k,
   NavItem: O,
   Nav: C,
   Actions: I
-}), P = i("w-full bg-white mx-aut relative", {
+}), P = i("w-full bg-white mx-auto relative", {
   variants: {
     type: {
       desktop: "max-w-7xl px-6 py-10",
-      tablet: "max-w-3xl px-4 py-8",
-      mobile: "w-full px-2 py-4"
+      tablet: "max-w-3xl",
+      mobile: "w-full"
     }
   },
   defaultVariants: {
     type: "desktop"
   }
-}), Q = m.forwardRef(
-  function({ type: a = "desktop", className: t, children: s, ...r }, c) {
+}), Q = p.forwardRef(
+  function({ type: t = "desktop", className: a, children: s, ...r }, c) {
     return /* @__PURE__ */ o.jsx(
       "div",
       {
         ref: c,
-        className: l(P({ type: a }), t),
+        className: l(P({ type: t }), a),
         ...r,
         children: s
       }
@@ -263,27 +263,27 @@ const u = i(
     span: "4"
   }
 }), E = n(
-  function({ className: a, children: t, ...s }, r) {
+  function({ className: t, children: a, ...s }, r) {
     return /* @__PURE__ */ o.jsx(
       "div",
       {
         ref: r,
-        className: l(H(), a),
+        className: l(H(), t),
         ...s,
-        children: t
+        children: a
       }
     );
   }
 ), $ = n(
-  function({ span: a = 4, className: t, children: s, ...r }, c) {
-    const p = Math.min(12, Math.max(1, a));
+  function({ span: t = 4, className: a, children: s, ...r }, c) {
+    const m = Math.min(12, Math.max(1, t));
     return /* @__PURE__ */ o.jsx(
       "div",
       {
         ref: c,
         className: l(
-          M({ span: `${p}` }),
-          t
+          M({ span: `${m}` }),
+          a
         ),
         ...r,
         children: s

package/dist/{forms → js/forms}/index.js

@@ -1,4 +1,4 @@
-import { C as e, a as n, b as p, D as s, R as u, c as i, S as I, d as c, g as S, j as h, i as l, h as r, e as T, T as g, f as m } from "../switch-input-DRNFMsqC.js";
+import { C as e, a as n, b as p, D as s, R as u, c as i, S as I, d as c, g as S, j as h, i as l, h as r, e as T, T as g, f as m } from "../switch-input-B-pwBWbi.js";
 export {
   e as CalculatorInput,
   n as CheckboxInput,

package/dist/{index.js → js/index.js}

@@ -1,11 +1,11 @@
-import { L as s, P as e, S as r } from "./skeleton-DwqjRsF-.js";
-import { A as n, B as p, F as u, P as c, T as i } from "./form-layout-COQbtyW5.js";
-import { C as I, a as m, b as T, D as B, R as S, c as x, S as d, d as b, g as f, j as g, i as h, h as C, e as k, T as A, f as P } from "./switch-input-DRNFMsqC.js";
+import { L as s, P as e, S as r } from "./skeleton-BNZyaRjo.js";
+import { A as n, B as p, F as u, P as c, T as i } from "./form-layout-BRqZZe8s.js";
+import { C as I, a as m, b as T, D as B, R as S, c as x, S as d, d as b, g as f, j as g, i as h, h as C, e as k, T as A, f as P } from "./switch-input-B-pwBWbi.js";
 import { D as L } from "./drawer-Cn7sreJG.js";
-import { M, a as F } from "./menu--hEHXVZf.js";
-import { A as R, a as j, B as v, b as q, c as z, S as E, T as G, d as H } from "./tile-BinjKW_i.js";
-import { B as K, a as N, C as O, b as Q, I as U, T as V } from "./calendar-DwRERSxq.js";
-import { B as X, T as Y } from "./tabs-KyFmo5cA.js";
+import { M, a as F } from "./menu-Du409VIG.js";
+import { A as R, a as j, B as v, b as q, c as z, S as E, T as G, d as H } from "./tile-6SeBYc08.js";
+import { B as K, a as N, C as O, b as Q, I as U, T as V } from "./calendar-De5dCVnE.js";
+import { B as X, T as Y } from "./tabs-BbOkYchB.js";
 export {
   R as Alert,
   n as AppBar,

package/dist/{layouts → js/layouts}/index.js

@@ -1,4 +1,4 @@
-import { A as r, B as s, F as t, P as B, T as p } from "../form-layout-COQbtyW5.js";
+import { A as r, B as s, F as t, P as B, T as p } from "../form-layout-BRqZZe8s.js";
 export {
   r as AppBar,
   s as BottomBar,

package/dist/{menu--hEHXVZf.js → js/menu-Du409VIG.js}

@@ -1,6 +1,6 @@
 import { j as u, a as x, c as y } from "./index-DOdDlCoL.js";
-import { forwardRef as f, useEffect as m, useRef as v, useState as M, createContext as j, useContext as k, useId as I } from "react";
-const z = f(
+import { forwardRef as m, useEffect as f, useRef as v, useState as M, createContext as j, useContext as k, useId as I } from "react";
+const z = m(
   ({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx(
     "div",
     {
@@ -9,7 +9,7 @@ const z = f(
       ...t
     }
   )
-), D = f(
+), D = m(
   ({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx(
     "div",
     {
@@ -18,9 +18,9 @@ const z = f(
       ...t
     }
   )
-), V = f(
+), V = m(
   ({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx("div", { ref: n, className: x("px-6 py-2", e), ...t })
-), A = f(
+), A = m(
   ({ onOverlayClick: e, ...t }, n) => /* @__PURE__ */ u.jsx(
     "div",
     {
@@ -75,7 +75,7 @@ const z = f(
   }
 );
 function R(e, t) {
-  m(() => {
+  f(() => {
     if (t && e.current) {
       const n = e.current.querySelectorAll(
         'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
@@ -85,7 +85,7 @@ function R(e, t) {
   }, [t, e]);
 }
 function F(e, t) {
-  m(() => {
+  f(() => {
     if (!e) return;
     const n = (o) => {
       o.key === "Escape" && t();
@@ -104,7 +104,7 @@ const L = 200, T = ({
   ...s
 }) => {
   const d = v(null), c = v(null), [p, l] = M(e), [h, b] = M(!1);
-  return m(() => {
+  return f(() => {
     if (e)
       l(!0), b(!1), d.current = document.activeElement;
     else if (p) {
@@ -167,7 +167,7 @@ const L = 200, T = ({
     }
   }
 ), q = y(
-  "w-full text-left px-4 rounded-md cursor-pointer transition-colors duration-150 font-medium select-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-coral/70 hover:bg-slate-100 active:bg-slate-200 disabled:opacity-50 disabled:cursor-not-allowed",
+  "w-full text-left px-4 rounded-md cursor-pointer transition-colors duration-150 font-medium select-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/70 hover:bg-ghost-100 active:bg-ghost-200 disabled:opacity-50 disabled:cursor-not-allowed",
   {
     variants: {
       variant: {
@@ -184,7 +184,7 @@ const L = 200, T = ({
       size: "md"
     }
   }
-), B = f(
+), B = m(
   ({ children: e, ...t }, n) => {
     const { open: o, triggerRef: r } = w();
     return /* @__PURE__ */ u.jsx(
@@ -201,7 +201,7 @@ const L = 200, T = ({
       }
     );
   }
-), H = f(
+), H = m(
   ({ children: e, className: t, ...n }, o) => {
     const { open: r, contentRef: a, triggerRef: i, size: s } = w(), d = I();
     let c = 0, p = 0;
@@ -237,7 +237,7 @@ const L = 200, T = ({
       }
     );
   }
-), K = f(
+), K = m(
   ({ children: e, disabled: t, className: n, ...o }, r) => {
     const { size: a } = w();
     return /* @__PURE__ */ u.jsx(
@@ -261,7 +261,7 @@ const L = 200, T = ({
   }
 );
 function $(e, t, n, o) {
-  m(() => {
+  f(() => {
     if (!e) return;
     function r(a) {
       !t.current?.contains(a.target) && !n.current?.contains(a.target) && o();
@@ -270,7 +270,7 @@ function $(e, t, n, o) {
   }, [e, o, t, n]);
 }
 function U(e, t) {
-  m(() => {
+  f(() => {
     if (e && t.current) {
       const n = t.current.querySelectorAll('[role="menuitem"]');
       n.length && n[0].focus();
@@ -278,7 +278,7 @@ function U(e, t) {
   }, [e, t]);
 }
 function W(e, t, n, o) {
-  m(() => {
+  f(() => {
     if (!e || !t.current) return;
     const r = t.current;
     function a(i) {

package/dist/js/navigation/index.js

@@ -0,0 +1,5 @@
+import { B as s, T as b } from "../tabs-BbOkYchB.js";
+export {
+  s as Breadcrumbs,
+  b as Tabs
+};

package/dist/{overlays → js/overlays}/index.js

@@ -1,5 +1,5 @@
 import { D as o } from "../drawer-Cn7sreJG.js";
-import { M as s, a as M } from "../menu--hEHXVZf.js";
+import { M as s, a as M } from "../menu-Du409VIG.js";
 export {
   o as Drawer,
   s as Menu,

package/dist/{primitive → js/primitive}/index.js

@@ -1,5 +1,5 @@
-import { A as t, a as o, B as r, b as e, c as n, S as l, T as B, d as c } from "../tile-BinjKW_i.js";
-import { B as b, a as d, C as u, b as x, I as A, T as C } from "../calendar-DwRERSxq.js";
+import { A as t, a as o, B as r, b as e, c as n, S as l, T as B, d as c } from "../tile-6SeBYc08.js";
+import { B as b, a as d, C as u, b as x, I as A, T as C } from "../calendar-De5dCVnE.js";
 export {
   t as Alert,
   o as Avatar,

package/dist/{skeleton-DwqjRsF-.js → js/skeleton-BNZyaRjo.js}

@@ -11,10 +11,10 @@ const p = l(
         lg: "w-8 h-8 border-4"
       },
       color: {
-        primary: "border-coral border-t-transparent ",
-        secondary: "border-sage border-t-transparent",
-        tertiary: "border-mist border-t-transparent",
-        ghost: "border-slate border-t-transparent",
+        primary: "border-primary border-t-transparent ",
+        secondary: "border-secondary border-t-transparent",
+        tertiary: "border-tertiary border-t-transparent",
+        ghost: "border-ghost border-t-transparent",
         neutral: "border-neutral border-t-transparent",
         success: "border-success border-t-transparent",
         info: "border-info border-t-transparent",
@@ -30,10 +30,10 @@ const p = l(
 ), h = l("relative w-full h-1 overflow-hidden rounded", {
   variants: {
     color: {
-      primary: "bg-coral",
-      secondary: "bg-sage",
-      tertiary: "bg-mist",
-      ghost: "bg-slate",
+      primary: "bg-primary",
+      secondary: "bg-secondary",
+      tertiary: "bg-tertiary",
+      ghost: "bg-ghost",
       neutral: "bg-neutral",
       success: "bg-success",
       info: "bg-info",
@@ -50,16 +50,16 @@ const p = l(
     color: "primary",
     size: "md"
   }
-}), w = (a) => {
+}), y = (a) => {
   switch (a) {
     case "primary":
-      return "bg-coral";
+      return "bg-primary";
     case "secondary":
-      return "bg-sage";
+      return "bg-secondary";
     case "tertiary":
-      return "bg-mist";
+      return "bg-tertiary";
     case "ghost":
-      return "bg-slate";
+      return "bg-ghost";
     case "neutral":
       return "bg-neutral";
     case "success":
@@ -71,9 +71,9 @@ const p = l(
     case "danger":
       return "bg-danger";
     default:
-      return "bg-coral";
+      return "bg-primary";
   }
-}, v = u.forwardRef(
+}, w = u.forwardRef(
   ({
     color: a = "primary",
     size: e = "md",
@@ -90,7 +90,7 @@ const p = l(
       ...s
     }
   )
-), y = u.forwardRef(
+), v = u.forwardRef(
   ({
     color: a = "primary",
     size: e = "md",
@@ -124,7 +124,7 @@ const p = l(
           {
             className: d(
               "absolute left-0 top-0 h-full w-1/3 animate-loading-bar rounded-full",
-              w(a)
+              y(a)
             ),
             "aria-hidden": "true"
           }
@@ -141,7 +141,7 @@ const p = l(
     className: s,
     ...t
   }, i) => a === "bar" ? /* @__PURE__ */ o.jsx(
-    y,
+    v,
     {
       ref: i,
       color: n,
@@ -151,7 +151,7 @@ const p = l(
       ...t
     }
   ) : /* @__PURE__ */ o.jsx(
-    v,
+    w,
     {
       ref: i,
       color: n,