@dimasbaguspm/versaur 0.0.29 → 0.0.31

package/dist/js/{top-bar-B4SZ2YZC.js → top-bar-sahvpzBv.js}

@@ -1,7 +1,7 @@
-import { c as i, j as r, a as l } from "./index-DOdDlCoL.js";
+import { c as i, j as s, a as l } from "./index-DOdDlCoL.js";
 import * as b from "react";
 import { forwardRef as o } from "react";
-import { k as u } from "./image-rectangle-CF656HIm.js";
+import { j as u } from "./image-rectangle-BpMI_fTE.js";
 import "./snackbar-DH8jCh2V.js";
 const j = i(
   "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",
@@ -34,7 +34,7 @@ const j = i(
     }
   }
 ), y = o(
-  ({ children: t, className: a }, e) => /* @__PURE__ */ r.jsx(
+  ({ children: t, className: a }, e) => /* @__PURE__ */ s.jsx(
     "div",
     {
       ref: e,
@@ -44,7 +44,7 @@ const j = i(
     }
   )
 ), B = o(
-  ({ children: t, className: a }, e) => /* @__PURE__ */ r.jsx(
+  ({ children: t, className: a }, e) => /* @__PURE__ */ s.jsx(
     "div",
     {
       ref: e,
@@ -53,7 +53,7 @@ const j = i(
       children: t
     }
   )
-), w = o(({ children: t, ...a }, e) => /* @__PURE__ */ r.jsx(
+), w = o(({ children: t, ...a }, e) => /* @__PURE__ */ s.jsx(
   u,
   {
     ...a,
@@ -65,7 +65,7 @@ const j = i(
     clamp: 1,
     children: t
   }
-)), N = o(({ children: t, ...a }, e) => /* @__PURE__ */ r.jsx(
+)), N = o(({ children: t, ...a }, e) => /* @__PURE__ */ s.jsx(
   u,
   {
     ...a,
@@ -79,7 +79,7 @@ const j = i(
     children: t
   }
 )), V = o(
-  ({ children: t, className: a }, e) => /* @__PURE__ */ r.jsx(
+  ({ children: t, className: a }, e) => /* @__PURE__ */ s.jsx(
     "div",
     {
       ref: e,
@@ -89,10 +89,10 @@ const j = i(
     }
   )
 ), S = o(
-  ({ children: t, className: a, placement: e }, s) => /* @__PURE__ */ r.jsx(
+  ({ children: t, className: a, placement: e }, r) => /* @__PURE__ */ s.jsx(
     "div",
     {
-      ref: s,
+      ref: r,
       className: l(h({ placement: e }), a),
       children: t
     }
@@ -101,21 +101,21 @@ const j = i(
   children: t,
   className: a,
   variant: e = "primary"
-}) => /* @__PURE__ */ r.jsx(
+}) => /* @__PURE__ */ s.jsx(
   "header",
   {
     className: l(j({ variant: e }), a),
     role: "banner",
     children: t
   }
-), Ba = Object.assign(T, {
+), Na = Object.assign(T, {
   Leading: B,
   Headline: w,
   Subtitle: N,
   Trailing: V,
   Center: S,
   Bottom: y
-}), z = i(
+}), H = 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: {
@@ -137,7 +137,7 @@ const j = i(
       size: "md"
     }
   }
-), H = i(
+), z = i(
   "flex flex-col items-center justify-center gap-1 px-2 py-1 select-none",
   {
     variants: {
@@ -150,38 +150,38 @@ const j = i(
       active: !1
     }
   }
-), C = o(
-  ({ icon: t, label: a, active: e = !1, className: s, ...n }, c) => /* @__PURE__ */ r.jsxs(
+), A = o(
+  ({ icon: t, label: a, active: e = !1, className: r, ...n }, c) => /* @__PURE__ */ s.jsxs(
     "div",
     {
       ref: c,
       "aria-current": e ? "page" : void 0,
-      className: H({ active: e, className: s }),
+      className: z({ active: e, className: r }),
       ...n,
       children: [
         t,
-        a && /* @__PURE__ */ r.jsx("span", { className: "text-xs mt-0.5", children: a })
+        a && /* @__PURE__ */ s.jsx("span", { className: "text-xs mt-0.5", children: a })
       ]
     }
   )
-), A = ({
+), C = ({
   children: t,
   variant: a = "primary",
   size: e = "md",
-  className: s,
+  className: r,
   ...n
-}) => /* @__PURE__ */ r.jsx(
+}) => /* @__PURE__ */ s.jsx(
   "nav",
   {
     role: "navigation",
     "aria-label": "Bottom navigation",
-    className: z({ variant: a, size: e, className: s }),
+    className: H({ variant: a, size: e, className: r }),
     ...n,
     children: t
   }
-), wa = Object.assign(A, {
-  Item: C
-}), L = i("flex", {
+), Va = Object.assign(C, {
+  Item: A
+}), P = i("flex", {
   variants: {
     orientation: {
       horizontal: "flex-row",
@@ -213,23 +213,23 @@ const j = i(
     gap: "md",
     fluid: !1
   }
-}), Na = o(
+}), Sa = o(
   function({
     className: a,
     children: e,
-    orientation: s = "horizontal",
+    orientation: r = "horizontal",
     alignment: n = "start",
     gap: c = "md",
     fluid: p = !1,
-    ...m
-  }, d) {
-    return /* @__PURE__ */ r.jsx(
+    ...d
+  }, m) {
+    return /* @__PURE__ */ s.jsx(
       "div",
       {
-        ref: d,
+        ref: m,
         className: l(
-          L({
-            orientation: s,
+          P({
+            orientation: r,
             alignment: n,
             gap: c,
             fluid: p
@@ -237,12 +237,12 @@ const j = i(
           a
         ),
         role: "group",
-        ...m,
+        ...d,
         children: e
       }
     );
   }
-), P = i("flex", {
+), L = i("flex", {
   variants: {
     orientation: {
       horizontal: "flex-row",
@@ -274,23 +274,23 @@ const j = i(
     gap: "md",
     fluid: !1
   }
-}), Va = o(
+}), Ta = o(
   function({
     className: a,
     children: e,
-    orientation: s = "horizontal",
+    orientation: r = "horizontal",
     alignment: n = "start",
     gap: c = "md",
     fluid: p = !1,
-    ...m
-  }, d) {
-    return /* @__PURE__ */ r.jsx(
+    ...d
+  }, m) {
+    return /* @__PURE__ */ s.jsx(
       "div",
       {
-        ref: d,
+        ref: m,
         className: l(
-          P({
-            orientation: s,
+          L({
+            orientation: r,
             alignment: n,
             gap: c,
             fluid: p
@@ -298,7 +298,7 @@ const j = i(
           a
         ),
         role: "group",
-        ...m,
+        ...d,
         children: e
       }
     );
@@ -335,23 +335,23 @@ const j = i(
     gap: "md",
     fluid: !1
   }
-}), Sa = o(
+}), Ha = o(
   function({
     className: a,
     children: e,
-    orientation: s = "horizontal",
+    orientation: r = "horizontal",
     alignment: n = "start",
     gap: c = "md",
     fluid: p = !1,
-    ...m
-  }, d) {
-    return /* @__PURE__ */ r.jsx(
+    ...d
+  }, m) {
+    return /* @__PURE__ */ s.jsx(
       "div",
       {
-        ref: d,
+        ref: m,
         className: l(
           G({
-            orientation: s,
+            orientation: r,
             alignment: n,
             gap: c,
             fluid: p
@@ -359,59 +359,59 @@ const j = i(
           a
         ),
         role: "group",
-        ...m,
+        ...d,
         children: e
       }
     );
   }
-), R = i("w-full px-4 sm:px-6 py-6 sm:py-8"), Ta = o(
-  ({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r.jsx(
+), R = i("w-full px-4 sm:px-6 py-6 sm:py-8"), za = o(
+  ({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
     "div",
     {
-      ref: s,
+      ref: r,
       className: l(R(), a),
       ...e,
       children: t
     }
   )
-), k = i("w-full mt-4"), I = i(
+), I = i("w-full mt-4"), k = i(
   "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-4 px-4 sm:px-6 mb-4"
 ), F = i("mb-4 px-4 sm:px-6"), O = i(
   "flex-1 min-w-0 flex flex-col gap-2 w-full sm:w-auto"
 ), W = i("flex items-center gap-2 flex-wrap"), M = i(
-  "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"
-), E = i(
+  "hidden md:flex  flex-col sm:flex-row gap-2 sm:gap-3 w-full w-auto sm:ml-auto sm:shrink-0 [&>*]:w-full sm:[&>*]:w-auto"
+), E = i("md:hidden"), $ = i(
   "w-full flex items-center px-4 sm:px-6 py-0 overflow-x-auto"
-), $ = o(
-  ({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r.jsx(
+), q = o(
+  ({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
     "div",
     {
-      ref: s,
-      className: l(I(), a),
+      ref: r,
+      className: l(k(), a),
       "data-versaur-page-header-top": !0,
       ...e,
       children: t
     }
   )
-), q = o(({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r.jsx(
+), D = o(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
   "div",
   {
-    ref: s,
+    ref: r,
     className: l(F(), a),
     "data-versaur-page-header-breadcrumbs": !0,
     ...e,
     children: t
   }
-)), D = o(({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r.jsx(
+)), J = o(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
   "div",
   {
-    ref: s,
+    ref: r,
     className: l(O(), a),
     "data-versaur-page-header-content": !0,
     ...e,
     children: t
   }
-)), J = o((t, a) => /* @__PURE__ */ r.jsx(
+)), K = o((t, a) => /* @__PURE__ */ s.jsx(
   u,
   {
     ...t,
@@ -421,7 +421,7 @@ const j = i(
     ellipsis: !0,
     ref: a
   }
-)), K = o(({ className: t, ...a }, e) => /* @__PURE__ */ r.jsx(
+)), Q = o(({ className: t, ...a }, e) => /* @__PURE__ */ s.jsx(
   u,
   {
     as: "p",
@@ -432,70 +432,83 @@ const j = i(
     className: l("mb-2 sm:clamp-3", t),
     ...a
   }
-)), Q = o(({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r.jsx(
+)), U = o(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
   "div",
   {
-    ref: s,
+    ref: r,
     className: l(W(), a),
     "data-versaur-page-header-badges": !0,
     ...e,
     children: t
   }
-)), U = o(({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r.jsx(
+)), X = o(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
   "div",
   {
-    ref: s,
+    ref: r,
     className: l(M(), a),
     "data-versaur-page-header-actions": !0,
     ...e,
     children: t
   }
-)), X = o(({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r.jsx(
+)), Y = o(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
   "div",
   {
-    ref: s,
+    ref: r,
     className: l(E(), a),
+    "data-versaur-page-header-mobile-actions": !0,
+    ...e,
+    children: t
+  }
+)), Z = o(({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
+  "div",
+  {
+    ref: r,
+    className: l($(), a),
     "data-versaur-page-header-bottom": !0,
     ...e,
     children: t
   }
-)), Y = o(
+)), _ = o(
   ({
     children: t,
     className: a,
     title: e,
-    subtitle: s,
+    subtitle: r,
     breadcrumbs: n,
     badges: c,
     actions: p,
+    mobileActions: d,
     tabs: m,
-    ...d
-  }, f) => {
-    const g = e || s || n || c || p, v = m;
-    return /* @__PURE__ */ r.jsxs(
+    ...f
+  }, g) => {
+    const v = m;
+    return /* @__PURE__ */ s.jsxs(
       "header",
       {
-        ref: f,
-        className: l(k(), a),
+        ref: g,
+        className: l(I(), a),
         role: "banner",
-        ...d,
+        ...f,
         children: [
-          n && /* @__PURE__ */ r.jsx(q, { children: n }),
-          g && /* @__PURE__ */ r.jsxs($, { children: [
-            /* @__PURE__ */ r.jsxs(D, { children: [
-              e && /* @__PURE__ */ r.jsx(J, { children: e }),
-              s && /* @__PURE__ */ r.jsx(K, { children: s }),
-              c && /* @__PURE__ */ r.jsx(Q, { children: c })
+          n && /* @__PURE__ */ s.jsx(D, { children: n }),
+          /* @__PURE__ */ s.jsxs(q, { children: [
+            /* @__PURE__ */ s.jsxs(J, { children: [
+              /* @__PURE__ */ s.jsxs("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ s.jsx(K, { children: e }),
+                d && /* @__PURE__ */ s.jsx(Y, { children: d })
+              ] }),
+              r && /* @__PURE__ */ s.jsx(Q, { children: r }),
+              c && /* @__PURE__ */ s.jsx(U, { children: c })
             ] }),
-            p && /* @__PURE__ */ r.jsx(U, { children: p })
+            p && /* @__PURE__ */ s.jsx(X, { children: p })
           ] }),
-          v && /* @__PURE__ */ r.jsx(X, { children: m }),
+          v && /* @__PURE__ */ s.jsx(Z, { children: m }),
           t
         ]
       }
     );
   }
-), za = Y, Z = i("w-full mx-auto relative", {
+), Aa = _, aa = i("w-full mx-auto relative", {
   variants: {
     type: {
       desktop: "max-w-7xl px-6 pb-10",
@@ -506,19 +519,19 @@ const j = i(
   defaultVariants: {
     type: "desktop"
   }
-}), Ha = b.forwardRef(
-  function({ type: a = "desktop", className: e, children: s, ...n }, c) {
-    return /* @__PURE__ */ r.jsx(
+}), Ca = b.forwardRef(
+  function({ type: a = "desktop", className: e, children: r, ...n }, c) {
+    return /* @__PURE__ */ s.jsx(
       "div",
       {
         ref: c,
-        className: l(Z({ type: a }), e),
+        className: l(aa({ type: a }), e),
         ...n,
-        children: s
+        children: r
       }
     );
   }
-), _ = i("grid w-full gap-4 grid-cols-12"), aa = i("", {
+), ea = i("grid w-full gap-4 grid-cols-12"), ta = i("", {
   variants: {
     span: {
       1: "col-span-1",
@@ -538,36 +551,36 @@ const j = i(
   defaultVariants: {
     span: "4"
   }
-}), ea = o(
-  function({ className: a, children: e, ...s }, n) {
-    return /* @__PURE__ */ r.jsx(
+}), sa = o(
+  function({ className: a, children: e, ...r }, n) {
+    return /* @__PURE__ */ s.jsx(
       "div",
       {
         ref: n,
-        className: l(_(), a),
-        ...s,
+        className: l(ea(), a),
+        ...r,
         children: e
       }
     );
   }
-), ta = o(
-  function({ span: a = 4, className: e, children: s, ...n }, c) {
+), ra = o(
+  function({ span: a = 4, className: e, children: r, ...n }, c) {
     const p = Math.min(12, Math.max(1, a));
-    return /* @__PURE__ */ r.jsx(
+    return /* @__PURE__ */ s.jsx(
       "div",
       {
         ref: c,
         className: l(
-          aa({ span: `${p}` }),
+          ta({ span: `${p}` }),
           e
         ),
         ...n,
-        children: s
+        children: r
       }
     );
   }
-), Ca = Object.assign(ea, {
-  Column: ta
+), Pa = Object.assign(sa, {
+  Column: ra
 }), x = i(
   "flex items-center gap-2 px-4 py-2 rounded-md hover:text-primary focus:outline-none transition-colors",
   {
@@ -586,12 +599,12 @@ const j = i(
       disabled: !1
     }
   }
-), sa = o(
+), na = o(
   (t, a) => {
-    const { icon: e, children: s, href: n, onClick: c, active: p, ...m } = t;
+    const { icon: e, children: r, href: n, onClick: c, active: p, ...d } = t;
     if (typeof n == "string") {
-      const f = m;
-      return /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsxs(
+      const f = d;
+      return /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsxs(
         "a",
         {
           ref: a,
@@ -603,13 +616,13 @@ const j = i(
           ...f,
           children: [
             e,
-            /* @__PURE__ */ r.jsx(u, { as: "span", color: "inherit", fontSize: "sm", children: s })
+            /* @__PURE__ */ s.jsx(u, { as: "span", color: "inherit", fontSize: "sm", children: r })
           ]
         }
       ) });
     } else {
-      const f = m;
-      return /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsxs(
+      const f = d;
+      return /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsxs(
         "button",
         {
           ref: a,
@@ -622,16 +635,16 @@ const j = i(
           ...f,
           children: [
             e,
-            /* @__PURE__ */ r.jsx(u, { as: "span", color: "inherit", fontSize: "sm", children: s })
+            /* @__PURE__ */ s.jsx(u, { as: "span", color: "inherit", fontSize: "sm", children: r })
           ]
         }
       ) });
     }
   }
-), ra = o(
-  function({ children: a, label: e, ...s }, n) {
-    return /* @__PURE__ */ r.jsxs("li", { ref: n, className: "flex flex-col gap-2 mt-2", ...s, children: [
-      /* @__PURE__ */ r.jsx(
+), oa = o(
+  function({ children: a, label: e, ...r }, n) {
+    return /* @__PURE__ */ s.jsxs("li", { ref: n, className: "flex flex-col gap-2 mt-2", ...r, children: [
+      /* @__PURE__ */ s.jsx(
         u,
         {
           as: "h2",
@@ -642,30 +655,30 @@ const j = i(
           children: e
         }
       ),
-      /* @__PURE__ */ r.jsx("ul", { className: "flex flex-col gap-1", children: a })
+      /* @__PURE__ */ s.jsx("ul", { className: "flex flex-col gap-1", children: a })
     ] });
   }
-), na = o(
-  ({ children: t, ...a }, e) => /* @__PURE__ */ r.jsx(
+), ia = o(
+  ({ 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__ */ r.jsx("div", { className: "flex-1 overflow-y-auto scrollbar-thin scrollbar-thumb-border scrollbar-track-background", children: /* @__PURE__ */ r.jsx("ul", { className: "flex flex-col gap-1 mx-2", children: t }) })
+      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 }) })
     }
   )
-), Aa = Object.assign(na, {
-  Item: sa,
-  Group: ra
-}), oa = i(
+), La = Object.assign(ia, {
+  Item: na,
+  Group: oa
+}), la = i(
   "w-full flex items-center px-6 py-4 mb-6 border-b border-border shadow-xs bg-white",
   {
     variants: {},
     defaultVariants: {}
   }
-), ia = i("flex items-center gap-3 min-w-0 flex-1"), la = i("flex items-center gap-2 ml-auto"), ca = i(
+), ca = i("flex items-center gap-3 min-w-0 flex-1"), pa = i("flex items-center gap-2 ml-auto"), da = i(
   "px-2.5 py-1.5 rounded-md text-sm cursor-pointer transition-colors",
   {
     variants: {
@@ -678,54 +691,54 @@ const j = i(
       active: !1
     }
   }
-), pa = i("flex items-center gap-2 ml-4"), ma = i("flex items-center gap-2 mr-4"), da = o(
-  function({ children: a, className: e, ...s }, n) {
-    return /* @__PURE__ */ r.jsx("nav", { ref: n, className: pa({ className: e }), ...s, children: a });
-  }
-), ua = o(
-  function({ children: a, className: e, ...s }, n) {
-    return /* @__PURE__ */ r.jsx("div", { ref: n, className: ma({ className: e }), ...s, children: a });
-  }
-), fa = o(
-  function({ children: a, className: e, ...s }, n) {
-    return /* @__PURE__ */ r.jsx("div", { ref: n, className: ia({ className: e }), ...s, children: a });
+), ma = i("flex items-center gap-2 ml-4"), ua = i("flex items-center gap-2 mr-4"), fa = o(
+  function({ children: a, className: e, ...r }, n) {
+    return /* @__PURE__ */ s.jsx("nav", { ref: n, className: ma({ className: e }), ...r, children: a });
   }
 ), xa = o(
-  function({ children: a, className: e, ...s }, n) {
-    return /* @__PURE__ */ r.jsx("div", { ref: n, className: la({ className: e }), ...s, children: a });
+  function({ children: a, className: e, ...r }, n) {
+    return /* @__PURE__ */ s.jsx("div", { ref: n, className: ua({ className: e }), ...r, children: a });
   }
 ), ga = o(
-  function({ children: a, className: e, active: s, ...n }, c) {
-    return /* @__PURE__ */ r.jsx(
+  function({ children: a, className: e, ...r }, n) {
+    return /* @__PURE__ */ s.jsx("div", { ref: n, className: ca({ className: e }), ...r, children: a });
+  }
+), va = o(
+  function({ children: a, className: e, ...r }, n) {
+    return /* @__PURE__ */ s.jsx("div", { ref: n, className: pa({ className: e }), ...r, children: a });
+  }
+), ba = o(
+  function({ children: a, className: e, active: r, ...n }, c) {
+    return /* @__PURE__ */ s.jsx(
       "div",
       {
         ref: c,
-        className: ca({ active: s, className: e }),
-        "aria-current": s ? "page" : void 0,
+        className: da({ active: r, className: e }),
+        "aria-current": r ? "page" : void 0,
         ...n,
         children: a
       }
     );
   }
-), va = o(
-  ({ children: t, className: a, ...e }, s) => /* @__PURE__ */ r.jsx("header", { ref: s, className: oa({ className: a }), ...e, children: t })
-), La = Object.assign(va, {
-  Leading: fa,
-  Trailing: xa,
-  NavItem: ga,
-  Nav: da,
-  Actions: ua
+), ja = o(
+  ({ children: t, className: a, ...e }, r) => /* @__PURE__ */ s.jsx("header", { ref: r, className: la({ className: a }), ...e, children: t })
+), Ga = Object.assign(ja, {
+  Leading: ga,
+  Trailing: va,
+  NavItem: ba,
+  Nav: fa,
+  Actions: xa
 });
 export {
-  Ba as A,
-  wa as B,
-  Sa as F,
-  Ta as P,
-  Aa as S,
-  La as T,
-  Na as a,
-  Va as b,
-  za as c,
-  Ha as d,
-  Ca as e
+  Na as A,
+  Va as B,
+  Ha as F,
+  za as P,
+  La as S,
+  Ga as T,
+  Sa as a,
+  Ta as b,
+  Aa as c,
+  Ca as d,
+  Pa as e
 };