@versini/ui-button 1.7.0 → 2.1.0

package/dist/chunks/{utilities.3-gVSv1A.js → utilities.BWGZmbN4.js}

@@ -1,119 +1,96 @@
 import a from "clsx";
-const l = "av-button";
-/*!
-  @versini/ui-spacing v1.1.1
-  © 2024 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_SPACING__ || (window.__VERSINI_UI_SPACING__ = {
-    version: "1.1.1",
-    buildTime: "12/28/2024 05:53 PM EST",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const m = (t) => {
-  let r = "";
-  if (typeof t == "number" || typeof t == "string")
-    r = "m-" + t;
-  else {
-    const e = [];
-    (t == null ? void 0 : t.t) !== void 0 && e.push(`mt-${t.t}`), (t == null ? void 0 : t.r) !== void 0 && e.push(`mr-${t.r}`), (t == null ? void 0 : t.b) !== void 0 && e.push(`mb-${t.b}`), (t == null ? void 0 : t.l) !== void 0 && e.push(`ml-${t.l}`), r = e.join(" ");
-  }
-  return r;
-}, f = "icon", x = "button", _ = "link", C = ({
+const l = "av-button", p = "icon", x = "button", f = "link", m = ({
   type: t,
   size: r,
   labelRight: e,
-  labelLeft: o,
-  align: i
+  labelLeft: i,
+  align: c
 }) => {
-  const c = "text-sm font-medium max-h-8 py-0", g = "text-base font-medium max-h-9 py-1", n = "text-lg font-medium max-h-12 py-2";
+  const o = "text-sm font-medium max-h-8 py-0", g = "text-base font-medium max-h-9 py-1", n = "text-lg font-medium max-h-12 py-2";
   switch (t) {
     case x:
       return a("px-4", {
-        [c]: r === "small",
+        [o]: r === "small",
         [g]: r === "medium",
         [n]: r === "large"
       });
-    case _:
+    case f:
       return a("px-4 text-center", {
-        [c]: r === "small",
+        [o]: r === "small",
         [g]: r === "medium",
         [n]: r === "large"
       });
-    case f:
+    case p:
       return a("inline-flex items-center", {
-        "justify-center": i === "center",
-        "justify-start": i === "left",
-        "justify-end": i === "right",
-        "h-6 w-6 p-0": r === "small" && !(e || o),
-        "h-6 px-4 text-sm font-medium": r === "small" && (e || o),
-        "h-8 w-8 p-1": r === "medium" && !(e || o),
-        "h-8 px-4 text-base font-medium": r === "medium" && (e || o),
-        "h-12 w-12 p-2": r === "large" && !(e || o),
-        "h-12 px-4 text-lg font-medium": r === "large" && (e || o)
+        "justify-center": c === "center",
+        "justify-start": c === "left",
+        "justify-end": c === "right",
+        "h-6 w-6 p-0": r === "small" && !(e || i),
+        "h-6 px-4 text-sm font-medium": r === "small" && (e || i),
+        "h-8 w-8 p-1": r === "medium" && !(e || i),
+        "h-8 px-4 text-base font-medium": r === "medium" && (e || i),
+        "h-12 w-12 p-2": r === "large" && !(e || i),
+        "h-12 px-4 text-lg font-medium": r === "large" && (e || i)
       });
   }
-}, B = ({
+}, C = ({
   mode: t,
   noBackground: r,
   noTruncate: e,
-  variant: o,
-  radius: i
+  variant: i,
+  radius: c
 }) => {
   if (r)
     return a("not-prose", {
-      "rounded-full": i === "large",
-      "rounded-md": i === "medium",
-      "rounded-sm": i === "small"
+      "rounded-full": c === "large",
+      "rounded-md": c === "medium",
+      "rounded-sm": c === "small"
     });
-  if (o === "primary")
+  if (i === "primary")
     return a("not-prose", {
-      "rounded-full": i === "large",
-      "rounded-md": i === "medium",
-      "rounded-sm": i === "small",
+      "rounded-full": c === "large",
+      "rounded-md": c === "medium",
+      "rounded-sm": c === "small",
       truncate: !e,
       "bg-action-dark text-copy-light": t === "dark",
       "bg-action-light text-copy-lighter": t === "light",
       "bg-action-dark text-copy-light dark:bg-action-light dark:text-copy-lighter": t === "system",
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": t === "alt-system"
     });
-  if (o === "secondary")
+  if (i === "secondary")
     return a("not-prose", {
-      "rounded-full": i === "large",
-      "rounded-md": i === "medium",
-      "rounded-sm": i === "small",
+      "rounded-full": c === "large",
+      "rounded-md": c === "medium",
+      "rounded-sm": c === "small",
       truncate: !e,
       "bg-action-dark text-copy-light": t === "light",
       "bg-action-light text-copy-lighter": t === "dark",
       "bg-action-dark text-copy-light dark:bg-action-light dark:text-copy-lighter": t === "alt-system",
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": t === "system"
     });
-  if (o === "danger")
+  if (i === "danger")
     return a("not-prose", {
-      "rounded-full": i === "large",
-      "rounded-md": i === "medium",
-      "rounded-sm": i === "small",
+      "rounded-full": c === "large",
+      "rounded-md": c === "medium",
+      "rounded-sm": c === "small",
       truncate: !e,
       "bg-action-danger-dark text-copy-light": t === "dark",
       "bg-action-danger-light text-copy-lighter": t === "light",
       "bg-action-danger-dark text-copy-light dark:bg-action-danger-light dark:text-copy-lighter": t === "system",
       "bg-action-danger-light text-copy-lighter dark:bg-action-danger-dark dark:text-copy-light": t === "alt-system"
     });
-  if (o === "selected")
+  if (i === "selected")
     return a("not-prose", {
-      "rounded-full": i === "large",
-      "rounded-md": i === "medium",
-      "rounded-sm": i === "small",
+      "rounded-full": c === "large",
+      "rounded-md": c === "medium",
+      "rounded-sm": c === "small",
       truncate: !e,
       "bg-action-selected-dark text-copy-light": t === "dark",
       "bg-action-selected-light text-copy-lighter": t === "light",
       "bg-action-selected-dark text-copy-light dark:bg-action-selected-light dark:text-copy-lighter": t === "system",
       "bg-action-selected-light text-copy-lighter dark:bg-action-selected-dark dark:text-copy-light": t === "alt-system"
     });
-}, I = ({
+}, B = ({
   mode: t,
   disabled: r,
   variant: e
@@ -183,7 +160,7 @@ const m = (t) => {
       "active:bg-action-selected-dark-active dark:active:bg-action-selected-light-active": t === "system",
       "active:bg-action-selected-light-active dark:active:bg-action-selected-dark-active": t === "alt-system"
     });
-}, N = ({
+}, E = ({
   mode: t,
   noBorder: r,
   variant: e
@@ -218,56 +195,54 @@ const m = (t) => {
       "border-border-selected-dark dark:border-border-selected-medium": t === "system",
       "border-border-selected-medium dark:border-border-selected-dark": t === "alt-system"
     });
-}, S = ({
+}, N = ({
   focusMode: t
 }) => a("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
   "focus:outline-focus-dark": t === "dark",
   "focus:outline-focus-light": t === "light",
   "focus:outline-focus-light dark:focus:outline-focus-dark": t === "alt-system",
   "focus:outline-focus-dark dark:focus:outline-focus-light": t === "system"
-}), T = ({
+}), _ = ({
   type: t,
   className: r,
   raw: e,
-  mode: o,
-  focusMode: i,
-  disabled: c,
+  mode: i,
+  focusMode: c,
+  disabled: o,
   fullWidth: g,
   size: n,
   noBorder: s,
   labelRight: h,
   labelLeft: b,
-  spacing: k,
-  noBackground: v,
+  noBackground: k,
   variant: d,
-  noTruncate: u,
-  align: y,
-  radius: p
+  noTruncate: v,
+  align: u,
+  radius: y
 }) => (d || (d = "primary"), e ? a(l, r) : a(
   l,
-  r,
-  m(k),
-  B({
-    mode: o,
+  C({
+    mode: i,
     variant: d,
-    noBackground: v,
-    noTruncate: u,
-    radius: p
+    noBackground: k,
+    noTruncate: v,
+    radius: y
   }),
-  C({ type: t, size: n, labelRight: h, labelLeft: b, align: y }),
-  N({ mode: o, variant: d, noBorder: s }),
-  S({ focusMode: i }),
-  I({ mode: o, variant: d, disabled: c }),
-  w({ mode: o, variant: d, disabled: c }),
+  m({ type: t, size: n, labelRight: h, labelLeft: b, align: u }),
+  E({ mode: i, variant: d, noBorder: s }),
+  N({ focusMode: c }),
+  B({ mode: i, variant: d, disabled: o }),
+  w({ mode: i, variant: d, disabled: o }),
   {
     "w-full": g,
-    "disabled:cursor-not-allowed disabled:opacity-50": c
-  }
+    "disabled:cursor-not-allowed disabled:opacity-50": o
+  },
+  r
 ));
 export {
   l as BUTTON_CLASSNAME,
   x as TYPE_BUTTON,
-  f as TYPE_ICON,
-  _ as TYPE_LINK,
-  T as getButtonClasses
+  p as TYPE_ICON,
+  f as TYPE_LINK,
+  _ as getButtonClasses
 };

package/dist/components/Button/Button.js

@@ -1,8 +1,8 @@
-import { jsx as N } from "react/jsx-runtime";
-import T from "react";
-import { BaseButton_private as g } from "../../chunks/BaseButton.BFKIL4GO.js";
-import { getButtonClasses as x, TYPE_BUTTON as C } from "../../chunks/utilities.3-gVSv1A.js";
-const R = T.forwardRef(
+import { jsx as c } from "react/jsx-runtime";
+import N from "react";
+import { BaseButton_private as T } from "../../chunks/BaseButton.BFKIL4GO.js";
+import { getButtonClasses as g, TYPE_BUTTON as x } from "../../chunks/utilities.BWGZmbN4.js";
+const C = N.forwardRef(
   ({
     children: s,
     disabled: t = !1,
@@ -13,14 +13,13 @@ const R = T.forwardRef(
     size: m = "medium",
     raw: f = !1,
     noBorder: l = !1,
-    spacing: p,
-    variant: n = "primary",
-    noTruncate: i = !1,
-    radius: u = "large",
-    ...B
-  }, y) => {
-    const c = x({
-      type: C,
+    variant: p = "primary",
+    noTruncate: n = !1,
+    radius: i = "large",
+    ...u
+  }, B) => {
+    const y = g({
+      type: x,
       mode: e,
       focusMode: o,
       fullWidth: r,
@@ -29,24 +28,23 @@ const R = T.forwardRef(
       className: a,
       size: m,
       noBorder: l,
-      spacing: p,
-      variant: n,
-      noTruncate: i,
-      radius: u
+      variant: p,
+      noTruncate: n,
+      radius: i
     });
-    return /* @__PURE__ */ N(
-      g,
+    return /* @__PURE__ */ c(
+      T,
       {
-        ref: y,
-        className: c,
+        ref: B,
+        className: y,
         disabled: t,
-        ...B,
+        ...u,
         children: s
       }
     );
   }
 );
