@sakura-ui/sakura-ui 0.5.0 → 0.5.1

package/packages/forms/dist/index.es.js

@@ -1,31 +1,31 @@
 import R from "react";
 var I = { exports: {} }, E = {};
-var W;
+var L;
 function fe() {
-  if (W) return E;
-  W = 1;
+  if (L) return E;
+  L = 1;
   var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), n = /* @__PURE__ */ Symbol.for("react.fragment");
-  function d(i, a, t) {
+  function d(i, a, s) {
     var o = null;
-    if (t !== void 0 && (o = "" + t), a.key !== void 0 && (o = "" + a.key), "key" in a) {
-      t = {};
+    if (s !== void 0 && (o = "" + s), a.key !== void 0 && (o = "" + a.key), "key" in a) {
+      s = {};
       for (var u in a)
-        u !== "key" && (t[u] = a[u]);
-    } else t = a;
-    return a = t.ref, {
+        u !== "key" && (s[u] = a[u]);
+    } else s = a;
+    return a = s.ref, {
       $$typeof: r,
       type: i,
       key: o,
       ref: a !== void 0 ? a : null,
-      props: t
+      props: s
     };
   }
   return E.Fragment = n, E.jsx = d, E.jsxs = d, E;
 }
 var _ = {};
-var B;
+var U;
 function pe() {
-  return B || (B = 1, process.env.NODE_ENV !== "production" && (function() {
+  return U || (U = 1, process.env.NODE_ENV !== "production" && (function() {
     function r(e) {
       if (e == null) return null;
       if (typeof e == "function")
@@ -51,9 +51,9 @@ function pe() {
         ), e.$$typeof) {
           case K:
             return "Portal";
-          case se:
-            return e.displayName || "Context";
           case te:
+            return e.displayName || "Context";
+          case se:
             return (e._context.displayName || "Context") + ".Consumer";
           case le:
             var l = e.render;
@@ -104,7 +104,7 @@ function pe() {
       var e = C.A;
       return e === null ? null : e.getOwner();
     }
-    function t() {
+    function s() {
       return Error("react-stack-top-frame");
     }
     function o(e) {
@@ -183,7 +183,7 @@ function pe() {
         var j = Object.keys(l).filter(function(ue) {
           return ue !== "key";
         });
-        b = 0 < j.length ? "{key: someKey, " + j.join(": ..., ") + ": ...}" : "{key: someKey}", L[m + b] || (j = 0 < j.length ? "{" + j.join(": ..., ") + ": ...}" : "{}", console.error(
+        b = 0 < j.length ? "{key: someKey, " + j.join(": ..., ") + ": ...}" : "{key: someKey}", W[m + b] || (j = 0 < j.length ? "{" + j.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -194,7 +194,7 @@ React keys must be passed directly to JSX without using spread:
           m,
           j,
           m
-        ), L[m + b] = !0);
+        ), W[m + b] = !0);
       }
       if (m = null, p !== void 0 && (d(p), m = "" + p), o(l) && (d(l.key), m = "" + l.key), "key" in l) {
         p = {};
@@ -219,7 +219,7 @@ React keys must be passed directly to JSX without using spread:
     function h(e) {
       return typeof e == "object" && e !== null && e.$$typeof === M;
     }
-    var v = R, M = /* @__PURE__ */ Symbol.for("react.transitional.element"), K = /* @__PURE__ */ Symbol.for("react.portal"), k = /* @__PURE__ */ Symbol.for("react.fragment"), ee = /* @__PURE__ */ Symbol.for("react.strict_mode"), re = /* @__PURE__ */ Symbol.for("react.profiler"), te = /* @__PURE__ */ Symbol.for("react.consumer"), se = /* @__PURE__ */ Symbol.for("react.context"), le = /* @__PURE__ */ Symbol.for("react.forward_ref"), ae = /* @__PURE__ */ Symbol.for("react.suspense"), oe = /* @__PURE__ */ Symbol.for("react.suspense_list"), ne = /* @__PURE__ */ Symbol.for("react.memo"), P = /* @__PURE__ */ Symbol.for("react.lazy"), ie = /* @__PURE__ */ Symbol.for("react.activity"), de = /* @__PURE__ */ Symbol.for("react.client.reference"), C = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, ce = Array.isArray, S = console.createTask ? console.createTask : function() {
+    var v = R, M = /* @__PURE__ */ Symbol.for("react.transitional.element"), K = /* @__PURE__ */ Symbol.for("react.portal"), k = /* @__PURE__ */ Symbol.for("react.fragment"), ee = /* @__PURE__ */ Symbol.for("react.strict_mode"), re = /* @__PURE__ */ Symbol.for("react.profiler"), se = /* @__PURE__ */ Symbol.for("react.consumer"), te = /* @__PURE__ */ Symbol.for("react.context"), le = /* @__PURE__ */ Symbol.for("react.forward_ref"), ae = /* @__PURE__ */ Symbol.for("react.suspense"), oe = /* @__PURE__ */ Symbol.for("react.suspense_list"), ne = /* @__PURE__ */ Symbol.for("react.memo"), P = /* @__PURE__ */ Symbol.for("react.lazy"), ie = /* @__PURE__ */ Symbol.for("react.activity"), de = /* @__PURE__ */ Symbol.for("react.client.reference"), C = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, ce = Array.isArray, S = console.createTask ? console.createTask : function() {
       return null;
     };
     v = {
@@ -229,8 +229,8 @@ React keys must be passed directly to JSX without using spread:
     };
     var F, Y = {}, z = v.react_stack_bottom_frame.bind(
       v,
-      t
-    )(), D = S(i(t)), L = {};
+      s
+    )(), D = S(i(s)), W = {};
     _.Fragment = k, _.jsx = function(e, l, p) {
       var b = 1e4 > C.recentlyCreatedOwnerStacks++;
       return f(
@@ -254,11 +254,11 @@ React keys must be passed directly to JSX without using spread:
     };
   })()), _;
 }
-var U;
+var B;
 function be() {
-  return U || (U = 1, process.env.NODE_ENV === "production" ? I.exports = fe() : I.exports = pe()), I.exports;
+  return B || (B = 1, process.env.NODE_ENV === "production" ? I.exports = fe() : I.exports = pe()), I.exports;
 }
-var s = be();
+var t = be();
 const y = (...r) => r.filter(Boolean).join(" ");
 var N;
 ((r) => {
@@ -268,7 +268,7 @@ var N;
     border
     border-transparent
     rounded-lg
-    hover:bg-solid-grey-50
+    hover:bg-solid-gray-50
   `, r.selected = `
     rounded-full
     bg-yellow-50
@@ -321,16 +321,8 @@ var N;
     shadow-1
     rounded-lg
     border
-    border-solid-grey-420
+    border-solid-gray-420
     has-[>:nth-child(7)]:rounded-r-none
-  `, r.popoverPositionBottomRight = `
-    absolute
-    top-11
-    right-0
-  `, r.popoverPositionBottomLeft = `
-    absolute
-    top-11
-    left-0
   `, ((d) => {
     d.focus = `
       peer-focus-visible:outline-4
@@ -415,8 +407,8 @@ const T = R.createContext({
   md: "w-[18px] h-[18px] mr-1.5",
   sm: "w-[18px] h-[18px] mr-1"
 }, Z = (r) => {
-  const { id: n, className: d, size: i = "lg", children: a, ...t } = r, o = R.useId(), u = n || o, c = R.useContext(T);
-  c.isRequired && (t.required = !0), c.groupName && (t.name = c.groupName);
+  const { id: n, className: d, size: i = "lg", children: a, ...s } = r, o = R.useId(), u = n || o, c = R.useContext(T);
+  c.isRequired && (s.required = !0), c.groupName && (s.name = c.groupName);
   const x = {
     lg: 22 / 24,
     md: 18 / 24,
@@ -437,7 +429,7 @@ const T = R.createContext({
     peer-disabled:border-solid-gray-500
     ${N.Peer.focusRect}
   `;
-  return /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ t.jsx(
     "label",
     {
       htmlFor: u,
@@ -446,8 +438,8 @@ const T = R.createContext({
         H[i],
         d
       ),
-      children: /* @__PURE__ */ s.jsxs("span", { className: "flex items-center", children: [
-        /* @__PURE__ */ s.jsx(
+      children: /* @__PURE__ */ t.jsxs("span", { className: "flex items-center", children: [
+        /* @__PURE__ */ t.jsx(
           "input",
           {
             id: u,
@@ -456,10 +448,10 @@ const T = R.createContext({
             "aria-describedby": c.helperTextId,
             "aria-errormessage": c.errorMessageId,
             "aria-invalid": c.isInvalid ?? !1,
-            ...t
+            ...s
           }
         ),
-        /* @__PURE__ */ s.jsx("span", { className: y(g, X[i]), children: /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ t.jsx("span", { className: y(g, X[i]), children: /* @__PURE__ */ t.jsx(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -467,18 +459,18 @@ const T = R.createContext({
             width: "24",
             height: "24",
             viewBox: "0 0 24 24",
-            children: /* @__PURE__ */ s.jsx("g", { transform: `scale(${x[i]} ${x[i]})`, children: /* @__PURE__ */ s.jsx("path", { d: "m9.55 17.65-5.325-5.325 1.05-1.075 4.275 4.275 9.175-9.175 1.05 1.075Z" }) })
+            children: /* @__PURE__ */ t.jsx("g", { transform: `scale(${x[i]} ${x[i]})`, children: /* @__PURE__ */ t.jsx("path", { d: "m9.55 17.65-5.325-5.325 1.05-1.075 4.275 4.275 9.175-9.175 1.05 1.075Z" }) })
           }
         ) }),
-        /* @__PURE__ */ s.jsx("span", { className: "peer-disabled:text-solid-gray-500", children: a })
+        /* @__PURE__ */ t.jsx("span", { className: "peer-disabled:text-solid-gray-500", children: a })
       ] })
     }
   );
 };
 Z.displayName = "Checkbox";
 const Q = (r) => {
-  const { id: n, className: d, size: i = "lg", children: a, ...t } = r, o = R.useId(), u = n || o, c = R.useContext(T);
-  c.isRequired && (t.required = !0), c.groupName && (t.name = c.groupName);
+  const { id: n, className: d, size: i = "lg", children: a, ...s } = r, o = R.useId(), u = n || o, c = R.useContext(T);
+  c.isRequired && (s.required = !0), c.groupName && (s.name = c.groupName);
   const x = `
     peer
     sr-only
@@ -497,7 +489,7 @@ const Q = (r) => {
     md: "p-[3px]",
     sm: "p-[3px]"
   };
-  return /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ t.jsx(
     "label",
     {
       htmlFor: u,
@@ -506,8 +498,8 @@ const Q = (r) => {
         H[i],
         d
       ),
-      children: /* @__PURE__ */ s.jsxs("span", { className: "flex items-center", children: [
-        /* @__PURE__ */ s.jsx(
+      children: /* @__PURE__ */ t.jsxs("span", { className: "flex items-center", children: [
+        /* @__PURE__ */ t.jsx(
           "input",
           {
             id: u,
@@ -516,26 +508,26 @@ const Q = (r) => {
             "aria-describedby": c.helperTextId,
             "aria-errormessage": c.errorMessageId,
             "aria-invalid": c.isInvalid ?? !1,
-            ...t
+            ...s
           }
         ),
-        /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ t.jsx(
           "span",
           {
             "aria-hidden": !0,
             className: y(f, g[i], X[i])
           }
         ),
-        /* @__PURE__ */ s.jsx("span", { className: "peer-disabled:text-solid-gray-500", children: a })
+        /* @__PURE__ */ t.jsx("span", { className: "peer-disabled:text-solid-gray-500", children: a })
       ] })
     }
   );
 };
 Q.displayName = "Radio";
 const me = (r) => {
-  const { id: n, className: d, size: i = "lg", children: a, ...t } = r, o = R.useContext(T);
-  return o.isRequired && (t.required = !0), /* @__PURE__ */ s.jsxs("div", { className: "inline-block relative", children: [
-    /* @__PURE__ */ s.jsx(
+  const { id: n, className: d, size: i = "lg", children: a, ...s } = r, o = R.useContext(T);
+  return o.isRequired && (s.required = !0), /* @__PURE__ */ t.jsxs("div", { className: "inline-block relative", children: [
+    /* @__PURE__ */ t.jsx(
       "select",
       {
         id: n || o.id,
@@ -553,11 +545,11 @@ const me = (r) => {
         "aria-describedby": o.helperTextId,
         "aria-errormessage": o.errorMessageId,
         "aria-invalid": o.isInvalid ?? !1,
-        ...t,
+        ...s,
         children: a
       }
     ),
-    /* @__PURE__ */ s.jsxs(
+    /* @__PURE__ */ t.jsxs(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -576,8 +568,8 @@ const me = (r) => {
         height: "16",
         viewBox: "0 0 16 16",
         children: [
-          /* @__PURE__ */ s.jsx("title", { children: "arrow down" }),
-          /* @__PURE__ */ s.jsx(
+          /* @__PURE__ */ t.jsx("title", { children: "arrow down" }),
+          /* @__PURE__ */ t.jsx(
             "path",
             {
               d: "M12 15.05 6.35 9.4 7.4 8.35l4.6 4.6 4.6-4.6 1.05 1.05Z",
@@ -591,8 +583,8 @@ const me = (r) => {
 };
 me.displayName = "Select";
 const xe = (r) => {
-  const { id: n, className: d, size: i = "lg", ...a } = r, t = R.useContext(T);
-  t.isRequired && (a.required = !0);
+  const { id: n, className: d, size: i = "lg", ...a } = r, s = R.useContext(T);
+  s.isRequired && (a.required = !0);
   const o = `
     file:mr-2
     file:inline-block
@@ -651,46 +643,46 @@ const xe = (r) => {
       file:leading-snug
     `
   };
-  return /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ t.jsx(
     "input",
     {
       type: "file",
-      id: n || t.id,
+      id: n || s.id,
       className: y(o, u, x[i], c, d),
-      "aria-describedby": t.helperTextId,
-      "aria-errormessage": t.errorMessageId,
-      "aria-invalid": t.isInvalid ?? !1,
+      "aria-describedby": s.helperTextId,
+      "aria-errormessage": s.errorMessageId,
+      "aria-invalid": s.isInvalid ?? !1,
       ...a
     }
   );
 };
 xe.displayName = "FileInput";
 const ge = (r) => {
-  const { id: n, className: d, size: i = "lg", ...a } = r, t = R.useContext(T);
-  return t.isRequired && (a.required = !0), /* @__PURE__ */ s.jsx(
+  const { id: n, className: d, size: i = "lg", ...a } = r, s = R.useContext(T);
+  return s.isRequired && (a.required = !0), /* @__PURE__ */ t.jsx(
     "input",
     {
       type: "text",
-      id: n || t.id,
+      id: n || s.id,
       className: y(
         G,
         V[i],
         d
       ),
-      "aria-describedby": t.helperTextId,
-      "aria-errormessage": t.errorMessageId,
-      "aria-invalid": t.isInvalid ?? !1,
+      "aria-describedby": s.helperTextId,
+      "aria-errormessage": s.errorMessageId,
+      "aria-invalid": s.isInvalid ?? !1,
       ...a
     }
   );
 };
 ge.displayName = "Input";
 const he = (r) => {
-  const { id: n, className: d, children: i, onChange: a, maxLength: t, ...o } = r, [u, c] = R.useState(0), x = (v) => {
+  const { id: n, className: d, children: i, onChange: a, maxLength: s, ...o } = r, [u, c] = R.useState(0), x = (v) => {
     a && a(v), c(v.target.value.length);
   }, f = R.useContext(T);
   f.isRequired && (o.required = !0);
-  const g = u > (t || 0) ? "text-red-800" : "text-solid-gray-700", h = `
+  const g = u > (s || 0) ? "text-red-800" : "text-solid-gray-700", h = `
       p-4
       text-label
       rounded-lg
@@ -703,8 +695,8 @@ const he = (r) => {
       aria-invalid:border-red-800
       ${N.focusRect}
     `;
-  return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx(
       "textarea",
       {
         id: n || f.id,
@@ -717,10 +709,10 @@ const he = (r) => {
         children: i
       }
     ),
-    t ? /* @__PURE__ */ s.jsxs("p", { className: "text-label text-solid-gray-700", children: [
-      /* @__PURE__ */ s.jsx("span", { className: g, children: u }),
+    s ? /* @__PURE__ */ t.jsxs("p", { className: "text-label text-solid-gray-700", children: [
+      /* @__PURE__ */ t.jsx("span", { className: g, children: u }),
       "/",
-      /* @__PURE__ */ s.jsx("span", { children: t })
+      /* @__PURE__ */ t.jsx("span", { children: s })
     ] }) : ""
   ] });
 };
@@ -730,7 +722,7 @@ const ve = (r) => {
     labelText: d,
     className: i,
     helperText: a,
-    errorMessage: t,
+    errorMessage: s,
     isInvalid: o,
     isRequired: u,
     children: c,
@@ -742,8 +734,8 @@ const ve = (r) => {
     isInvalid: o ?? !1,
     isRequired: u ?? !1
   };
-  return /* @__PURE__ */ s.jsx(T.Provider, { value: f, children: /* @__PURE__ */ s.jsxs("div", { className: y("flex flex-col items-start gap-2", i), children: [
-    /* @__PURE__ */ s.jsxs(
+  return /* @__PURE__ */ t.jsx(T.Provider, { value: f, children: /* @__PURE__ */ t.jsxs("div", { className: y("flex flex-col items-start gap-2", i), children: [
+    /* @__PURE__ */ t.jsxs(
       "label",
       {
         className: y("block text-label", o && "text-red-800"),
@@ -751,17 +743,17 @@ const ve = (r) => {
         ...x,
         children: [
           d,
-          u && /* @__PURE__ */ s.jsx("span", { className: "text-label text-red-800", children: " *" })
+          u && /* @__PURE__ */ t.jsx("span", { className: "text-label text-red-800", children: " *" })
         ]
       }
     ),
-    a && /* @__PURE__ */ s.jsx("p", { id: f.helperTextId, className: `
+    a && /* @__PURE__ */ t.jsx("p", { id: f.helperTextId, className: `
     text-label text-solid-gray-700
   `, children: a }),
     c,
-    o && /* @__PURE__ */ s.jsx("p", { id: f.errorMessageId, className: `
+    o && /* @__PURE__ */ t.jsx("p", { id: f.errorMessageId, className: `
     text-label text-red-800
-  `, children: t })
+  `, children: s })
   ] }) });
 };
 ve.displayName = "LabelControl";
@@ -770,7 +762,7 @@ const $ = (r) => {
     labelText: d,
     className: i,
     helperText: a,
-    errorMessage: t,
+    errorMessage: s,
     isInvalid: o,
     isRequired: u,
     direction: c,
@@ -783,19 +775,19 @@ const $ = (r) => {
     isInvalid: o ?? !1,
     isRequired: u ?? !1
   }, v = c ?? "flex-col";
-  return /* @__PURE__ */ s.jsx(T.Provider, { value: h, children: /* @__PURE__ */ s.jsxs(
+  return /* @__PURE__ */ t.jsx(T.Provider, { value: h, children: /* @__PURE__ */ t.jsxs(
     "fieldset",
     {
       className: y("flex flex-col items-start gap-2", i),
       ...f,
       children: [
-        /* @__PURE__ */ s.jsx("legend", { children: /* @__PURE__ */ s.jsxs("p", { className: y("block text-label", o && "text-red-800"), children: [
+        /* @__PURE__ */ t.jsx("legend", { children: /* @__PURE__ */ t.jsxs("p", { className: y("block text-label", o && "text-red-800"), children: [
           d,
-          u && /* @__PURE__ */ s.jsx("span", { className: "text-red-800", children: " *" })
+          u && /* @__PURE__ */ t.jsx("span", { className: "text-red-800", children: " *" })
         ] }) }),
-        /* @__PURE__ */ s.jsx("div", { className: y("inline-flex", v), children: x }),
-        a && /* @__PURE__ */ s.jsx("p", { id: h.helperTextId, className: "text-sup text-solid-gray-700", children: a }),
-        o && /* @__PURE__ */ s.jsx("p", { id: h.errorMessageId, className: "text-label text-red-800", children: t })
+        /* @__PURE__ */ t.jsx("div", { className: y("inline-flex", v), children: x }),
+        a && /* @__PURE__ */ t.jsx("p", { id: h.helperTextId, className: "text-sup text-solid-gray-700", children: a }),
+        o && /* @__PURE__ */ t.jsx("p", { id: h.errorMessageId, className: "text-label text-red-800", children: s })
       ]
     }
   ) });
@@ -807,24 +799,24 @@ const ye = (r) => {
     onChange: d,
     className: i,
     labelText: a,
-    helperText: t,
+    helperText: s,
     errorMessage: o,
     isInvalid: u,
     isRequired: c,
     size: x,
     ...f
   } = r;
-  return /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ t.jsx(
     $,
     {
       className: i,
       labelText: a,
-      helperText: t,
+      helperText: s,
       errorMessage: o,
       isInvalid: u,
       isRequired: c,
       ...f,
-      children: n.map(({ label: g, value: h }) => /* @__PURE__ */ s.jsx(
+      children: n.map(({ label: g, value: h }) => /* @__PURE__ */ t.jsx(
         Z,
         {
           size: x,
@@ -844,7 +836,7 @@ const Re = (r) => {
     onChange: d,
     className: i,
     labelText: a,
-    helperText: t,
+    helperText: s,
     errorMessage: o,
     isInvalid: u,
     isRequired: c,
@@ -852,17 +844,17 @@ const Re = (r) => {
     size: f,
     ...g
   } = r;
-  return /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ t.jsx(
     $,
     {
       className: i,
       labelText: a,
-      helperText: t,
+      helperText: s,
       errorMessage: o,
       isInvalid: u,
       isRequired: c,
       ...g,
-      children: n.map(({ label: h, value: v }) => /* @__PURE__ */ s.jsx(
+      children: n.map(({ label: h, value: v }) => /* @__PURE__ */ t.jsx(
         Q,
         {
           size: f,

package/packages/forms/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sakura-ui/forms",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "",
   "keywords": [],
   "author": "glassonion1",

package/packages/helper/.turbo/turbo-build.log

@@ -7,6 +7,6 @@ transforming...
 ✓ 6 modules transformed.
 rendering chunks...
 computing gzip size...
-dist/index.es.js  2.90 kB │ gzip: 1.00 kB
-dist/index.cjs.js  2.72 kB │ gzip: 0.99 kB
-✓ built in 168ms
+dist/index.es.js  2.76 kB │ gzip: 0.96 kB
+dist/index.cjs.js  2.58 kB │ gzip: 0.95 kB
+✓ built in 282ms

package/packages/helper/dist/index.cjs.js

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=':not([tabindex^="-"])',n=":not(:disabled)",d=[`a[href]${o}`,`area[href]${o}`,`input:not([type="hidden"])${o}${n}`,`select${o}${n}`,`textarea${o}${n}`,`button${o}${n}`,`details > summary:first-of-type${o}`,`details:not(:has(> summary))${o}`,`iframe${o}`,`audio[controls]${o}`,`video[controls]${o}`,`[contenteditable]${o}`,`[tabindex]${o}`],f=d.join(","),a=(e,s)=>(e%s+s)%s,b=(...e)=>e.filter(Boolean).join(" "),h=e=>{const s=[],c=[];let t=-1,r=-1;for(const{children:v,...i}of e){if(t<i.depth&&i.depth<=r+1){const l=i.depth-t;r=i.depth;const u=c[l-1];u.children??=[],u.children.push(i),c[l]=i;continue}s.push(i),c[0]=i,t=r=i.depth}return s};exports.Style=void 0;(e=>{e.clickable=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=':not([tabindex^="-"])',n=":not(:disabled)",d=[`a[href]${o}`,`area[href]${o}`,`input:not([type="hidden"])${o}${n}`,`select${o}${n}`,`textarea${o}${n}`,`button${o}${n}`,`details > summary:first-of-type${o}`,`details:not(:has(> summary))${o}`,`iframe${o}`,`audio[controls]${o}`,`video[controls]${o}`,`[contenteditable]${o}`,`[tabindex]${o}`],f=d.join(","),a=(e,s)=>(e%s+s)%s,b=(...e)=>e.filter(Boolean).join(" "),h=e=>{const s=[],i=[];let r=-1,t=-1;for(const{children:v,...c}of e){if(r<c.depth&&c.depth<=t+1){const l=c.depth-r;t=c.depth;const u=i[l-1];u.children??=[],u.children.push(c),i[l]=c;continue}s.push(c),i[0]=c,r=t=c.depth}return s};exports.Style=void 0;(e=>{e.clickable=`
     px-2
     min-h-[calc(44/16*1rem)]
     border
     border-transparent
     rounded-lg
-    hover:bg-solid-grey-50
+    hover:bg-solid-gray-50
   `,e.selected=`
     rounded-full
     bg-yellow-50
@@ -55,22 +55,14 @@
     shadow-1
     rounded-lg
     border
-    border-solid-grey-420
+    border-solid-gray-420
     has-[>:nth-child(7)]:rounded-r-none
-  `,e.popoverPositionBottomRight=`
-    absolute
-    top-11
-    right-0
-  `,e.popoverPositionBottomLeft=`
-    absolute
-    top-11
-    left-0
-  `,(c=>{c.focus=`
+  `,(i=>{i.focus=`
       peer-focus-visible:outline-4
       peer-focus-visible:outline-black
       peer-focus-visible:ring-yellow-300
-    `,c.focusRect=`
-      ${c.focus}
+    `,i.focusRect=`
+      ${i.focus}
       peer-focus-visible:outline-offset-[calc(2/16*1rem)]
       peer-focus-visible:ring-[calc(2/16*1rem)]
     `})(e.Peer||(e.Peer={}))})(exports.Style||(exports.Style={}));exports.cx=b;exports.focusableSelector=f;exports.mod=a;exports.treefy=h;

package/packages/helper/dist/index.es.js

@@ -12,18 +12,18 @@ const o = ':not([tabindex^="-"])', n = ":not(:disabled)", f = [
   `video[controls]${o}`,
   `[contenteditable]${o}`,
   `[tabindex]${o}`
-], b = f.join(","), h = (e, s) => (e % s + s) % s, p = (...e) => e.filter(Boolean).join(" "), v = (e) => {
-  const s = [], c = [];
-  let t = -1, r = -1;
-  for (const { children: a, ...i } of e) {
-    if (t < i.depth && i.depth <= r + 1) {
-      const u = i.depth - t;
-      r = i.depth;
-      const l = c[u - 1];
-      l.children ??= [], l.children.push(i), c[u] = i;
+], b = f.join(","), h = (e, s) => (e % s + s) % s, v = (...e) => e.filter(Boolean).join(" "), $ = (e) => {
+  const s = [], i = [];
+  let r = -1, t = -1;
+  for (const { children: a, ...c } of e) {
+    if (r < c.depth && c.depth <= t + 1) {
+      const u = c.depth - r;
+      t = c.depth;
+      const l = i[u - 1];
+      l.children ??= [], l.children.push(c), i[u] = c;
       continue;
     }
-    s.push(i), c[0] = i, t = r = i.depth;
+    s.push(c), i[0] = c, r = t = c.depth;
   }
   return s;
 };
@@ -35,7 +35,7 @@ var d;
     border
     border-transparent
     rounded-lg
-    hover:bg-solid-grey-50
+    hover:bg-solid-gray-50
   `, e.selected = `
     rounded-full
     bg-yellow-50
@@ -88,23 +88,15 @@ var d;
     shadow-1
     rounded-lg
     border
-    border-solid-grey-420
+    border-solid-gray-420
     has-[>:nth-child(7)]:rounded-r-none
-  `, e.popoverPositionBottomRight = `
-    absolute
-    top-11
-    right-0
-  `, e.popoverPositionBottomLeft = `
-    absolute
-    top-11
-    left-0
-  `, ((c) => {
-    c.focus = `
+  `, ((i) => {
+    i.focus = `
       peer-focus-visible:outline-4
       peer-focus-visible:outline-black
       peer-focus-visible:ring-yellow-300
-    `, c.focusRect = `
-      ${c.focus}
+    `, i.focusRect = `
+      ${i.focus}
       peer-focus-visible:outline-offset-[calc(2/16*1rem)]
       peer-focus-visible:ring-[calc(2/16*1rem)]
     `;
@@ -112,8 +104,8 @@ var d;
 })(d || (d = {}));
 export {
   d as Style,
-  p as cx,
+  v as cx,
   b as focusableSelector,
   h as mod,
-  v as treefy
+  $ as treefy
 };