@ogcio/design-system-react 1.12.4 → 1.13.0

package/dist/icon/icon.js

@@ -1,20 +1,20 @@
 "use client";
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import { cn as a } from "../cn.js";
-import u from "./svgs/bluesky.js";
-import b from "./svgs/facebook.js";
+import b from "./svgs/bluesky.js";
+import u from "./svgs/facebook.js";
 import y from "./svgs/instagram.js";
 import z from "./svgs/linkedin.js";
 import N from "./svgs/placeholder.js";
 import h from "./svgs/threads.js";
 import x from "./svgs/tiktok.js";
-import n from "./svgs/x.js";
-import _ from "./svgs/youtube.js";
-function v({
+import _ from "./svgs/x.js";
+import n from "./svgs/youtube.js";
+function j({
   icon: t,
   size: g = "md",
   filled: c,
-  disabled: e,
+  disabled: s,
   ariaHidden: l,
   ariaLabel: i,
   inline: r = !1,
@@ -38,115 +38,115 @@ function v({
     }
   }
   if (t === "social_bluesky")
-    return /* @__PURE__ */ s(
-      u,
+    return /* @__PURE__ */ e(
+      b,
       {
         size: o,
         className: a({
           "gi-block": !r,
           "gi-inline-block": r,
-          "gi-stroke-gray-700": e
+          "gi-stroke-gray-700": s
         })
       }
     );
   if (t === "social_facebook")
-    return /* @__PURE__ */ s(
-      b,
+    return /* @__PURE__ */ e(
+      u,
       {
         size: o,
         className: a({
           "gi-block": !r,
           "gi-inline-block": r,
-          "gi-stroke-gray-700": e
+          "gi-stroke-gray-700": s
         })
       }
     );
   if (t === "social_instagram")
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ e(
       y,
       {
         size: o,
         className: a({
           "gi-block": !r,
           "gi-inline-block": r,
-          "gi-stroke-gray-700": e
+          "gi-stroke-gray-700": s
         })
       }
     );
   if (t === "social_linkedin")
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ e(
       z,
       {
         size: o,
         className: a({
           "gi-block": !r,
           "gi-inline-block": r,
-          "gi-stroke-gray-700": e
+          "gi-stroke-gray-700": s
         })
       }
     );
   if (t === "social_threads")
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ e(
       h,
       {
         size: o,
         className: a({
           "gi-block": !r,
           "gi-inline-block": r,
-          "gi-stroke-gray-700": e
+          "gi-stroke-gray-700": s
         })
       }
     );
   if (t === "social_tiktok")
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ e(
       x,
       {
         size: o,
         className: a({
           "gi-block": !r,
           "gi-inline-block": r,
-          "gi-stroke-gray-700": e
+          "gi-stroke-gray-700": s
         })
       }
     );
   if (t === "social_x")
-    return /* @__PURE__ */ s(
-      n,
+    return /* @__PURE__ */ e(
+      _,
       {
         size: o,
         className: a({
           "gi-block": !r,
           "gi-inline-block": r,
-          "gi-stroke-gray-700": e
+          "gi-stroke-gray-700": s
         })
       }
     );
   if (t === "social_youtube")
-    return /* @__PURE__ */ s(
-      _,
+    return /* @__PURE__ */ e(
+      n,
       {
         size: o,
         className: a({
           "gi-block": !r,
           "gi-inline-block": r,
-          "gi-stroke-gray-700": e
+          "gi-stroke-gray-700": s
         })
       }
     );
   if (t === "placeholder")
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ e(
       N,
       {
         size: o,
         className: a({
           "gi-block": !r,
           "gi-inline-block": r,
-          "gi-fill-gray-700": e
+          "gi-fill-gray-700": s
         })
       }
     );
   const p = c ? "'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' " + o : "'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' " + o;
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ e(
     "span",
     {
       ...f,
@@ -156,7 +156,7 @@ function v({
       "aria-label": i || t,
       role: i ? "img" : "presentation",
       className: a(
-        { "gi-block": !r, "gi-text-gray-700": e },
+        { "gi-block": !r, "gi-text-gray-700": s },
         "material-symbols-outlined",
         k
       ),
@@ -169,5 +169,5 @@ function v({
   );
 }
 export {
-  v as Icon
+  j as Icon
 };

package/dist/icon/icons.d.ts

@@ -1,2 +1,2 @@
-export declare const iconIds: readonly ["accessibility_new", "add_circle", "apps", "arrow_back", "arrow_downward", "arrow_drop_down", "arrow_drop_up", "arrow_forward", "arrow_left_alt", "arrow_outward", "arrow_right_alt", "arrow_upward", "attach_file", "block", "call", "cancel", "candlestick_chart", "chat_bubble", "check", "check_circle", "chevron_left", "chevron_right", "child_care", "close", "content_copy", "credit_card", "delete", "directions_car", "do_not_disturb_on", "download", "edit", "error", "event", "filter_list", "health_and_safety", "home", "info", "keyboard_arrow_down", "keyboard_arrow_up", "location_on", "login", "logout", "mail", "menu", "mic", "more_horiz", "more_vert", "open_in_new", "person", "person_cancel", "person_check", "refresh", "search", "send", "settings", "sort", "space_dashboard", "sync", "thumb_down", "thumb_up", "upload", "visibility", "visibility_off", "warning", "work", "social_bluesky", "social_facebook", "social_instagram", "social_linkedin", "social_threads", "social_tiktok", "social_x", "social_youtube", "placeholder"];
-export declare const Icons: ("accessibility_new" | "add_circle" | "apps" | "arrow_back" | "arrow_downward" | "arrow_drop_down" | "arrow_drop_up" | "arrow_forward" | "arrow_left_alt" | "arrow_outward" | "arrow_right_alt" | "arrow_upward" | "attach_file" | "block" | "call" | "cancel" | "candlestick_chart" | "chat_bubble" | "check" | "check_circle" | "chevron_left" | "chevron_right" | "child_care" | "close" | "content_copy" | "credit_card" | "delete" | "directions_car" | "do_not_disturb_on" | "download" | "edit" | "error" | "event" | "filter_list" | "health_and_safety" | "home" | "info" | "keyboard_arrow_down" | "keyboard_arrow_up" | "location_on" | "login" | "logout" | "mail" | "menu" | "mic" | "more_horiz" | "more_vert" | "open_in_new" | "person" | "person_cancel" | "person_check" | "refresh" | "search" | "send" | "settings" | "sort" | "space_dashboard" | "sync" | "thumb_down" | "thumb_up" | "upload" | "visibility" | "visibility_off" | "warning" | "work" | "social_bluesky" | "social_facebook" | "social_instagram" | "social_linkedin" | "social_threads" | "social_tiktok" | "social_x" | "social_youtube" | "placeholder")[];
+export declare const iconIds: readonly ["accessibility_new", "add_circle", "apps", "arrow_back", "arrow_downward", "arrow_drop_down", "arrow_drop_up", "arrow_forward", "arrow_left_alt", "arrow_outward", "arrow_right_alt", "arrow_upward", "attach_file", "block", "call", "cancel", "candlestick_chart", "chat_bubble", "check", "check_circle", "chevron_left", "chevron_right", "child_care", "close", "content_copy", "credit_card", "delete", "directions_car", "do_not_disturb_on", "download", "edit", "error", "event", "filter_list", "health_and_safety", "home", "info", "keyboard_arrow_down", "keyboard_arrow_up", "location_on", "login", "logout", "mail", "menu", "mic", "more_horiz", "more_vert", "open_in_new", "person", "person_cancel", "person_check", "refresh", "search", "send", "settings", "sort", "space_dashboard", "sync", "swap_vert", "thumb_down", "thumb_up", "unfold_more", "upload", "visibility", "visibility_off", "warning", "work", "social_bluesky", "social_facebook", "social_instagram", "social_linkedin", "social_threads", "social_tiktok", "social_x", "social_youtube", "placeholder", "first_page", "last_page"];
+export declare const Icons: ("accessibility_new" | "add_circle" | "apps" | "arrow_back" | "arrow_downward" | "arrow_drop_down" | "arrow_drop_up" | "arrow_forward" | "arrow_left_alt" | "arrow_outward" | "arrow_right_alt" | "arrow_upward" | "attach_file" | "block" | "call" | "cancel" | "candlestick_chart" | "chat_bubble" | "check" | "check_circle" | "chevron_left" | "chevron_right" | "child_care" | "close" | "content_copy" | "credit_card" | "delete" | "directions_car" | "do_not_disturb_on" | "download" | "edit" | "error" | "event" | "filter_list" | "health_and_safety" | "home" | "info" | "keyboard_arrow_down" | "keyboard_arrow_up" | "location_on" | "login" | "logout" | "mail" | "menu" | "mic" | "more_horiz" | "more_vert" | "open_in_new" | "person" | "person_cancel" | "person_check" | "refresh" | "search" | "send" | "settings" | "sort" | "space_dashboard" | "sync" | "swap_vert" | "thumb_down" | "thumb_up" | "unfold_more" | "upload" | "visibility" | "visibility_off" | "warning" | "work" | "social_bluesky" | "social_facebook" | "social_instagram" | "social_linkedin" | "social_threads" | "social_tiktok" | "social_x" | "social_youtube" | "placeholder" | "first_page" | "last_page")[];

package/dist/icon/icons.js

@@ -114,10 +114,12 @@ const o = [
   // Space dashboard
   "sync",
   // Sync
+  "swap_vert",
   "thumb_down",
   // Thumb down
   "thumb_up",
   // Thumb up
+  "unfold_more",
   "upload",
   // File upload
   "visibility",
@@ -136,7 +138,9 @@ const o = [
   "social_tiktok",
   "social_x",
   "social_youtube",
-  "placeholder"
+  "placeholder",
+  "first_page",
+  "last_page"
 ], r = [...o];
 export {
   r as Icons,

package/dist/icon/svgs/placeholder.js

@@ -15,8 +15,8 @@ function l({
         /* @__PURE__ */ L(
           "path",
           {
-            "fill-rule": "evenodd",
-            "clip-rule": "evenodd",
+            fillRule: "evenodd",
+            clipRule: "evenodd",
             d: "M21.7258 14.3355L19.7807 13.8701C19.9238 13.2721 20 12.6463 20 12C20 11.3537 19.9238 10.7279 19.7807 10.1299L21.7258 9.66454C21.9051 10.4138 22 11.1958 22 12C22 12.8042 21.9051 13.5862 21.7258 14.3355ZM20.5277 6.7744L18.8234 7.82099C18.1629 6.74539 17.2546 5.83713 16.179 5.17661L17.2256 3.47231C18.5691 4.29732 19.7027 5.43092 20.5277 6.7744ZM14.3355 2.27419L13.8701 4.21929C13.2721 4.07623 12.6463 4 12 4C11.3537 4 10.7279 4.07623 10.1299 4.21929L9.66454 2.27419C10.4138 2.09493 11.1958 2 12 2C12.8042 2 13.5862 2.09493 14.3355 2.27419ZM6.7744 3.47231L7.82099 5.17661C6.74539 5.83713 5.83713 6.74539 5.17661 7.821L3.47231 6.7744C4.29732 5.43092 5.43092 4.29733 6.7744 3.47231ZM2.27419 9.66454C2.09493 10.4138 2 11.1958 2 12C2 12.8042 2.09493 13.5862 2.27419 14.3355L4.21929 13.8701C4.07623 13.2721 4 12.6463 4 12C4 11.3537 4.07623 10.7279 4.21929 10.1299L2.27419 9.66454ZM3.47231 17.2256L5.17661 16.179C5.83713 17.2546 6.74539 18.1629 7.821 18.8234L6.7744 20.5277C5.43092 19.7027 4.29733 18.5691 3.47231 17.2256ZM9.66454 21.7258L10.1299 19.7807C10.7279 19.9238 11.3537 20 12 20C12.6463 20 13.2721 19.9238 13.8701 19.7807L14.3355 21.7258C13.5862 21.9051 12.8042 22 12 22C11.1958 22 10.4138 21.9051 9.66454 21.7258ZM17.2256 20.5277L16.179 18.8234C17.2546 18.1629 18.1629 17.2546 18.8234 16.179L20.5277 17.2256C19.7027 18.5691 18.5691 19.7027 17.2256 20.5277Z"
           }
         ),

package/dist/icon-button/icon-button.js

@@ -3,41 +3,41 @@ import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as u } from "react";
 import { isButtonDisabled as f, getButtonIconSizeClass as p, getVariantAppearanceClass as B } from "../button/helpers.js";
 import { cn as I } from "../cn.js";
-import { Icon as d } from "../icon/icon.js";
-const g = u(
+import { Icon as g } from "../icon/icon.js";
+const b = u(
   ({
     icon: i,
-    variant: o,
+    variant: t,
     appearance: n,
     size: r,
-    disabled: t,
-    dataTestid: s,
-    onClick: e,
-    className: c = ""
+    disabled: o,
+    onClick: s,
+    className: e = "",
+    ...c
   }, a) => {
     const l = r === "small" ? "sm" : "md";
     return /* @__PURE__ */ m(
       "button",
       {
         ref: a,
-        "aria-disabled": t,
-        disabled: t,
+        "aria-disabled": o,
+        disabled: o,
         role: "button",
-        onClick: e,
-        "data-testid": s,
+        onClick: s,
+        ...c,
         className: I(
           "gi-btn",
-          B({ disabled: t, variant: o, appearance: n }),
+          B({ disabled: o, variant: t, appearance: n }),
           p(r),
-          f({ disabled: t, variant: o, appearance: n }),
-          c
+          f({ disabled: o, variant: t, appearance: n }),
+          e
         ),
-        children: /* @__PURE__ */ m(d, { size: l, ...i })
+        children: /* @__PURE__ */ m(g, { size: l, ...i })
       }
     );
   }
 );
-g.displayName = "IconButton";
+b.displayName = "IconButton";
 export {
-  g as IconButton
+  b as IconButton
 };

package/dist/index-2sRBqKFV.js

@@ -0,0 +1,78 @@
+import * as i from "react";
+import { jsx as f, Fragment as S } from "react/jsx-runtime";
+function d(t, e) {
+  if (typeof t == "function")
+    return t(e);
+  t != null && (t.current = e);
+}
+function g(...t) {
+  return (e) => {
+    let r = !1;
+    const o = t.map((n) => {
+      const l = d(n, e);
+      return !r && typeof l == "function" && (r = !0), l;
+    });
+    if (r)
+      return () => {
+        for (let n = 0; n < o.length; n++) {
+          const l = o[n];
+          typeof l == "function" ? l() : d(t[n], null);
+        }
+      };
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function b(t) {
+  const e = /* @__PURE__ */ C(t), r = i.forwardRef((o, n) => {
+    const { children: l, ...a } = o, s = i.Children.toArray(l), c = s.find(h);
+    if (c) {
+      const u = c.props.children, m = s.map((p) => p === c ? i.Children.count(u) > 1 ? i.Children.only(null) : i.isValidElement(u) ? u.props.children : null : p);
+      return /* @__PURE__ */ f(e, { ...a, ref: n, children: i.isValidElement(u) ? i.cloneElement(u, void 0, m) : null });
+    }
+    return /* @__PURE__ */ f(e, { ...a, ref: n, children: l });
+  });
+  return r.displayName = `${t}.Slot`, r;
+}
+var I = /* @__PURE__ */ b("Slot");
+// @__NO_SIDE_EFFECTS__
+function C(t) {
+  const e = i.forwardRef((r, o) => {
+    const { children: n, ...l } = r;
+    if (i.isValidElement(n)) {
+      const a = _(n), s = R(l, n.props);
+      return n.type !== i.Fragment && (s.ref = o ? g(o, a) : a), i.cloneElement(n, s);
+    }
+    return i.Children.count(n) > 1 ? i.Children.only(null) : null;
+  });
+  return e.displayName = `${t}.SlotClone`, e;
+}
+var y = Symbol("radix.slottable");
+// @__NO_SIDE_EFFECTS__
+function E(t) {
+  const e = ({ children: r }) => /* @__PURE__ */ f(S, { children: r });
+  return e.displayName = `${t}.Slottable`, e.__radixId = y, e;
+}
+var V = /* @__PURE__ */ E("Slottable");
+function h(t) {
+  return i.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === y;
+}
+function R(t, e) {
+  const r = { ...e };
+  for (const o in e) {
+    const n = t[o], l = e[o];
+    /^on[A-Z]/.test(o) ? n && l ? r[o] = (...s) => {
+      const c = l(...s);
+      return n(...s), c;
+    } : n && (r[o] = n) : o === "style" ? r[o] = { ...n, ...l } : o === "className" && (r[o] = [n, l].filter(Boolean).join(" "));
+  }
+  return { ...t, ...r };
+}
+function _(t) {
+  var o, n;
+  let e = (o = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : o.get, r = e && "isReactWarning" in e && e.isReactWarning;
+  return r ? t.ref : (e = (n = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : n.get, r = e && "isReactWarning" in e && e.isReactWarning, r ? t.props.ref : t.props.ref || t.ref);
+}
+export {
+  V as S,
+  I as a
+};

package/dist/{index-DNkhmzZp.js → index-CB-zPpNk.js}

@@ -119,7 +119,7 @@ const ie = "-", Me = (e) => {
       r.has(o) ? r.set(o, i) : a(o, i);
     }
   };
-}, xe = "!", Ne = (e) => {
+}, ve = "!", Ne = (e) => {
   const {
     separator: t,
     experimentalParseClassName: r
@@ -140,7 +140,7 @@ const ie = "-", Me = (e) => {
       }
       A === "[" ? C++ : A === "]" && C--;
     }
-    const M = u.length === 0 ? s : s.substring(m), R = M.startsWith(xe), j = R ? M.substring(1) : M, k = S && S > m ? S - m : void 0;
+    const M = u.length === 0 ? s : s.substring(m), R = M.startsWith(ve), j = R ? M.substring(1) : M, k = S && S > m ? S - m : void 0;
     return {
       modifiers: u,
       hasImportantModifier: R,
@@ -190,7 +190,7 @@ const ie = "-", Me = (e) => {
       }
       j = !1;
     }
-    const b = $e(m).join(":"), A = S ? b + xe : b, h = A + k;
+    const b = $e(m).join(":"), A = S ? b + ve : b, h = A + k;
     if (o.includes(h))
       continue;
     o.push(h);
@@ -206,15 +206,15 @@ const ie = "-", Me = (e) => {
 function Oe() {
   let e = 0, t, r, n = "";
   for (; e < arguments.length; )
-    (t = arguments[e++]) && (r = we(t)) && (n && (n += " "), n += r);
+    (t = arguments[e++]) && (r = xe(t)) && (n && (n += " "), n += r);
   return n;
 }
-const we = (e) => {
+const xe = (e) => {
   if (typeof e == "string")
     return e;
   let t, r = "";
   for (let n = 0; n < e.length; n++)
-    e[n] && (t = we(e[n])) && (r && (r += " "), r += t);
+    e[n] && (t = xe(e[n])) && (r && (r += " "), r += t);
   return r;
 };
 function ne(e, ...t) {
@@ -234,11 +234,11 @@ function ne(e, ...t) {
     return o(Oe.apply(null, arguments));
   };
 }
-const v = (e) => {
+const w = (e) => {
   const t = (r) => r[e] || [];
   return t.isThemeGetter = !0, t;
-}, ve = /^\[(?:([a-z-]+):)?(.+)\]$/i, Le = /^\d+\/\d+$/, We = /* @__PURE__ */ new Set(["px", "full", "screen"]), _e = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Be = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Ue = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, Fe = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Je = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, N = (e) => _(e) || We.has(e) || Le.test(e), T = (e) => B(e, "length", De), _ = (e) => !!e && !Number.isNaN(Number(e)), re = (e) => B(e, "number", _), K = (e) => !!e && Number.isInteger(Number(e)), qe = (e) => e.endsWith("%") && _(e.slice(0, -1)), c = (e) => ve.test(e), E = (e) => _e.test(e), Ke = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Ze = (e) => B(e, Ke, ke), He = (e) => B(e, "position", ke), Xe = /* @__PURE__ */ new Set(["image", "url"]), Qe = (e) => B(e, Xe, rr), Ye = (e) => B(e, "", er), Z = () => !0, B = (e, t, r) => {
-  const n = ve.exec(e);
+}, we = /^\[(?:([a-z-]+):)?(.+)\]$/i, Le = /^\d+\/\d+$/, We = /* @__PURE__ */ new Set(["px", "full", "screen"]), _e = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Be = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Ue = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, Fe = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Je = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, N = (e) => _(e) || We.has(e) || Le.test(e), T = (e) => B(e, "length", De), _ = (e) => !!e && !Number.isNaN(Number(e)), re = (e) => B(e, "number", _), K = (e) => !!e && Number.isInteger(Number(e)), qe = (e) => e.endsWith("%") && _(e.slice(0, -1)), c = (e) => we.test(e), E = (e) => _e.test(e), Ke = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Ze = (e) => B(e, Ke, ke), He = (e) => B(e, "position", ke), Xe = /* @__PURE__ */ new Set(["image", "url"]), Qe = (e) => B(e, Xe, rr), Ye = (e) => B(e, "", er), Z = () => !0, B = (e, t, r) => {
+  const n = we.exec(e);
   return n ? n[1] ? typeof t == "string" ? n[1] === t : t.has(n[1]) : r(n[2]) : !1;
 }, De = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
@@ -246,7 +246,7 @@ const v = (e) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Be.test(e) && !Ue.test(e)
 ), ke = () => !1, er = (e) => Fe.test(e), rr = (e) => Je.test(e), se = () => {
-  const e = v("colors"), t = v("spacing"), r = v("blur"), n = v("brightness"), a = v("borderColor"), o = v("borderRadius"), i = v("borderSpacing"), s = v("borderWidth"), u = v("contrast"), C = v("grayscale"), m = v("hueRotate"), S = v("invert"), M = v("gap"), R = v("gradientColorStops"), j = v("gradientColorStopPositions"), k = v("inset"), b = v("margin"), A = v("opacity"), h = v("padding"), O = v("saturate"), V = v("scale"), L = v("sepia"), Y = v("skew"), U = v("space"), F = v("translate"), W = () => ["auto", "contain", "none"], J = () => ["auto", "hidden", "clip", "visible", "scroll"], q = () => ["auto", c, t], l = () => [c, t], p = () => ["", N, T], d = () => ["auto", _, c], g = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], f = () => ["solid", "dashed", "dotted", "double", "none"], y = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], x = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], w = () => ["", "0", c], z = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], G = () => [_, c];
+  const e = w("colors"), t = w("spacing"), r = w("blur"), n = w("brightness"), a = w("borderColor"), o = w("borderRadius"), i = w("borderSpacing"), s = w("borderWidth"), u = w("contrast"), C = w("grayscale"), m = w("hueRotate"), S = w("invert"), M = w("gap"), R = w("gradientColorStops"), j = w("gradientColorStopPositions"), k = w("inset"), b = w("margin"), A = w("opacity"), h = w("padding"), O = w("saturate"), V = w("scale"), L = w("sepia"), Y = w("skew"), U = w("space"), F = w("translate"), W = () => ["auto", "contain", "none"], J = () => ["auto", "hidden", "clip", "visible", "scroll"], q = () => ["auto", c, t], l = () => [c, t], p = () => ["", N, T], d = () => ["auto", _, c], g = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], f = () => ["solid", "dashed", "dotted", "double", "none"], y = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], v = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], x = () => ["", "0", c], z = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], G = () => [_, c];
   return {
     cacheSize: 500,
     separator: ":",
@@ -260,9 +260,9 @@ const v = (e) => {
       borderSpacing: l(),
       borderWidth: p(),
       contrast: G(),
-      grayscale: w(),
+      grayscale: x(),
       hueRotate: G(),
-      invert: w(),
+      invert: x(),
       gap: l(),
       gradientColorStops: [e],
       gradientColorStopPositions: [qe, T],
@@ -272,7 +272,7 @@ const v = (e) => {
       padding: l(),
       saturate: G(),
       scale: G(),
-      sepia: w(),
+      sepia: x(),
       skew: G(),
       space: l(),
       translate: l()
@@ -527,14 +527,14 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: w()
+        grow: x()
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: w()
+        shrink: x()
       }],
       /**
        * Order
@@ -650,7 +650,7 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: ["normal", ...x()]
+        justify: ["normal", ...v()]
       }],
       /**
        * Justify Items
@@ -671,7 +671,7 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...x(), "baseline"]
+        content: ["normal", ...v(), "baseline"]
       }],
       /**
        * Align Items
@@ -692,7 +692,7 @@ const v = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": [...x(), "baseline"]
+        "place-content": [...v(), "baseline"]
       }],
       /**
        * Place Items
@@ -2314,14 +2314,14 @@ var ir = { twMerge: !0, twMergeConfig: {}, responsiveVariants: !1 }, Ce = (e) =>
     let O = (l, p, d = [], g) => {
       let f = d;
       if (typeof p == "string") f = f.concat(de(p).split(" ").map((y) => `${l}:${y}`));
-      else if (Array.isArray(p)) f = f.concat(p.reduce((y, x) => y.concat(`${l}:${x}`), []));
+      else if (Array.isArray(p)) f = f.concat(p.reduce((y, v) => y.concat(`${l}:${v}`), []));
       else if (typeof p == "object" && typeof g == "string") {
         for (let y in p) if (p.hasOwnProperty(y) && y === g) {
-          let x = p[y];
-          if (x && typeof x == "string") {
-            let w = de(x);
-            f[g] ? f[g] = f[g].concat(w.split(" ").map((z) => `${l}:${z}`)) : f[g] = w.split(" ").map((z) => `${l}:${z}`);
-          } else Array.isArray(x) && x.length > 0 && (f[g] = x.reduce((w, z) => w.concat(`${l}:${z}`), []));
+          let v = p[y];
+          if (v && typeof v == "string") {
+            let x = de(v);
+            f[g] ? f[g] = f[g].concat(x.split(" ").map((z) => `${l}:${z}`)) : f[g] = x.split(" ").map((z) => `${l}:${z}`);
+          } else Array.isArray(v) && v.length > 0 && (f[g] = v.reduce((x, z) => x.concat(`${l}:${z}`), []));
         }
       }
       return f;
@@ -2329,10 +2329,10 @@ var ir = { twMerge: !0, twMergeConfig: {}, responsiveVariants: !1 }, Ce = (e) =>
       var f;
       let y = p[l];
       if (!y || P(y)) return null;
-      let x = (f = g == null ? void 0 : g[l]) != null ? f : h == null ? void 0 : h[l];
-      if (x === null) return null;
-      let w = ce(x), z = Array.isArray(u.responsiveVariants) && u.responsiveVariants.length > 0 || u.responsiveVariants === !0, G = S == null ? void 0 : S[l], I = [];
-      if (typeof w == "object" && z) for (let [ee, ae] of Object.entries(w)) {
+      let v = (f = g == null ? void 0 : g[l]) != null ? f : h == null ? void 0 : h[l];
+      if (v === null) return null;
+      let x = ce(v), z = Array.isArray(u.responsiveVariants) && u.responsiveVariants.length > 0 || u.responsiveVariants === !0, G = S == null ? void 0 : S[l], I = [];
+      if (typeof x == "object" && z) for (let [ee, ae] of Object.entries(x)) {
         let ze = y[ae];
         if (ee === "initial") {
           G = ae;
@@ -2340,7 +2340,7 @@ var ir = { twMerge: !0, twMergeConfig: {}, responsiveVariants: !1 }, Ce = (e) =>
         }
         Array.isArray(u.responsiveVariants) && !u.responsiveVariants.includes(ee) || (I = O(ee, ze, I, d));
       }
-      let Ae = w != null && typeof w != "object" ? w : ce(G), D = y[Ae || "false"];
+      let Ae = x != null && typeof x != "object" ? x : ce(G), D = y[Ae || "false"];
       return typeof I == "object" && typeof d == "string" && I[d] ? fe(I, D) : I.length > 0 ? (I.push(D), I) : D;
     }, L = () => m ? Object.keys(m).map((l) => V(l, m)) : null, Y = (l, p) => {
       if (!m || typeof m != "object") return null;
@@ -2359,20 +2359,20 @@ var ir = { twMerge: !0, twMergeConfig: {}, responsiveVariants: !1 }, Ce = (e) =>
     }, W = (l = [], p) => {
       let d = [];
       for (let { class: g, className: f, ...y } of l) {
-        let x = !0;
-        for (let [w, z] of Object.entries(y)) {
-          let G = F(w, p);
+        let v = !0;
+        for (let [x, z] of Object.entries(y)) {
+          let G = F(x, p);
           if (Array.isArray(z)) {
-            if (!z.includes(G[w])) {
-              x = !1;
+            if (!z.includes(G[x])) {
+              v = !1;
               break;
             }
-          } else if (G[w] !== z) {
-            x = !1;
+          } else if (G[x] !== z) {
+            v = !1;
             break;
           }
         }
-        x && (g && d.push(g), f && d.push(f));
+        v && (g && d.push(g), f && d.push(f));
       }
       return d;
     }, J = (l) => {
@@ -2386,17 +2386,17 @@ var ir = { twMerge: !0, twMergeConfig: {}, responsiveVariants: !1 }, Ce = (e) =>
       let p = {};
       for (let { slots: d = [], class: g, className: f, ...y } of i) {
         if (!P(y)) {
-          let x = !0;
-          for (let w of Object.keys(y)) {
-            let z = F(w, l)[w];
-            if (z === void 0 || (Array.isArray(y[w]) ? !y[w].includes(z) : y[w] !== z)) {
-              x = !1;
+          let v = !0;
+          for (let x of Object.keys(y)) {
+            let z = F(x, l)[x];
+            if (z === void 0 || (Array.isArray(y[x]) ? !y[x].includes(z) : y[x] !== z)) {
+              v = !1;
               break;
             }
           }
-          if (!x) continue;
+          if (!v) continue;
         }
-        for (let x of d) p[x] = p[x] || [], p[x].push([g, f]);
+        for (let v of d) p[v] = p[v] || [], p[v].push([g, f]);
       }
       return p;
     };

package/dist/index.d.ts

@@ -42,7 +42,7 @@ export { Icon, type IconProps } from './icon/icon.js';
 export { Icons } from './icon/icons.js';
 export { InputCheckboxGroup } from './input-checkbox-group/input-checkbox-group.js';
 export type { InputCheckboxGroupProps } from './input-checkbox-group/types.js';
-export { InputCheckbox } from './input-checkbox/input-checkbox.js';
+export { InputCheckbox, InputCheckboxTableCell, } from './input-checkbox/input-checkbox.js';
 export { InputCheckboxSizeEnum, type InputCheckboxProps, type InputCheckboxSizeEnumType, } from './input-checkbox/types.js';
 export { InputFile } from './input-file/input-file.js';
 export type { InputFileProps } from './input-file/types.js';
@@ -51,8 +51,8 @@ export { InputRadioGroup } from './input-radio-group/input-radio-group.js';
 export type { InputRadioGroupProps } from './input-radio-group/types.js';
 export { InputRadio } from './input-radio/input-radio.js';
 export { InputRadioSizeEnum, type InputRadioProps, type InputRadioSizeType, } from './input-radio/types.js';
-export { InputText } from './input-text/input-text.js';
-export type { InputActionButtonProps, InputTextProps, } from './input-text/type.js';
+export { InputText, InputTextTableCell } from './input-text/input-text.js';
+export type { InputActionButtonProps, InputTextProps, InputTextTableCellProps, } from './input-text/type.js';
 export type { LabelTextProps } from './label/types.js';
 export { Link, type LinkProps } from './link/link.js';
 export { ListItem, type ListItemProps } from './list-item/list-item.js';
@@ -72,7 +72,7 @@ export type { RadioGroupProps, RadioProps } from './radio/types.js';
 export { ScoreSelect } from './score-select/score-select.js';
 export type { ScoreSelectProps } from './score-select/type.js';
 export { SectionBreak, type SectionBreakProps, } from './section-break/section-break.js';
-export { Select, SelectGroupItem, SelectItem } from './select/select.js';
+export { Select, SelectGroupItem, SelectItem, SelectTableCell, } from './select/select.js';
 export { SelectNext, SelectGroupItemNext, SelectItemNext, } from './select/select-next.js';
 export type { SelectGroupItemProps, SelectMenuOptionProps, SelectMenuProps, SelectNextGroupProps, SelectNextOptionProps, SelectNextProps, } from './select/types.js';
 export { SideNav, SideNavItem } from './side-nav/side-nav.js';
@@ -102,3 +102,5 @@ export { TextArea, type TextAreaProps } from './textarea/textarea.js';
 export { toaster, ToastProvider } from './toast/toast.js';
 export type { ToastHorizontalPosition, ToastPosition, ToastProps, ToastVariant, ToastVerticalPosition, } from './toast/types.js';
 export { Tooltip, type TooltipProps } from './tooltip/tooltip.js';
+export { EditableTableCell } from './data-grid/editable-table-cell.js';
+export type { EditorTableCellConfig, EditorTableCellProps, } from './data-grid/types.js';