-R.displayName = "Button";
+C.displayName = "Button";
 export {
-  R as Button
+  C as Button
 };

package/dist/components/Button/ButtonCopy.js

@@ -0,0 +1,132 @@
+import { jsxs as r, Fragment as u, jsx as t } from "react/jsx-runtime";
+import w, { useState as _, useEffect as h } from "react";
+import { ButtonIcon as f } from "./ButtonIcon.js";
+import N from "clsx";
+const m = ({
+  children: o,
+  fill: c,
+  viewBox: s,
+  className: e,
+  defaultViewBox: i,
+  defaultClassName: l,
+  title: a,
+  semantic: n = !1,
+  ...d
+}) => {
+  const p = N(e || l);
+  return /* @__PURE__ */ r(u, { children: [
+    /* @__PURE__ */ t(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        className: p,
+        viewBox: s || i,
+        fill: c || "currentColor",
+        role: "img",
+        "aria-hidden": !n,
+        focusable: !1,
+        ...d,
+        children: o
+      }
+    ),
+    a && n && /* @__PURE__ */ t("span", { className: "sr-only", children: a })
+  ] });
+};
+/*!
+  @versini/ui-svgicon v2.0.1
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
+    version: "2.0.1",
+    buildTime: "12/30/2024 11:40 AM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const I = ({
+  className: o,
+  viewBox: c,
+  title: s,
+  monotone: e,
+  ...i
+}) => /* @__PURE__ */ r(
+  m,
+  {
+    defaultViewBox: "0 0 448 512",
+    defaultClassName: "size-5",
+    viewBox: c,
+    className: o,
+    title: s || "Copied",
+    ...i,
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          opacity: "0.4",
+          d: "M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"
+        }
+      ),
+      /* @__PURE__ */ t("path", { d: "M337 175c9.4 9.4 9.4 24.6 0 33.9L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0z" })
+    ]
+  }
+), C = ({
+  className: o,
+  viewBox: c,
+  title: s,
+  monotone: e,
+  ...i
+}) => /* @__PURE__ */ t(
+  m,
+  {
+    defaultViewBox: "0 0 512 512",
+    defaultClassName: "size-5",
+    viewBox: c,
+    className: o,
+    title: s || "Copy",
+    ...i,
+    children: /* @__PURE__ */ t("path", { d: "M64 464H288c8.8 0 16-7.2 16-16V384h48v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V224c0-35.3 28.7-64 64-64h64v48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16zM224 304H448c8.8 0 16-7.2 16-16V64c0-8.8-7.2-16-16-16H224c-8.8 0-16 7.2-16 16V288c0 8.8 7.2 16 16 16zm-64-16V64c0-35.3 28.7-64 64-64H448c35.3 0 64 28.7 64 64V288c0 35.3-28.7 64-64 64H224c-35.3 0-64-28.7-64-64z" })
+  }
+);
+/*!
+  @versini/ui-icons v2.0.1
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
+    version: "2.0.1",
+    buildTime: "12/30/2024 11:40 AM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const V = w.forwardRef(({ copyToClipboard: o, ...c }, s) => {
+  const [e, i] = _(!1), l = () => {
+    i(!0), typeof o == "string" && navigator.clipboard.writeText(o);
+  };
+  return h(() => {
+    let a;
+    return e && (a = window.setTimeout(() => {
+      i(!1);
+    }, 3e3)), () => {
+      clearTimeout(a);
+    };
+  }, [e]), /* @__PURE__ */ t(
+    f,
+    {
+      ...c,
+      size: "small",
+      ref: s,
+      label: e ? "Copied to clipboard" : "Copy to clipboard",
+      onClick: l,
+      disabled: e,
+      children: e ? /* @__PURE__ */ t(I, { className: "size-3" }) : /* @__PURE__ */ t(C, { className: "size-3" })
+    }
+  );
+});
+V.displayName = "ButtonCopy";
+export {
+  V as ButtonCopy
+};

package/dist/components/Button/ButtonIcon.js

@@ -1,9 +1,9 @@
-import { jsxs as I, jsx as c } from "react/jsx-runtime";
-import j from "clsx";
-import v from "react";
-import { BaseButton_private as _ } from "../../chunks/BaseButton.BFKIL4GO.js";
-import { getButtonClasses as E, TYPE_ICON as O } from "../../chunks/utilities.3-gVSv1A.js";
-const P = v.forwardRef(
+import { jsxs as C, jsx as c } from "react/jsx-runtime";
+import I from "clsx";
+import j from "react";
+import { BaseButton_private as v } from "../../chunks/BaseButton.BFKIL4GO.js";
+import { getButtonClasses as _, TYPE_ICON as E } from "../../chunks/utilities.BWGZmbN4.js";
+const O = j.forwardRef(
   ({
     children: r,
     disabled: o = !1,
@@ -19,14 +19,13 @@ const P = v.forwardRef(
     size: x = "medium",
     labelRight: a,
     labelLeft: e,
-    spacing: u,
-    noBackground: d = !1,
-    align: k = "center",
-    radius: N = "large",
-    ...h
-  }, B) => {
-    const g = E({
-      type: O,
+    noBackground: u = !1,
+    align: d = "center",
+    radius: k = "large",
+    ...N
+  }, h) => {
+    const B = _({
+      type: E,
       mode: t,
       focusMode: n,
       fullWidth: l,
@@ -37,35 +36,34 @@ const P = v.forwardRef(
       size: x,
       labelRight: a,
       labelLeft: e,
-      spacing: u,
-      noBackground: d,
-      align: k,
-      radius: N
-    }), C = j({
+      noBackground: u,
+      align: d,
+      radius: k
+    }), g = I({
       "text-copy-accent-dark": t === "light" && !s,
       "text-copy-light": t === "dark" && !s,
       "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !s,
       "text-copy-light dark:text-copy-accent-dark": t === "system" && !s
     });
-    return /* @__PURE__ */ I(
-      _,
+    return /* @__PURE__ */ C(
+      v,
       {
-        ref: B,
-        className: g,
+        ref: h,
+        className: B,
         disabled: o,
         type: m,
         "aria-label": y || f,
-        ...h,
+        ...N,
         children: [
           e && /* @__PURE__ */ c("span", { className: "pr-2", children: e }),
-          /* @__PURE__ */ c("div", { className: C, children: r }),
+          /* @__PURE__ */ c("div", { className: g, children: r }),
           a && /* @__PURE__ */ c("span", { className: "pl-2", children: a })
         ]
       }
     );
   }
 );
-P.displayName = "ButtonIcon";
+O.displayName = "ButtonIcon";
 export {
-  P as ButtonIcon
+  O as ButtonIcon
 };

package/dist/components/Button/ButtonLink.js

@@ -1,8 +1,8 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import v from "clsx";
-import V from "react";
-import { getButtonClasses as C, TYPE_LINK as L } from "../../chunks/utilities.3-gVSv1A.js";
-const g = V.forwardRef(
+import b from "clsx";
+import v from "react";
+import { getButtonClasses as V, TYPE_LINK as C } from "../../chunks/utilities.BWGZmbN4.js";
+const L = v.forwardRef(
   ({
     children: r,
     mode: o = "system",
@@ -15,12 +15,11 @@ const g = V.forwardRef(
     target: t,
     noTruncate: l = !1,
     noNewWindowIcon: p = !1,
-    spacing: h,
-    radius: w = "large",
-    ...x
-  }, u) => {
-    const y = C({
-      type: L,
+    radius: h = "large",
+    ...w
+  }, x) => {
+    const u = V({
+      type: C,
       mode: o,
       focusMode: c,
       fullWidth: n,
@@ -29,19 +28,18 @@ const g = V.forwardRef(
       className: i,
       size: m,
       noBorder: f,
-      spacing: h,
       noTruncate: l,
-      radius: w
-    }), s = t === "_blank", N = {
+      radius: h
+    }), s = t === "_blank", y = {
       target: t,
       rel: s ? "noopener noreferrer" : void 0,
-      ...x
-    }, b = v({
+      ...w
+    }, N = b({
       truncate: !l,
       "basis-11/12": !l && s
     });
-    return /* @__PURE__ */ e("a", { ref: u, className: y, ...N, children: /* @__PURE__ */ a("div", { role: "text", className: "flex items-center justify-center", children: [
-      /* @__PURE__ */ a("div", { className: b, children: [
+    return /* @__PURE__ */ e("a", { ref: x, className: u, ...y, children: /* @__PURE__ */ a("div", { role: "text", className: "flex items-center justify-center", children: [
+      /* @__PURE__ */ a("div", { className: N, children: [
         r,
         s && /* @__PURE__ */ e("span", { className: "sr-only", children: ", opens in a new window" })
       ] }),
@@ -68,7 +66,7 @@ const g = V.forwardRef(
     ] }) });
   }
 );
-g.displayName = "ButtonLink";
+L.displayName = "ButtonLink";
 export {
-  g as ButtonLink
+  L as ButtonLink
 };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import * as _versini_ui_types from '@versini/ui-types';
 import React from 'react';
+import * as _versini_ui_types from '@versini/ui-types';
 
 declare const BUTTON_CLASSNAME = "av-button";
 
@@ -19,7 +19,11 @@ declare const Button: React.ForwardRefExoticComponent<{
     raw?: boolean;
     size?: "small" | "medium" | "large";
     radius?: "small" | "medium" | "large";
-} & _versini_ui_types.SpacingTypes.Props & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+
+declare const ButtonCopy: React.ForwardRefExoticComponent<{
+    copyToClipboard: string;
+} & Omit<_versini_ui_types.ButtonIconTypes.Props, "children" | "fullWidth" | "size" | "align" | "label" | "labelLeft" | "labelRight"> & React.RefAttributes<HTMLButtonElement>>;
 
 declare const ButtonIcon: React.ForwardRefExoticComponent<{
     children: React.ReactNode;
@@ -38,7 +42,7 @@ declare const ButtonIcon: React.ForwardRefExoticComponent<{
     raw?: boolean;
     size?: "small" | "medium" | "large";
     radius?: "small" | "medium" | "large";
-} & _versini_ui_types.SpacingTypes.Props & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
 
 declare const ButtonLink: React.ForwardRefExoticComponent<{
     noNewWindowIcon?: boolean;
@@ -60,7 +64,7 @@ declare const ButtonLink: React.ForwardRefExoticComponent<{
     raw?: boolean;
     size?: "small" | "medium" | "large";
     radius?: "small" | "medium" | "large";
-} & _versini_ui_types.SpacingTypes.Props & React.ButtonHTMLAttributes<HTMLButtonElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
 
 declare const ButtonSort_private: React.ForwardRefExoticComponent<{
     active?: boolean;
@@ -81,6 +85,6 @@ declare const ButtonSort_private: React.ForwardRefExoticComponent<{
     raw?: boolean;
     size?: "small" | "medium" | "large";
     radius?: "small" | "medium" | "large";
-} & _versini_ui_types.SpacingTypes.Props & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
 
-export { BUTTON_CLASSNAME, Button, ButtonIcon, ButtonLink, ButtonSort_private };
+export { BUTTON_CLASSNAME, Button, ButtonCopy, ButtonIcon, ButtonLink, ButtonSort_private };

package/dist/index.js

@@ -1,31 +1,32 @@
-import { getButtonClasses as v, TYPE_ICON as S } from "./chunks/utilities.3-gVSv1A.js";
-import { BUTTON_CLASSNAME as Y } from "./chunks/utilities.3-gVSv1A.js";
-import { Button as z } from "./components/Button/Button.js";
-import { ButtonIcon as F } from "./components/Button/ButtonIcon.js";
-import { ButtonLink as H } from "./components/Button/ButtonLink.js";
+import { getButtonClasses as I, TYPE_ICON as v } from "./chunks/utilities.BWGZmbN4.js";
+import { BUTTON_CLASSNAME as P } from "./chunks/utilities.BWGZmbN4.js";
+import { Button as q } from "./components/Button/Button.js";
+import { ButtonCopy as D } from "./components/Button/ButtonCopy.js";
+import { ButtonIcon as G } from "./components/Button/ButtonIcon.js";
+import { ButtonLink as J } from "./components/Button/ButtonLink.js";
 import { jsx as e, jsxs as C } from "react/jsx-runtime";
-import c from "clsx";
-import E from "react";
-import { BaseButton_private as U } from "./chunks/BaseButton.BFKIL4GO.js";
+import n from "clsx";
+import S from "react";
+import { BaseButton_private as E } from "./chunks/BaseButton.BFKIL4GO.js";
 /*!
-  @versini/ui-button v1.7.0
+  @versini/ui-button v2.1.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "1.7.0",
-    buildTime: "12/28/2024 05:53 PM EST",
+    version: "2.1.0",
+    buildTime: "12/30/2024 11:40 AM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const O = E.forwardRef(
+const U = S.forwardRef(
   ({
-    children: o,
+    children: s,
     disabled: i = !1,
     mode: t = "system",
-    focusMode: n = "system",
+    focusMode: c = "system",
     fullWidth: l = !1,
     className: f,
     type: p = "button",
@@ -33,38 +34,36 @@ const O = E.forwardRef(
     noBorder: m = !1,
     "aria-label": d,
     label: b,
-    size: h = "medium",
+    size: u = "medium",
     labelRight: a,
-    labelLeft: s,
-    spacing: u,
-    noBackground: _ = !1,
+    labelLeft: o,
+    noBackground: h = !1,
     align: x = "center",
     active: y = !1,
-    radius: k = "large",
-    ...N
-  }, g) => {
-    const B = v({
-      type: S,
+    radius: _ = "large",
+    ...k
+  }, N) => {
+    const B = I({
+      type: v,
       mode: t,
-      focusMode: n,
+      focusMode: c,
       fullWidth: l,
       disabled: i,
       raw: r,
       className: f,
       noBorder: m,
-      size: h,
+      size: u,
       labelRight: a,
-      labelLeft: s,
-      spacing: u,
-      noBackground: _,
+      labelLeft: o,
+      noBackground: h,
       align: x,
-      radius: k
-    }), T = c({
+      radius: _
+    }), g = n({
       "text-copy-accent-dark": t === "light" && !r,
       "text-copy-light": t === "dark" && !r,
       "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !r,
       "text-copy-light dark:text-copy-accent-dark": t === "system" && !r
-    }), I = y ? c(
+    }), T = y ? n(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -81,29 +80,30 @@ const O = E.forwardRef(
         "after:border-table-light dark:after:border-table-dark": t === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ e("div", { className: I, children: /* @__PURE__ */ C(
-      U,
+    return /* @__PURE__ */ e("div", { className: T, children: /* @__PURE__ */ C(
+      E,
       {
-        ref: g,
+        ref: N,
         className: B,
         disabled: i,
         type: p,
         "aria-label": d || b,
-        ...N,
+        ...k,
         children: [
-          s && /* @__PURE__ */ e("span", { className: "pr-2", children: s }),
-          /* @__PURE__ */ e("div", { className: T, children: o }),
+          o && /* @__PURE__ */ e("span", { className: "pr-2", children: o }),
+          /* @__PURE__ */ e("div", { className: g, children: s }),
           a && /* @__PURE__ */ e("span", { className: "pl-2", children: a })
         ]
       }
     ) });
   }
 );
-O.displayName = "ButtonSort";
+U.displayName = "ButtonSort";
 export {
-  Y as BUTTON_CLASSNAME,
-  z as Button,
-  F as ButtonIcon,
-  H as ButtonLink,
-  O as ButtonSort_private
+  P as BUTTON_CLASSNAME,
+  q as Button,
+  D as ButtonCopy,
+  G as ButtonIcon,
+  J as ButtonLink,
+  U as ButtonSort_private
 };

package/dist/style.css

@@ -1 +1 @@
-*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-ms-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}@keyframes blink{50%{fill:transparent}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.relative{position:relative}.m-0{margin:0}.m-1{margin:.25rem}.m-10{margin:2.5rem}.m-11{margin:2.75rem}.m-12{margin:3rem}.m-14{margin:3.5rem}.m-16{margin:4rem}.m-2{margin:.5rem}.m-20{margin:5rem}.m-24{margin:6rem}.m-28{margin:7rem}.m-3{margin:.75rem}.m-32{margin:8rem}.m-36{margin:9rem}.m-4{margin:1rem}.m-44{margin:11rem}.m-48{margin:12rem}.m-5{margin:1.25rem}.m-52{margin:13rem}.m-56{margin:14rem}.m-6{margin:1.5rem}.m-60{margin:15rem}.m-64{margin:16rem}.m-7{margin:1.75rem}.m-72{margin:18rem}.m-8{margin:2rem}.m-80{margin:20rem}.m-9{margin:2.25rem}.m-96{margin:24rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-11{margin-bottom:2.75rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-24{margin-bottom:6rem}.mb-28{margin-bottom:7rem}.mb-3{margin-bottom:.75rem}.mb-32{margin-bottom:8rem}.mb-36{margin-bottom:9rem}.mb-4{margin-bottom:1rem}.mb-44{margin-bottom:11rem}.mb-48{margin-bottom:12rem}.mb-5{margin-bottom:1.25rem}.mb-52{margin-bottom:13rem}.mb-56{margin-bottom:14rem}.mb-6{margin-bottom:1.5rem}.mb-60{margin-bottom:15rem}.mb-64{margin-bottom:16rem}.mb-7{margin-bottom:1.75rem}.mb-72{margin-bottom:18rem}.mb-8{margin-bottom:2rem}.mb-80{margin-bottom:20rem}.mb-9{margin-bottom:2.25rem}.mb-96{margin-bottom:24rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-10{margin-left:2.5rem}.ml-11{margin-left:2.75rem}.ml-12{margin-left:3rem}.ml-14{margin-left:3.5rem}.ml-16{margin-left:4rem}.ml-2{margin-left:.5rem}.ml-20{margin-left:5rem}.ml-24{margin-left:6rem}.ml-28{margin-left:7rem}.ml-3{margin-left:.75rem}.ml-32{margin-left:8rem}.ml-36{margin-left:9rem}.ml-4{margin-left:1rem}.ml-44{margin-left:11rem}.ml-48{margin-left:12rem}.ml-5{margin-left:1.25rem}.ml-52{margin-left:13rem}.ml-56{margin-left:14rem}.ml-6{margin-left:1.5rem}.ml-60{margin-left:15rem}.ml-64{margin-left:16rem}.ml-7{margin-left:1.75rem}.ml-72{margin-left:18rem}.ml-8{margin-left:2rem}.ml-80{margin-left:20rem}.ml-9{margin-left:2.25rem}.ml-96{margin-left:24rem}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-10{margin-right:2.5rem}.mr-11{margin-right:2.75rem}.mr-12{margin-right:3rem}.mr-14{margin-right:3.5rem}.mr-16{margin-right:4rem}.mr-2{margin-right:.5rem}.mr-20{margin-right:5rem}.mr-24{margin-right:6rem}.mr-28{margin-right:7rem}.mr-3{margin-right:.75rem}.mr-32{margin-right:8rem}.mr-36{margin-right:9rem}.mr-4{margin-right:1rem}.mr-44{margin-right:11rem}.mr-48{margin-right:12rem}.mr-5{margin-right:1.25rem}.mr-52{margin-right:13rem}.mr-56{margin-right:14rem}.mr-6{margin-right:1.5rem}.mr-60{margin-right:15rem}.mr-64{margin-right:16rem}.mr-7{margin-right:1.75rem}.mr-72{margin-right:18rem}.mr-8{margin-right:2rem}.mr-80{margin-right:20rem}.mr-9{margin-right:2.25rem}.mr-96{margin-right:24rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-11{margin-top:2.75rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.mt-28{margin-top:7rem}.mt-3{margin-top:.75rem}.mt-32{margin-top:8rem}.mt-36{margin-top:9rem}.mt-4{margin-top:1rem}.mt-44{margin-top:11rem}.mt-48{margin-top:12rem}.mt-5{margin-top:1.25rem}.mt-52{margin-top:13rem}.mt-56{margin-top:14rem}.mt-6{margin-top:1.5rem}.mt-60{margin-top:15rem}.mt-64{margin-top:16rem}.mt-7{margin-top:1.75rem}.mt-72{margin-top:18rem}.mt-8{margin-top:2rem}.mt-80{margin-top:20rem}.mt-9{margin-top:2.25rem}.mt-96{margin-top:24rem}.flex{display:flex}.inline-flex{display:inline-flex}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.h-12{height:3rem}.h-6{height:1.5rem}.h-8{height:2rem}.max-h-12{max-height:3rem}.max-h-8{max-height:2rem}.max-h-9{max-height:2.25rem}.w-12{width:3rem}.w-44{width:11rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.basis-11\/12{flex-basis:91.666667%}.basis-4{flex-basis:1rem}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-border-accent{--tw-border-opacity: 1;border-color:var(--av-border-accent, rgb(169 185 173 / var(--tw-border-opacity, 1)))}.border-border-danger-dark{--tw-border-opacity: 1;border-color:var(--av-border-danger-dark, rgb(127 29 29 / var(--tw-border-opacity, 1)))}.border-border-danger-medium{--tw-border-opacity: 1;border-color:var(--av-border-danger-medium, rgb(248 113 113 / var(--tw-border-opacity, 1)))}.border-border-dark{--tw-border-opacity: 1;border-color:var(--av-border-dark, rgb(15 23 42 / var(--tw-border-opacity, 1)))}.border-border-selected-dark{--tw-border-opacity: 1;border-color:var(--av-border-selected-dark, rgb(20 83 45 / var(--tw-border-opacity, 1)))}.border-border-selected-medium{--tw-border-opacity: 1;border-color:var(--av-border-selected-medium, rgb(74 222 128 / var(--tw-border-opacity, 1)))}.border-table-dark{--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.border-table-light{--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.border-transparent{border-color:transparent}.bg-action-danger-dark{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark, rgb(127 29 29 / var(--tw-bg-opacity, 1)))}.bg-action-danger-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.bg-action-danger-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.bg-action-dark{--tw-bg-opacity: 1;background-color:var(--av-action-dark, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.bg-action-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.bg-action-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.bg-action-light{--tw-bg-opacity: 1;background-color:var(--av-action-light, rgb(100 116 139 / var(--tw-bg-opacity, 1)))}.bg-action-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.bg-action-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.bg-action-selected-dark{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark, rgb(20 83 45 / var(--tw-bg-opacity, 1)))}.bg-action-selected-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-active, rgb(22 163 74 / var(--tw-bg-opacity, 1)))}.bg-action-selected-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-hover, rgb(21 128 61 / var(--tw-bg-opacity, 1)))}.bg-action-selected-light{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light, rgb(22 163 74 / var(--tw-bg-opacity, 1)))}.bg-action-selected-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light-active, rgb(22 101 52 / var(--tw-bg-opacity, 1)))}.bg-action-selected-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light-hover, rgb(21 128 61 / var(--tw-bg-opacity, 1)))}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pr-2{padding-right:.5rem}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.text-copy-accent-dark{--tw-text-opacity: 1;color:var(--av-copy-accent-dark, rgb(205 232 212 / var(--tw-text-opacity, 1)))}.text-copy-light{--tw-text-opacity: 1;color:var(--av-copy-light, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.text-copy-lighter{--tw-text-opacity: 1;color:var(--av-copy-lighter, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.opacity-50{opacity:.5}.outline-focus-dark{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.outline-focus-light{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}.after\:left-0:after{content:var(--tw-content);left:0}.after\:right-0:after{content:var(--tw-content);right:0}.after\:border-b-2:after{content:var(--tw-content);border-bottom-width:2px}.after\:border-table-dark:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.after\:border-table-light:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.focus-within\:static:focus-within{position:static}.focus-within\:after\:border-transparent:focus-within:after{content:var(--tw-content);border-color:transparent}.hover\:bg-action-danger-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-danger-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-selected-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-hover, rgb(21 128 61 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-selected-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light-hover, rgb(21 128 61 / var(--tw-bg-opacity, 1)))}.hover\:text-copy-light-hover:hover{--tw-text-opacity: 1;color:var(--av-copy-light-hover, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.focus\:outline:focus{outline-style:solid}.focus\:outline-2:focus{outline-width:2px}.focus\:outline-offset-2:focus{outline-offset:2px}.focus\:outline-focus-dark:focus{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.focus\:outline-focus-light:focus{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.active\:bg-action-danger-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.active\:bg-action-danger-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.active\:bg-action-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.active\:bg-action-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.active\:bg-action-selected-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-active, rgb(22 163 74 / var(--tw-bg-opacity, 1)))}.active\:bg-action-selected-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light-active, rgb(22 101 52 / var(--tw-bg-opacity, 1)))}.active\:text-copy-light-active:active{--tw-text-opacity: 1;color:var(--av-copy-light-active, rgb(148 163 184 / var(--tw-text-opacity, 1)))}.active\:text-copy-lighter-active:active{--tw-text-opacity: 1;color:var(--av-copy-lighter-active, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (prefers-color-scheme: dark){.dark\:border-border-accent{--tw-border-opacity: 1;border-color:var(--av-border-accent, rgb(169 185 173 / var(--tw-border-opacity, 1)))}.dark\:border-border-danger-dark{--tw-border-opacity: 1;border-color:var(--av-border-danger-dark, rgb(127 29 29 / var(--tw-border-opacity, 1)))}.dark\:border-border-danger-medium{--tw-border-opacity: 1;border-color:var(--av-border-danger-medium, rgb(248 113 113 / var(--tw-border-opacity, 1)))}.dark\:border-border-dark{--tw-border-opacity: 1;border-color:var(--av-border-dark, rgb(15 23 42 / var(--tw-border-opacity, 1)))}.dark\:border-border-selected-dark{--tw-border-opacity: 1;border-color:var(--av-border-selected-dark, rgb(20 83 45 / var(--tw-border-opacity, 1)))}.dark\:border-border-selected-medium{--tw-border-opacity: 1;border-color:var(--av-border-selected-medium, rgb(74 222 128 / var(--tw-border-opacity, 1)))}.dark\:bg-action-danger-dark{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark, rgb(127 29 29 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-danger-light{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-dark{--tw-bg-opacity: 1;background-color:var(--av-action-dark, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-light{--tw-bg-opacity: 1;background-color:var(--av-action-light, rgb(100 116 139 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-selected-dark{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark, rgb(20 83 45 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-selected-light{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light, rgb(22 163 74 / var(--tw-bg-opacity, 1)))}.dark\:text-copy-accent-dark{--tw-text-opacity: 1;color:var(--av-copy-accent-dark, rgb(205 232 212 / var(--tw-text-opacity, 1)))}.dark\:text-copy-light{--tw-text-opacity: 1;color:var(--av-copy-light, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.dark\:text-copy-lighter{--tw-text-opacity: 1;color:var(--av-copy-lighter, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.dark\:after\:border-table-dark:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.dark\:after\:border-table-light:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.dark\:hover\:bg-action-danger-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-danger-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-selected-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-hover, rgb(21 128 61 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-selected-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light-hover, rgb(21 128 61 / var(--tw-bg-opacity, 1)))}.dark\:focus\:outline-focus-dark:focus{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.dark\:focus\:outline-focus-light:focus{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.dark\:active\:bg-action-danger-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-danger-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-selected-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-active, rgb(22 163 74 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-selected-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light-active, rgb(22 101 52 / var(--tw-bg-opacity, 1)))}}
+*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-ms-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}@keyframes blink{50%{fill:transparent}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.relative{position:relative}.ml-1{margin-left:.25rem}.mr-2{margin-right:.5rem}.flex{display:flex}.inline-flex{display:inline-flex}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.h-12{height:3rem}.h-6{height:1.5rem}.h-8{height:2rem}.max-h-12{max-height:3rem}.max-h-8{max-height:2rem}.max-h-9{max-height:2.25rem}.w-12{width:3rem}.w-44{width:11rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.basis-11\/12{flex-basis:91.666667%}.basis-4{flex-basis:1rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-border-accent{--tw-border-opacity: 1;border-color:var(--av-border-accent, rgb(169 185 173 / var(--tw-border-opacity, 1)))}.border-border-danger-dark{--tw-border-opacity: 1;border-color:var(--av-border-danger-dark, rgb(127 29 29 / var(--tw-border-opacity, 1)))}.border-border-danger-medium{--tw-border-opacity: 1;border-color:var(--av-border-danger-medium, rgb(248 113 113 / var(--tw-border-opacity, 1)))}.border-border-dark{--tw-border-opacity: 1;border-color:var(--av-border-dark, rgb(15 23 42 / var(--tw-border-opacity, 1)))}.border-border-selected-dark{--tw-border-opacity: 1;border-color:var(--av-border-selected-dark, rgb(20 83 45 / var(--tw-border-opacity, 1)))}.border-border-selected-medium{--tw-border-opacity: 1;border-color:var(--av-border-selected-medium, rgb(74 222 128 / var(--tw-border-opacity, 1)))}.border-table-dark{--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.border-table-light{--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.border-transparent{border-color:transparent}.bg-action-danger-dark{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark, rgb(127 29 29 / var(--tw-bg-opacity, 1)))}.bg-action-danger-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.bg-action-danger-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.bg-action-dark{--tw-bg-opacity: 1;background-color:var(--av-action-dark, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.bg-action-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.bg-action-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.bg-action-light{--tw-bg-opacity: 1;background-color:var(--av-action-light, rgb(100 116 139 / var(--tw-bg-opacity, 1)))}.bg-action-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.bg-action-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.bg-action-selected-dark{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark, rgb(20 83 45 / var(--tw-bg-opacity, 1)))}.bg-action-selected-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-active, rgb(22 163 74 / var(--tw-bg-opacity, 1)))}.bg-action-selected-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-hover, rgb(21 128 61 / var(--tw-bg-opacity, 1)))}.bg-action-selected-light{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light, rgb(22 163 74 / var(--tw-bg-opacity, 1)))}.bg-action-selected-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light-active, rgb(22 101 52 / var(--tw-bg-opacity, 1)))}.bg-action-selected-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light-hover, rgb(21 128 61 / var(--tw-bg-opacity, 1)))}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pr-2{padding-right:.5rem}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.text-copy-accent-dark{--tw-text-opacity: 1;color:var(--av-copy-accent-dark, rgb(205 232 212 / var(--tw-text-opacity, 1)))}.text-copy-light{--tw-text-opacity: 1;color:var(--av-copy-light, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.text-copy-lighter{--tw-text-opacity: 1;color:var(--av-copy-lighter, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.opacity-50{opacity:.5}.outline-focus-dark{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.outline-focus-light{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}.after\:left-0:after{content:var(--tw-content);left:0}.after\:right-0:after{content:var(--tw-content);right:0}.after\:border-b-2:after{content:var(--tw-content);border-bottom-width:2px}.after\:border-table-dark:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.after\:border-table-light:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.focus-within\:static:focus-within{position:static}.focus-within\:after\:border-transparent:focus-within:after{content:var(--tw-content);border-color:transparent}.hover\:bg-action-danger-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-danger-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-selected-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-hover, rgb(21 128 61 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-selected-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light-hover, rgb(21 128 61 / var(--tw-bg-opacity, 1)))}.hover\:text-copy-light-hover:hover{--tw-text-opacity: 1;color:var(--av-copy-light-hover, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.focus\:outline:focus{outline-style:solid}.focus\:outline-2:focus{outline-width:2px}.focus\:outline-offset-2:focus{outline-offset:2px}.focus\:outline-focus-dark:focus{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.focus\:outline-focus-light:focus{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.active\:bg-action-danger-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.active\:bg-action-danger-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.active\:bg-action-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.active\:bg-action-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.active\:bg-action-selected-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-active, rgb(22 163 74 / var(--tw-bg-opacity, 1)))}.active\:bg-action-selected-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light-active, rgb(22 101 52 / var(--tw-bg-opacity, 1)))}.active\:text-copy-light-active:active{--tw-text-opacity: 1;color:var(--av-copy-light-active, rgb(148 163 184 / var(--tw-text-opacity, 1)))}.active\:text-copy-lighter-active:active{--tw-text-opacity: 1;color:var(--av-copy-lighter-active, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (prefers-color-scheme: dark){.dark\:border-border-accent{--tw-border-opacity: 1;border-color:var(--av-border-accent, rgb(169 185 173 / var(--tw-border-opacity, 1)))}.dark\:border-border-danger-dark{--tw-border-opacity: 1;border-color:var(--av-border-danger-dark, rgb(127 29 29 / var(--tw-border-opacity, 1)))}.dark\:border-border-danger-medium{--tw-border-opacity: 1;border-color:var(--av-border-danger-medium, rgb(248 113 113 / var(--tw-border-opacity, 1)))}.dark\:border-border-dark{--tw-border-opacity: 1;border-color:var(--av-border-dark, rgb(15 23 42 / var(--tw-border-opacity, 1)))}.dark\:border-border-selected-dark{--tw-border-opacity: 1;border-color:var(--av-border-selected-dark, rgb(20 83 45 / var(--tw-border-opacity, 1)))}.dark\:border-border-selected-medium{--tw-border-opacity: 1;border-color:var(--av-border-selected-medium, rgb(74 222 128 / var(--tw-border-opacity, 1)))}.dark\:bg-action-danger-dark{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark, rgb(127 29 29 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-danger-light{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-dark{--tw-bg-opacity: 1;background-color:var(--av-action-dark, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-light{--tw-bg-opacity: 1;background-color:var(--av-action-light, rgb(100 116 139 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-selected-dark{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark, rgb(20 83 45 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-selected-light{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light, rgb(22 163 74 / var(--tw-bg-opacity, 1)))}.dark\:text-copy-accent-dark{--tw-text-opacity: 1;color:var(--av-copy-accent-dark, rgb(205 232 212 / var(--tw-text-opacity, 1)))}.dark\:text-copy-light{--tw-text-opacity: 1;color:var(--av-copy-light, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.dark\:text-copy-lighter{--tw-text-opacity: 1;color:var(--av-copy-lighter, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.dark\:after\:border-table-dark:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.dark\:after\:border-table-light:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.dark\:hover\:bg-action-danger-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-danger-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-selected-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-hover, rgb(21 128 61 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-selected-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light-hover, rgb(21 128 61 / var(--tw-bg-opacity, 1)))}.dark\:focus\:outline-focus-dark:focus{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.dark\:focus\:outline-focus-light:focus{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.dark\:active\:bg-action-danger-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-danger-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-selected-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-active, rgb(22 163 74 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-selected-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light-active, rgb(22 101 52 / var(--tw-bg-opacity, 1)))}}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-button",
-	"version": "1.7.0",
+	"version": "2.1.0",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -38,17 +38,17 @@
 		"react-dom": "^18.3.1 || ^19.0.0"
 	},
 	"devDependencies": {
-		"@versini/ui-svgicon": "1.1.1"
+		"@versini/ui-svgicon": "2.0.1"
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.15",
-		"@versini/ui-spacing": "1.1.1",
-		"@versini/ui-types": "1.1.0",
+		"@versini/ui-icons": "2.0.1",
+		"@versini/ui-types": "2.1.0",
 		"clsx": "2.1.1",
 		"tailwindcss": "3.4.17"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "900bc75dfbd7b5635476cfd59ba97711ce7be2fc"
+	"gitHead": "1221c66705bd1e8a31981a21a9566c8db647ab5c"
 }