@octavius2929-personal/design-system 1.4.1 → 1.5.0

package/dist/index.js

@@ -813,42 +813,109 @@ var Divider = forwardRef5(function Divider2({ vertical: vertical2, label: label8
 });
 
 // src/components/avatar/index.tsx
-import { forwardRef as forwardRef6 } from "react";
+import { forwardRef as forwardRef6, useState as useState3 } from "react";
 
 // src/components/avatar/use-styles.ts
 import { useMemo as useMemo9 } from "react";
 
 // src/components/avatar/use-styles.css.ts
+var dot = "use-styles_dot__1mn1rmu8";
+var dotSize = { sm: "use-styles_dotSize_sm__1mn1rmu9", md: "use-styles_dotSize_md__1mn1rmua", lg: "use-styles_dotSize_lg__1mn1rmub" };
+var dotTone = { online: "use-styles_dotTone_online__1mn1rmuc", away: "use-styles_dotTone_away__1mn1rmud", busy: "use-styles_dotTone_busy__1mn1rmue", offline: "use-styles_dotTone_offline__1mn1rmuf" };
+var image = "use-styles_image__1mn1rmu2";
+var mark = "use-styles_mark__1mn1rmug";
+var markShape = { online: "use-styles_markShape_online__1mn1rmuh", busy: "use-styles_markShape_busy__1mn1rmui", away: "use-styles_markShape_away__1mn1rmuj", offline: "use-styles_markShape_offline__1mn1rmuk" };
 var root3 = "use-styles_root__1mn1rmu0";
-var size2 = { sm: "use-styles_size_sm__1mn1rmu1", md: "use-styles_size_md__1mn1rmu2", lg: "use-styles_size_lg__1mn1rmu3" };
-var variant = { "default": "use-styles_variant_default__1mn1rmu4", filled: "use-styles_variant_filled__1mn1rmu5" };
+var size2 = { sm: "use-styles_size_sm__1mn1rmu3", md: "use-styles_size_md__1mn1rmu4", lg: "use-styles_size_lg__1mn1rmu5" };
+var statusText = "surfaces_srOnly__1qa7atn0";
+var variant = { "default": "use-styles_variant_default__1mn1rmu6", filled: "use-styles_variant_filled__1mn1rmu7" };
+var visual = "use-styles_visual__1mn1rmu1";
 
 // src/components/avatar/use-styles.ts
-function useStyles6({
-  size: size3 = "md",
-  filled,
-  className
-}) {
+function useStyles6({ size: size3 = "md", filled, status, className }) {
   const { themeClass } = useTheme();
   const root25 = useMemo9(
-    () => [
-      themeClass,
-      root3,
-      size2[size3],
-      filled ? variant.filled : variant.default,
-      className
-    ].filter(Boolean).join(" "),
-    [themeClass, size3, filled, className]
+    () => [themeClass, root3, size2[size3]].filter(Boolean).join(" "),
+    [themeClass, size3]
   );
-  return { root: root25 };
+  const visual2 = useMemo9(
+    () => [visual, filled ? variant.filled : variant.default, className].filter(Boolean).join(" "),
+    [filled, className]
+  );
+  const dot4 = useMemo9(
+    () => status ? [dot, dotSize[size3], dotTone[status]].filter(Boolean).join(" ") : "",
+    [status, size3]
+  );
+  const mark2 = useMemo9(
+    () => status ? [mark, markShape[status]].filter(Boolean).join(" ") : "",
+    [status]
+  );
+  return { root: root25, visual: visual2, image, dot: dot4, mark: mark2, statusText };
 }
 
 // src/components/avatar/index.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-var Avatar = forwardRef6(function Avatar2({ size: size3, filled, className, children, testId, ...rest }, ref) {
-  const { root: root25 } = useStyles6({ size: size3, filled, className });
-  const { testId: dataTestId } = useTestId("media", testId);
-  return /* @__PURE__ */ jsx8("span", { ref, className: root25, "data-testid": dataTestId, ...rest, children });
+import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+function getInitials(name) {
+  const words = name?.trim().split(/\s+/).filter(Boolean) ?? [];
+  if (words.length === 0) return "";
+  const firstWord = words[0] ?? "";
+  const firstLetter = Array.from(firstWord)[0] ?? "";
+  if (words.length === 1) return firstLetter.toLocaleUpperCase();
+  const secondWord = words[1] ?? "";
+  const secondLetter = Array.from(secondWord)[0] ?? "";
+  return (firstLetter + secondLetter).toLocaleUpperCase();
+}
+var statusLabel = {
+  online: "Online",
+  away: "Away",
+  busy: "Busy",
+  offline: "Offline"
+};
+var Avatar = forwardRef6(function Avatar2({
+  size: size3,
+  filled,
+  src,
+  alt,
+  name,
+  status,
+  decorative = false,
+  className,
+  children,
+  testId,
+  ...rest
+}, ref) {
+  const [imgFailed, setImgFailed] = useState3(false);
+  const [lastSrc, setLastSrc] = useState3(src);
+  if (src !== lastSrc) {
+    setLastSrc(src);
+    setImgFailed(false);
+  }
+  const { root: root25, visual: visual2, image: image2, dot: dot4, mark: mark2, statusText: statusText2 } = useStyles6({
+    size: size3,
+    filled,
+    status,
+    className
+  });
+  const { testId: dataTestId, slot } = useTestId("media", testId);
+  const showImage = Boolean(src) && !imgFailed;
+  const accessibleName = alt?.trim() || name?.trim() || void 0;
+  const fallback = children ?? getInitials(name);
+  const visualA11yProps = decorative ? { "aria-hidden": true } : showImage ? {} : accessibleName ? { role: "img", "aria-label": accessibleName } : {};
+  return /* @__PURE__ */ jsxs3("span", { ref, className: root25, "data-testid": dataTestId, ...rest, children: [
+    /* @__PURE__ */ jsx8("span", { className: visual2, "data-testid": slot("visual"), ...visualA11yProps, children: showImage ? /* @__PURE__ */ jsx8(
+      "img",
+      {
+        src,
+        alt: decorative ? "" : accessibleName ?? "",
+        className: image2,
+        onError: () => setImgFailed(true)
+      }
+    ) : fallback }),
+    status && /* @__PURE__ */ jsxs3("span", { className: dot4, "data-testid": slot("status"), "data-status": status, children: [
+      /* @__PURE__ */ jsx8("span", { className: mark2, "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx8("span", { className: statusText2, children: statusLabel[status] })
+    ] })
+  ] });
 });
 
 // src/components/badge/index.tsx
@@ -858,7 +925,7 @@ import { forwardRef as forwardRef7 } from "react";
 import { useMemo as useMemo10 } from "react";
 
 // src/components/badge/use-styles.css.ts
-var dot = "use-styles_dot__1wpei6p1";
+var dot2 = "use-styles_dot__1wpei6p1";
 var root4 = "use-styles_root__1wpei6p0";
 var tone2 = { ink: "use-styles_tone_ink__1wpei6p2", accent: "use-styles_tone_accent__1wpei6p3" };
 
@@ -872,18 +939,18 @@ function useStyles7({
     () => [themeClass, root4, className].filter(Boolean).join(" "),
     [themeClass, className]
   );
-  const dot3 = useMemo10(() => [dot, tone2[tone4]].join(" "), [tone4]);
-  return { root: root25, dot: dot3 };
+  const dot4 = useMemo10(() => [dot2, tone2[tone4]].join(" "), [tone4]);
+  return { root: root25, dot: dot4 };
 }
 
 // src/components/badge/index.tsx
-import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 var Badge = forwardRef7(function Badge2({ count, tone: tone4, className, children, testId, ...rest }, ref) {
-  const { root: root25, dot: dot3 } = useStyles7({ tone: tone4, className });
+  const { root: root25, dot: dot4 } = useStyles7({ tone: tone4, className });
   const { testId: dataTestId, slot } = useTestId("media", testId);
-  return /* @__PURE__ */ jsxs3("span", { ref, className: root25, "data-testid": dataTestId, ...rest, children: [
+  return /* @__PURE__ */ jsxs4("span", { ref, className: root25, "data-testid": dataTestId, ...rest, children: [
     children,
-    count != null && /* @__PURE__ */ jsx9("span", { className: dot3, "data-testid": slot("dot"), children: count })
+    count != null && /* @__PURE__ */ jsx9("span", { className: dot4, "data-testid": slot("dot"), children: count })
   ] });
 });
 
@@ -971,9 +1038,9 @@ var Progress = forwardRef8(function Progress2({ variant: variant2 = "linear", va
 import { forwardRef as forwardRef9 } from "react";
 
 // src/components/icons/x/index.tsx
-import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
 function XIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1025,7 +1092,7 @@ function useStyles9({
 }
 
 // src/components/chip/index.tsx
-import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
 var ICON_SIZE2 = 13;
 var Chip = forwardRef9(function Chip2({ selected: selected4, tone: tone4, onDelete, onClick, startIcon: StartIcon, children, testId, ...rest }, ref) {
   const clickable2 = Boolean(onClick);
@@ -1035,7 +1102,7 @@ var Chip = forwardRef9(function Chip2({ selected: selected4, tone: tone4, onDele
     event.stopPropagation();
     onDelete?.();
   };
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(
     "span",
     {
       ref,
@@ -1114,7 +1181,7 @@ function useStyles10({ checked, disabled: disabled4 }) {
 }
 
 // src/components/checkbox/index.tsx
-import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
 var Checkbox = forwardRef10(function Checkbox2({ checked = false, onChange, label: label8, disabled: disabled4 = false, id, testId, ...rest }, ref) {
   const { root: root25, input: input6, box: box2, check: check2 } = useStyles10({ checked, disabled: disabled4 });
   const { testId: dataTestId } = useTestId("toggle", testId);
@@ -1122,7 +1189,7 @@ var Checkbox = forwardRef10(function Checkbox2({ checked = false, onChange, labe
     if (disabled4) return;
     onChange?.(e.target.checked);
   };
-  return /* @__PURE__ */ jsxs6("label", { className: root25, "data-testid": dataTestId, "data-state": states({ checked, disabled: disabled4 }), children: [
+  return /* @__PURE__ */ jsxs7("label", { className: root25, "data-testid": dataTestId, "data-state": states({ checked, disabled: disabled4 }), children: [
     /* @__PURE__ */ jsx14(
       "input",
       {
@@ -1150,7 +1217,7 @@ import { useMemo as useMemo14 } from "react";
 // src/components/radio/use-styles.css.ts
 var circle = "use-styles_circle__vy61b42";
 var disabled2 = "use-styles_disabled__vy61b41";
-var dot2 = "use-styles_dot__vy61b43";
+var dot3 = "use-styles_dot__vy61b43";
 var input2 = "surfaces_srOnly__1qa7atn0";
 var label2 = "use-styles_label__vy61b44";
 var root7 = "use-styles_root__vy61b40";
@@ -1169,17 +1236,17 @@ function useStyles11({
     root: root25,
     input: input2,
     circle,
-    dot: dot2,
+    dot: dot3,
     label: label2
   };
 }
 
 // src/components/radio/index.tsx
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 var Radio = forwardRef11(function Radio2({ checked, onChange, label: label8, name, value, disabled: disabled4, testId, ...rest }, ref) {
-  const { root: root25, input: input6, circle: circle2, dot: dot3, label: labelClass } = useStyles11({ disabled: disabled4 });
+  const { root: root25, input: input6, circle: circle2, dot: dot4, label: labelClass } = useStyles11({ disabled: disabled4 });
   const { testId: dataTestId } = useTestId("toggle", testId);
-  return /* @__PURE__ */ jsxs7("label", { className: root25, "data-testid": dataTestId, "data-state": states({ checked, disabled: disabled4 }), children: [
+  return /* @__PURE__ */ jsxs8("label", { className: root25, "data-testid": dataTestId, "data-state": states({ checked, disabled: disabled4 }), children: [
     /* @__PURE__ */ jsx15(
       "input",
       {
@@ -1194,7 +1261,7 @@ var Radio = forwardRef11(function Radio2({ checked, onChange, label: label8, nam
         ...rest
       }
     ),
-    /* @__PURE__ */ jsx15("span", { className: circle2, children: checked && /* @__PURE__ */ jsx15("span", { className: dot3 }) }),
+    /* @__PURE__ */ jsx15("span", { className: circle2, children: checked && /* @__PURE__ */ jsx15("span", { className: dot4 }) }),
     label8 != null && /* @__PURE__ */ jsx15("span", { className: labelClass, children: label8 })
   ] });
 });
@@ -1226,7 +1293,7 @@ function useStyles12({
 }
 
 // src/components/radio-group/index.tsx
-import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
 var RadioGroup = forwardRef12(function RadioGroup2({
   options,
   value,
@@ -1299,7 +1366,7 @@ var RadioGroup = forwardRef12(function RadioGroup2({
         break;
     }
   };
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       ref,
@@ -1375,11 +1442,11 @@ function useStyles13({ checked }) {
 }
 
 // src/components/switch/index.tsx
-import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
 var Switch = forwardRef13(function Switch2({ checked = false, onChange, label: label8, disabled: disabled4, testId, ...rest }, ref) {
   const { root: root25, input: input6, track: track4, knob: knob2, label: labelClass } = useStyles13({ checked });
   const { testId: dataTestId } = useTestId("toggle", testId);
-  return /* @__PURE__ */ jsxs9("label", { className: root25, "data-testid": dataTestId, "data-state": states({ checked, disabled: disabled4 }), children: [
+  return /* @__PURE__ */ jsxs10("label", { className: root25, "data-testid": dataTestId, "data-state": states({ checked, disabled: disabled4 }), children: [
     /* @__PURE__ */ jsx17(
       "input",
       {
@@ -1456,7 +1523,7 @@ function useStyles14({ error, hasStartIcon, hasTrailing, className }) {
 }
 
 // src/components/base-field/index.tsx
-import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
 var BaseField = forwardRef14(function BaseField2({ label: label8, help, error, startIcon: StartIcon, trailing: trailing2, id, className, testId, children }, ref) {
   const autoId = useId2();
   const controlId = id ?? autoId;
@@ -1479,9 +1546,9 @@ var BaseField = forwardRef14(function BaseField2({ label: label8, help, error, s
     "aria-invalid": hasError ? true : void 0,
     "data-testid": slot("input")
   };
-  return /* @__PURE__ */ jsxs10("div", { className: classes.root, "data-testid": rootTestId, "data-state": states({ error: hasError }), children: [
+  return /* @__PURE__ */ jsxs11("div", { className: classes.root, "data-testid": rootTestId, "data-state": states({ error: hasError }), children: [
     label8 != null && /* @__PURE__ */ jsx18("label", { htmlFor: controlId, className: classes.labelText, "data-testid": slot("label"), children: label8 }),
-    /* @__PURE__ */ jsxs10("div", { className: classes.field, children: [
+    /* @__PURE__ */ jsxs11("div", { className: classes.field, children: [
       StartIcon != null && /* @__PURE__ */ jsx18("span", { className: classes.startIconSlot, children: /* @__PURE__ */ jsx18(StartIcon, { size: 18 }) }),
       children(control),
       trailing2 != null && /* @__PURE__ */ jsx18("span", { className: classes.trailingSlot, children: trailing2 })
@@ -1562,12 +1629,12 @@ var TextField = forwardRef15(
 );
 
 // src/components/password-field/index.tsx
-import { forwardRef as forwardRef16, useState as useState3 } from "react";
+import { forwardRef as forwardRef16, useState as useState4 } from "react";
 
 // src/components/icons/eye/index.tsx
-import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
 function EyeIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1590,9 +1657,9 @@ function EyeIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/eye-off/index.tsx
-import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
 function EyeOffIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1631,7 +1698,7 @@ function useStyles15() {
 import { jsx as jsx22 } from "react/jsx-runtime";
 var PasswordField = forwardRef16(
   function PasswordField2({ label: label8, help, error, startIcon, onChange, id, className, ...rest }, ref) {
-    const [reveal, setReveal] = useState3(false);
+    const [reveal, setReveal] = useState4(false);
     const classes = useStyles15();
     const handleChange = (e) => {
       onChange?.(e.target.value);
@@ -1677,7 +1744,7 @@ var PasswordField = forwardRef16(
 );
 
 // src/components/money-field/index.tsx
-import { forwardRef as forwardRef17, useMemo as useMemo19, useState as useState4 } from "react";
+import { forwardRef as forwardRef17, useMemo as useMemo19, useState as useState5 } from "react";
 import { jsx as jsx23 } from "react/jsx-runtime";
 function parseAmount(raw) {
   const cleaned = raw.replace(/[^0-9.-]/g, "");
@@ -1700,8 +1767,8 @@ var MoneyField = forwardRef17(function MoneyField2({
   onBlur,
   ...rest
 }, ref) {
-  const [focused, setFocused] = useState4(false);
-  const [draft, setDraft] = useState4("");
+  const [focused, setFocused] = useState5(false);
+  const [draft, setDraft] = useState5("");
   const formatter = useMemo19(
     () => new Intl.NumberFormat(locale, { style: "currency", currency }),
     [locale, currency]
@@ -1848,9 +1915,9 @@ var Card2 = Object.assign(CardRoot, {
 import { forwardRef as forwardRef20 } from "react";
 
 // src/components/icons/circle-check/index.tsx
-import { jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
 function CircleCheckIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1873,9 +1940,9 @@ function CircleCheckIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest
 }
 
 // src/components/icons/circle-x/index.tsx
-import { jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
 function CircleXIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1899,9 +1966,9 @@ function CircleXIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/info/index.tsx
-import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs16 } from "react/jsx-runtime";
 function InfoIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1925,9 +1992,9 @@ function InfoIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/triangle-alert/index.tsx
-import { jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs17 } from "react/jsx-runtime";
 function TriangleAlertIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1977,7 +2044,7 @@ function useStyles18({
 }
 
 // src/components/alert/index.tsx
-import { jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs18 } from "react/jsx-runtime";
 var defaultIcons = {
   info: InfoIcon,
   ok: CircleCheckIcon,
@@ -1994,7 +2061,7 @@ var Alert = forwardRef20(function Alert2({ severity: severity2 = "info", title,
   const styles = useStyles18({ severity: severity2, className });
   const { testId: dataTestId, slot } = useTestId("feedback", testId);
   const IconComponent = icon ?? defaultIcons[severity2];
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "div",
     {
       ref,
@@ -2004,7 +2071,7 @@ var Alert = forwardRef20(function Alert2({ severity: severity2 = "info", title,
       ...rest,
       children: [
         /* @__PURE__ */ jsx30("span", { className: styles.iconSlot, "data-testid": slot("icon"), children: /* @__PURE__ */ jsx30(IconComponent, {}) }),
-        /* @__PURE__ */ jsxs17("div", { className: styles.content, "data-testid": slot("content"), children: [
+        /* @__PURE__ */ jsxs18("div", { className: styles.content, "data-testid": slot("content"), children: [
           title != null && /* @__PURE__ */ jsx30(Typography, { variant: "h4", children: title }),
           children != null && /* @__PURE__ */ jsx30(Typography, { variant: "body", color: "muted", children })
         ] })
@@ -2020,7 +2087,7 @@ import {
   useEffect as useEffect4,
   useId as useId3,
   useRef as useRef4,
-  useState as useState5
+  useState as useState6
 } from "react";
 
 // src/components/tooltip/use-styles.ts
@@ -2048,10 +2115,10 @@ function useStyles19({
 }
 
 // src/components/tooltip/index.tsx
-import { jsx as jsx31, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs19 } from "react/jsx-runtime";
 var HIDE_DELAY = 120;
 var Tooltip = forwardRef21(function Tooltip2({ label: label8, children, placement: placement2, testId }, ref) {
-  const [open, setOpen] = useState5(false);
+  const [open, setOpen] = useState6(false);
   const tooltipId = useId3();
   const { wrapper: wrapper4, bubble: bubble2 } = useStyles19({ placement: placement2 });
   const { testId: dataTestId, slot } = useTestId("feedback", testId);
@@ -2088,7 +2155,7 @@ var Tooltip = forwardRef21(function Tooltip2({ label: label8, children, placemen
   const previousDescribedBy = children.props["aria-describedby"];
   const describedBy = open ? [previousDescribedBy, tooltipId].filter(Boolean).join(" ") : previousDescribedBy;
   const trigger2 = cloneElement(children, { "aria-describedby": describedBy });
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     "span",
     {
       ref,
@@ -2119,7 +2186,7 @@ var Tooltip = forwardRef21(function Tooltip2({ label: label8, children, placemen
 });
 
 // src/components/select/index.tsx
-import { forwardRef as forwardRef22, useEffect as useEffect5, useId as useId4, useRef as useRef5, useState as useState6 } from "react";
+import { forwardRef as forwardRef22, useEffect as useEffect5, useId as useId4, useRef as useRef5, useState as useState7 } from "react";
 
 // src/components/icons/chevron-down/index.tsx
 import { jsx as jsx32 } from "react/jsx-runtime";
@@ -2178,7 +2245,7 @@ function useStyles20({
 }
 
 // src/components/select/index.tsx
-import { jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
 var Select = forwardRef22(function Select2({
   options,
   value,
@@ -2190,8 +2257,8 @@ var Select = forwardRef22(function Select2({
   "aria-labelledby": ariaLabelledBy,
   ...rest
 }, ref) {
-  const [open, setOpen] = useState6(false);
-  const [activeIndex, setActiveIndex] = useState6(0);
+  const [open, setOpen] = useState7(false);
+  const [activeIndex, setActiveIndex] = useState7(0);
   const rootRef = useRef5(null);
   const setRootRef = (node) => {
     rootRef.current = node;
@@ -2271,9 +2338,9 @@ var Select = forwardRef22(function Select2({
         break;
     }
   };
-  return /* @__PURE__ */ jsxs19("div", { ref: setRootRef, className: root25, ...rest, children: [
+  return /* @__PURE__ */ jsxs20("div", { ref: setRootRef, className: root25, ...rest, children: [
     label8 && /* @__PURE__ */ jsx33("span", { id: labelId, className: labelClass, children: label8 }),
-    /* @__PURE__ */ jsxs19(
+    /* @__PURE__ */ jsxs20(
       "button",
       {
         type: "button",
@@ -2355,7 +2422,7 @@ function useStyles21() {
 }
 
 // src/components/slider/index.tsx
-import { jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
 var Slider = forwardRef23(function Slider2({ value = 0, onChange, min = 0, max = 100, step: step2 = 1, disabled: disabled4, label: label8, ...rest }, ref) {
   const { wrapper: wrapper4, label: labelClass, root: root25, track: track4, range: range2, thumb: thumb2, input: input6 } = useStyles21();
   const span = max - min;
@@ -2364,9 +2431,9 @@ var Slider = forwardRef23(function Slider2({ value = 0, onChange, min = 0, max =
   const handleChange = (e) => {
     onChange?.(Number(e.target.value));
   };
-  return /* @__PURE__ */ jsxs20("span", { className: wrapper4, children: [
+  return /* @__PURE__ */ jsxs21("span", { className: wrapper4, children: [
     label8 ? /* @__PURE__ */ jsx34("span", { className: labelClass, children: label8 }) : null,
-    /* @__PURE__ */ jsxs20("span", { className: root25, children: [
+    /* @__PURE__ */ jsxs21("span", { className: root25, children: [
       /* @__PURE__ */ jsx34("span", { className: track4 }),
       /* @__PURE__ */ jsx34("span", { className: range2, style: { width: `${clamped}%` } }),
       /* @__PURE__ */ jsx34(
@@ -2390,7 +2457,7 @@ var Slider = forwardRef23(function Slider2({ value = 0, onChange, min = 0, max =
 });
 
 // src/components/accordion/index.tsx
-import { forwardRef as forwardRef24, useState as useState7 } from "react";
+import { forwardRef as forwardRef24, useState as useState8 } from "react";
 
 // src/components/accordion/use-styles.ts
 import { useMemo as useMemo26 } from "react";
@@ -2419,9 +2486,9 @@ function useStyles22({ className }) {
 }
 
 // src/components/accordion/index.tsx
-import { jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs22 } from "react/jsx-runtime";
 var Accordion = forwardRef24(function Accordion2({ items, multiple = false, defaultOpen = [], className, testId }, ref) {
-  const [open, setOpen] = useState7(defaultOpen);
+  const [open, setOpen] = useState8(defaultOpen);
   const { root: root25, item: item3, header: header3, chevronFor, panel: panel3 } = useStyles22({ className });
   const { testId: dataTestId, slot } = useTestId("layout", testId);
   const toggle = (id) => {
@@ -2436,14 +2503,14 @@ var Accordion = forwardRef24(function Accordion2({ items, multiple = false, defa
     const panelId = `accordion-panel-${it.id}`;
     const headerId = `accordion-header-${it.id}`;
     const itemSlot = slot(`item-${it.id}`);
-    return /* @__PURE__ */ jsxs21(
+    return /* @__PURE__ */ jsxs22(
       "div",
       {
         className: item3,
         "data-testid": itemSlot,
         "data-state": states({ expanded: isOpen }),
         children: [
-          /* @__PURE__ */ jsxs21(
+          /* @__PURE__ */ jsxs22(
             "button",
             {
               type: "button",
@@ -2522,14 +2589,14 @@ function useStyles23({ className }) {
 }
 
 // src/components/breadcrumbs/index.tsx
-import { jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs23 } from "react/jsx-runtime";
 var Breadcrumbs = forwardRef25(function Breadcrumbs2({ items, className, testId, ...rest }, ref) {
   const { root: root25, crumb: crumb2, current: current2, separator: separator2 } = useStyles23({ className });
   const { testId: dataTestId, slot } = useTestId("nav", testId);
   return /* @__PURE__ */ jsx37("nav", { ref, "aria-label": "Breadcrumb", className: root25, "data-testid": dataTestId, ...rest, children: items.map((item3, index) => {
     const isLast = index === items.length - 1;
     const key = index;
-    return /* @__PURE__ */ jsxs22(Fragment, { children: [
+    return /* @__PURE__ */ jsxs23(Fragment, { children: [
       isLast ? /* @__PURE__ */ jsx37("span", { className: current2, "aria-current": "page", "data-testid": slot(`crumb-${index}`), children: item3.label }) : item3.href ? /* @__PURE__ */ jsx37("a", { className: crumb2, href: item3.href, "data-testid": slot(`crumb-${index}`), children: item3.label }) : /* @__PURE__ */ jsx37("span", { className: crumb2, "data-testid": slot(`crumb-${index}`), children: item3.label }),
       !isLast && /* @__PURE__ */ jsx37("span", { className: separator2, children: /* @__PURE__ */ jsx37(ChevronRightIcon, { size: 14 }) })
     ] }, key);
@@ -2586,7 +2653,7 @@ function useStyles24() {
 }
 
 // src/components/pagination/index.tsx
-import { jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs24 } from "react/jsx-runtime";
 function buildItems(count, page, siblingCount) {
   const total = Math.max(1, count);
   const first = 1;
@@ -2607,7 +2674,7 @@ var Pagination = forwardRef26(function Pagination2({ count, page = 1, onChange,
   const current2 = Math.min(Math.max(1, page), total);
   const items = buildItems(total, current2, siblingCount);
   const go = (n) => onChange?.(Math.min(Math.max(1, n), total));
-  return /* @__PURE__ */ jsxs23("nav", { ref, className: root25, "aria-label": "Pagination", "data-testid": dataTestId, ...rest, children: [
+  return /* @__PURE__ */ jsxs24("nav", { ref, className: root25, "aria-label": "Pagination", "data-testid": dataTestId, ...rest, children: [
     /* @__PURE__ */ jsx39(
       "button",
       {
@@ -2689,7 +2756,7 @@ function useStyles25({ className }) {
 }
 
 // src/components/stepper/index.tsx
-import { jsx as jsx40, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs25 } from "react/jsx-runtime";
 var Stepper = forwardRef27(function Stepper2({ steps, active: active2 = 0, className, testId, ...rest }, ref) {
   const { root: root25, step: step2, connector: connector2, markerFor, labelFor } = useStyles25({ className });
   const { testId: dataTestId, slot } = useTestId("nav", testId);
@@ -2698,8 +2765,8 @@ var Stepper = forwardRef27(function Stepper2({ steps, active: active2 = 0, class
     const isActive = state === "active";
     return (
       // biome-ignore lint/suspicious/noArrayIndexKey: steps are a static, ordered list with no stable id.
-      /* @__PURE__ */ jsxs24(Fragment2, { children: [
-        /* @__PURE__ */ jsxs24(
+      /* @__PURE__ */ jsxs25(Fragment2, { children: [
+        /* @__PURE__ */ jsxs25(
           "div",
           {
             className: step2,
@@ -2741,7 +2808,7 @@ function useStyles26() {
 }
 
 // src/components/tabs/index.tsx
-import { Fragment as Fragment3, jsx as jsx41, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx41, jsxs as jsxs26 } from "react/jsx-runtime";
 var ICON_SIZE3 = 16;
 var Tabs = forwardRef28(function Tabs2({ items, value, onChange, testId, ...rest }, ref) {
   const { root: root25, tabClass, panel: panel3 } = useStyles26();
@@ -2779,12 +2846,12 @@ var Tabs = forwardRef28(function Tabs2({ items, value, onChange, testId, ...rest
         break;
     }
   };
-  return /* @__PURE__ */ jsxs25(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs26(Fragment3, { children: [
     /* @__PURE__ */ jsx41("div", { ref, role: "tablist", className: root25, "data-testid": dataTestId, ...rest, children: items.map((item3, index) => {
       const active2 = item3.value === value;
       const tabbable = active2 || activeIndex === -1 && index === 0;
       const ItemIcon = item3.icon;
-      return /* @__PURE__ */ jsxs25(
+      return /* @__PURE__ */ jsxs26(
         "button",
         {
           ref: (el) => {
@@ -2833,7 +2900,7 @@ import {
   useEffect as useEffect6,
   useLayoutEffect,
   useRef as useRef7,
-  useState as useState8
+  useState as useState9
 } from "react";
 
 // src/components/menu/use-styles.ts
@@ -2860,7 +2927,7 @@ function useStyles27() {
 }
 
 // src/components/menu/index.tsx
-import { jsx as jsx42, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs27 } from "react/jsx-runtime";
 var ICON_SIZE4 = 16;
 function assignRef(ref, value) {
   if (typeof ref === "function") ref(value);
@@ -2869,8 +2936,8 @@ function assignRef(ref, value) {
 var Menu = forwardRef29(function Menu2({ trigger: trigger2, items, testId }, ref) {
   const { wrapper: wrapper4, list: list3, item: item3, dangerItem } = useStyles27();
   const { testId: rootTestId, slot } = useTestId("menu", testId);
-  const [open, setOpen] = useState8(false);
-  const [alignEnd, setAlignEnd] = useState8(false);
+  const [open, setOpen] = useState9(false);
+  const [alignEnd, setAlignEnd] = useState9(false);
   const rootRef = useRef7(null);
   const setRootRef = (node) => {
     rootRef.current = node;
@@ -2966,7 +3033,7 @@ var Menu = forwardRef29(function Menu2({ trigger: trigger2, items, testId }, ref
       setOpen((prev) => !prev);
     }
   });
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     "div",
     {
       ref: setRootRef,
@@ -2986,7 +3053,7 @@ var Menu = forwardRef29(function Menu2({ trigger: trigger2, items, testId }, ref
             onKeyDown: onMenuKeyDown,
             children: items.map((entry, index) => {
               const ItemIcon = entry.icon;
-              return /* @__PURE__ */ jsxs26(
+              return /* @__PURE__ */ jsxs27(
                 "button",
                 {
                   type: "button",
@@ -3046,7 +3113,7 @@ function useStyles28() {
 }
 
 // src/components/dialog/index.tsx
-import { jsx as jsx43, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs28 } from "react/jsx-runtime";
 var FOCUSABLE = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';
 function assignRef2(ref, value) {
   if (typeof ref === "function") ref(value);
@@ -3115,7 +3182,7 @@ var Dialog = forwardRef30(function Dialog2({ open, onClose, title, actions: acti
   };
   return createPortal(
     // biome-ignore lint/a11y/useKeyWithClickEvents: ESC handled by a document keydown listener.
-    /* @__PURE__ */ jsx43("div", { className: overlay2, "data-testid": slot("overlay"), onClick: onClose, children: /* @__PURE__ */ jsxs27(
+    /* @__PURE__ */ jsx43("div", { className: overlay2, "data-testid": slot("overlay"), onClick: onClose, children: /* @__PURE__ */ jsxs28(
       "div",
       {
         ref: setSurfaceRef,
@@ -3169,7 +3236,7 @@ function useStyles29() {
 }
 
 // src/components/snackbar/index.tsx
-import { jsx as jsx44, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs29 } from "react/jsx-runtime";
 var DEFAULT_DURATION = 5e3;
 var Snackbar = forwardRef31(function Snackbar2({
   open,
@@ -3232,7 +3299,7 @@ var Snackbar = forwardRef31(function Snackbar2({
   };
   if (!open || typeof document === "undefined") return null;
   return createPortal2(
-    /* @__PURE__ */ jsxs28(
+    /* @__PURE__ */ jsxs29(
       "div",
       {
         ref,
@@ -3295,13 +3362,13 @@ function useStyles30({ className }) {
 }
 
 // src/components/table/index.tsx
-import { jsx as jsx45, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs30 } from "react/jsx-runtime";
 function TableInner({ columns, rows, getRowKey, className, caption: caption2, testId, ...rest }, ref) {
   const { root: root25, th: th2, td: td2, alignRight: alignRight2, caption: captionClass } = useStyles30({ className });
   const { testId: dataTestId, slot } = useTestId("list", testId);
   const headClass = (column) => column.align === "right" ? `${th2} ${alignRight2}` : th2;
   const cellClass = (column) => column.align === "right" ? `${td2} ${alignRight2}` : td2;
-  return /* @__PURE__ */ jsxs29("table", { ref, className: root25, "data-testid": dataTestId, ...rest, children: [
+  return /* @__PURE__ */ jsxs30("table", { ref, className: root25, "data-testid": dataTestId, ...rest, children: [
     caption2 != null && /* @__PURE__ */ jsx45("caption", { className: captionClass, children: caption2 }),
     /* @__PURE__ */ jsx45("thead", { children: /* @__PURE__ */ jsx45("tr", { children: columns.map((column) => /* @__PURE__ */ jsx45("th", { scope: "col", className: headClass(column), children: column.header }, column.key)) }) }),
     /* @__PURE__ */ jsx45("tbody", { children: rows.map((row, index) => /* @__PURE__ */ jsx45("tr", { "data-testid": slot(`row-${index}`), children: columns.map((column) => /* @__PURE__ */ jsx45("td", { className: cellClass(column), children: column.render ? column.render(row) : String(row[column.key]) }, column.key)) }, getRowKey ? getRowKey(row, index) : index)) })
@@ -3333,11 +3400,11 @@ function useStyles31({ className }) {
 }
 
 // src/components/app-bar/index.tsx
-import { jsx as jsx46, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs31 } from "react/jsx-runtime";
 var AppBar = forwardRef33(function AppBar2({ brand: brand2, actions: actions3, className, children, testId, ...rest }, ref) {
   const styles = useStyles31({ className });
   const { testId: dataTestId, slot } = useTestId("nav", testId);
-  return /* @__PURE__ */ jsxs30("header", { ref, className: styles.root, "data-testid": dataTestId, ...rest, children: [
+  return /* @__PURE__ */ jsxs31("header", { ref, className: styles.root, "data-testid": dataTestId, ...rest, children: [
     brand2 !== void 0 ? /* @__PURE__ */ jsx46("div", { className: styles.brand, "data-testid": slot("brand"), children: brand2 }) : null,
     children,
     actions3 !== void 0 ? /* @__PURE__ */ jsx46("div", { className: styles.actions, "data-testid": slot("actions"), children: actions3 }) : null
@@ -3371,11 +3438,11 @@ function useStyles32({
 }
 
 // src/components/list-item/index.tsx
-import { jsx as jsx47, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs32 } from "react/jsx-runtime";
 var ListItem = forwardRef34(function ListItem2({ leading: leading2, trailing: trailing2, selected: selected4, className, testId, children, ...rest }, ref) {
   const styles = useStyles32({ selected: selected4, className });
   const { testId: dataTestId, slot } = useTestId("list", testId);
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(
     "div",
     {
       ref,
@@ -3393,9 +3460,9 @@ var ListItem = forwardRef34(function ListItem2({ leading: leading2, trailing: tr
 });
 
 // src/components/icons/alert-circle/index.tsx
-import { jsx as jsx48, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs33 } from "react/jsx-runtime";
 function AlertCircleIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs33(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3419,9 +3486,9 @@ function AlertCircleIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest
 }
 
 // src/components/icons/archive/index.tsx
-import { jsx as jsx49, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs34 } from "react/jsx-runtime";
 function ArchiveIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs34(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3445,9 +3512,9 @@ function ArchiveIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/arrow-down/index.tsx
-import { jsx as jsx50, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs35 } from "react/jsx-runtime";
 function ArrowDownIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs35(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3470,9 +3537,9 @@ function ArrowDownIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
 }
 
 // src/components/icons/arrow-left/index.tsx
-import { jsx as jsx51, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs36 } from "react/jsx-runtime";
 function ArrowLeftIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs36(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3495,9 +3562,9 @@ function ArrowLeftIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
 }
 
 // src/components/icons/arrow-right/index.tsx
-import { jsx as jsx52, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs37 } from "react/jsx-runtime";
 function ArrowRightIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsxs37(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3520,9 +3587,9 @@ function ArrowRightIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }
 }
 
 // src/components/icons/arrow-up/index.tsx
-import { jsx as jsx53, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs38 } from "react/jsx-runtime";
 function ArrowUpIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsxs38(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3545,9 +3612,9 @@ function ArrowUpIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/at-sign/index.tsx
-import { jsx as jsx54, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs39 } from "react/jsx-runtime";
 function AtSignIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs39(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3570,9 +3637,9 @@ function AtSignIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/bell/index.tsx
-import { jsx as jsx55, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs40 } from "react/jsx-runtime";
 function BellIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs40(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3595,9 +3662,9 @@ function BellIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/bell-off/index.tsx
-import { jsx as jsx56, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs41 } from "react/jsx-runtime";
 function BellOffIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs41(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3644,9 +3711,9 @@ function BookmarkIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
 }
 
 // src/components/icons/calendar/index.tsx
-import { jsx as jsx58, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs42 } from "react/jsx-runtime";
 function CalendarIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsxs42(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3671,9 +3738,9 @@ function CalendarIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
 }
 
 // src/components/icons/camera/index.tsx
-import { jsx as jsx59, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs43 } from "react/jsx-runtime";
 function CameraIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs42(
+  return /* @__PURE__ */ jsxs43(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3718,9 +3785,9 @@ function ChevronUpIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
 }
 
 // src/components/icons/chevrons-left/index.tsx
-import { jsx as jsx61, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs44 } from "react/jsx-runtime";
 function ChevronsLeftIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs43(
+  return /* @__PURE__ */ jsxs44(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3743,9 +3810,9 @@ function ChevronsLeftIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest
 }
 
 // src/components/icons/chevrons-right/index.tsx
-import { jsx as jsx62, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs45 } from "react/jsx-runtime";
 function ChevronsRightIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs44(
+  return /* @__PURE__ */ jsxs45(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3768,9 +3835,9 @@ function ChevronsRightIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...res
 }
 
 // src/components/icons/clipboard/index.tsx
-import { jsx as jsx63, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs46 } from "react/jsx-runtime";
 function ClipboardIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs46(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3793,9 +3860,9 @@ function ClipboardIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
 }
 
 // src/components/icons/clock/index.tsx
-import { jsx as jsx64, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs47 } from "react/jsx-runtime";
 function ClockIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs46(
+  return /* @__PURE__ */ jsxs47(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3840,9 +3907,9 @@ function CloudIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/copy/index.tsx
-import { jsx as jsx66, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs48 } from "react/jsx-runtime";
 function CopyIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs47(
+  return /* @__PURE__ */ jsxs48(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3865,9 +3932,9 @@ function CopyIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/corner-down-right/index.tsx
-import { jsx as jsx67, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs49 } from "react/jsx-runtime";
 function CornerDownRightIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs48(
+  return /* @__PURE__ */ jsxs49(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3890,9 +3957,9 @@ function CornerDownRightIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...r
 }
 
 // src/components/icons/credit-card/index.tsx
-import { jsx as jsx68, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs50 } from "react/jsx-runtime";
 function CreditCardIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs49(
+  return /* @__PURE__ */ jsxs50(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3915,9 +3982,9 @@ function CreditCardIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }
 }
 
 // src/components/icons/dollar-sign/index.tsx
-import { jsx as jsx69, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs51 } from "react/jsx-runtime";
 function DollarSignIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs50(
+  return /* @__PURE__ */ jsxs51(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3940,9 +4007,9 @@ function DollarSignIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }
 }
 
 // src/components/icons/download/index.tsx
-import { jsx as jsx70, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs52 } from "react/jsx-runtime";
 function DownloadIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs51(
+  return /* @__PURE__ */ jsxs52(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3966,9 +4033,9 @@ function DownloadIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
 }
 
 // src/components/icons/external-link/index.tsx
-import { jsx as jsx71, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs53 } from "react/jsx-runtime";
 function ExternalLinkIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs52(
+  return /* @__PURE__ */ jsxs53(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3992,9 +4059,9 @@ function ExternalLinkIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest
 }
 
 // src/components/icons/file/index.tsx
-import { jsx as jsx72, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs54 } from "react/jsx-runtime";
 function FileIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs53(
+  return /* @__PURE__ */ jsxs54(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4017,9 +4084,9 @@ function FileIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/file-text/index.tsx
-import { jsx as jsx73, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs55 } from "react/jsx-runtime";
 function FileTextIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs54(
+  return /* @__PURE__ */ jsxs55(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4067,9 +4134,9 @@ function FilterIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/fingerprint/index.tsx
-import { jsx as jsx75, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs56 } from "react/jsx-runtime";
 function FingerprintIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs55(
+  return /* @__PURE__ */ jsxs56(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4143,9 +4210,9 @@ function FolderOpenIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }
 }
 
 // src/components/icons/gift/index.tsx
-import { jsx as jsx78, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs57 } from "react/jsx-runtime";
 function GiftIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs56(
+  return /* @__PURE__ */ jsxs57(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4192,9 +4259,9 @@ function GitHubIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/globe/index.tsx
-import { jsx as jsx80, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs58 } from "react/jsx-runtime";
 function GlobeIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs57(
+  return /* @__PURE__ */ jsxs58(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4218,9 +4285,9 @@ function GlobeIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/grid/index.tsx
-import { jsx as jsx81, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs59 } from "react/jsx-runtime";
 function GridIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs58(
+  return /* @__PURE__ */ jsxs59(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4268,9 +4335,9 @@ function HeartIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/help-circle/index.tsx
-import { jsx as jsx83, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs60 } from "react/jsx-runtime";
 function HelpCircleIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs59(
+  return /* @__PURE__ */ jsxs60(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4294,9 +4361,9 @@ function HelpCircleIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }
 }
 
 // src/components/icons/home/index.tsx
-import { jsx as jsx84, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs61 } from "react/jsx-runtime";
 function HomeIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs60(
+  return /* @__PURE__ */ jsxs61(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4319,9 +4386,9 @@ function HomeIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/image/index.tsx
-import { jsx as jsx85, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs62 } from "react/jsx-runtime";
 function ImageIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs61(
+  return /* @__PURE__ */ jsxs62(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4345,9 +4412,9 @@ function ImageIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/inbox/index.tsx
-import { jsx as jsx86, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs63 } from "react/jsx-runtime";
 function InboxIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs62(
+  return /* @__PURE__ */ jsxs63(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4370,9 +4437,9 @@ function InboxIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/key/index.tsx
-import { jsx as jsx87, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs64 } from "react/jsx-runtime";
 function KeyIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs63(
+  return /* @__PURE__ */ jsxs64(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4396,9 +4463,9 @@ function KeyIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/layout/index.tsx
-import { jsx as jsx88, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs65 } from "react/jsx-runtime";
 function LayoutIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs64(
+  return /* @__PURE__ */ jsxs65(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4423,9 +4490,9 @@ function LayoutIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/link/index.tsx
-import { jsx as jsx89, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs66 } from "react/jsx-runtime";
 function LinkIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs65(
+  return /* @__PURE__ */ jsxs66(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4448,9 +4515,9 @@ function LinkIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/list/index.tsx
-import { jsx as jsx90, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs67 } from "react/jsx-runtime";
 function ListIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs66(
+  return /* @__PURE__ */ jsxs67(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4477,9 +4544,9 @@ function ListIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/loader/index.tsx
-import { jsx as jsx91, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs68 } from "react/jsx-runtime";
 function LoaderIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs67(
+  return /* @__PURE__ */ jsxs68(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4508,9 +4575,9 @@ function LoaderIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/lock/index.tsx
-import { jsx as jsx92, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx92, jsxs as jsxs69 } from "react/jsx-runtime";
 function LockIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs68(
+  return /* @__PURE__ */ jsxs69(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4533,9 +4600,9 @@ function LockIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/log-in/index.tsx
-import { jsx as jsx93, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx93, jsxs as jsxs70 } from "react/jsx-runtime";
 function LogInIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs69(
+  return /* @__PURE__ */ jsxs70(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4559,9 +4626,9 @@ function LogInIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/log-out/index.tsx
-import { jsx as jsx94, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs71 } from "react/jsx-runtime";
 function LogOutIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs70(
+  return /* @__PURE__ */ jsxs71(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4585,9 +4652,9 @@ function LogOutIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/mail/index.tsx
-import { jsx as jsx95, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx95, jsxs as jsxs72 } from "react/jsx-runtime";
 function MailIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs71(
+  return /* @__PURE__ */ jsxs72(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4610,9 +4677,9 @@ function MailIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/map-pin/index.tsx
-import { jsx as jsx96, jsxs as jsxs72 } from "react/jsx-runtime";
+import { jsx as jsx96, jsxs as jsxs73 } from "react/jsx-runtime";
 function MapPinIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs72(
+  return /* @__PURE__ */ jsxs73(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4635,9 +4702,9 @@ function MapPinIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/maximize/index.tsx
-import { jsx as jsx97, jsxs as jsxs73 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs74 } from "react/jsx-runtime";
 function MaximizeIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs73(
+  return /* @__PURE__ */ jsxs74(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4662,9 +4729,9 @@ function MaximizeIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
 }
 
 // src/components/icons/menu/index.tsx
-import { jsx as jsx98, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs75 } from "react/jsx-runtime";
 function MenuIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs74(
+  return /* @__PURE__ */ jsxs75(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4732,9 +4799,9 @@ function MessageSquareIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...res
 }
 
 // src/components/icons/mic/index.tsx
-import { jsx as jsx101, jsxs as jsxs75 } from "react/jsx-runtime";
+import { jsx as jsx101, jsxs as jsxs76 } from "react/jsx-runtime";
 function MicIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs75(
+  return /* @__PURE__ */ jsxs76(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4758,9 +4825,9 @@ function MicIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/minimize/index.tsx
-import { jsx as jsx102, jsxs as jsxs76 } from "react/jsx-runtime";
+import { jsx as jsx102, jsxs as jsxs77 } from "react/jsx-runtime";
 function MinimizeIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs76(
+  return /* @__PURE__ */ jsxs77(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4829,9 +4896,9 @@ function MoonIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/more-horizontal/index.tsx
-import { jsx as jsx105, jsxs as jsxs77 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs78 } from "react/jsx-runtime";
 function MoreHorizontalIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs77(
+  return /* @__PURE__ */ jsxs78(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4855,9 +4922,9 @@ function MoreHorizontalIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...re
 }
 
 // src/components/icons/more-vertical/index.tsx
-import { jsx as jsx106, jsxs as jsxs78 } from "react/jsx-runtime";
+import { jsx as jsx106, jsxs as jsxs79 } from "react/jsx-runtime";
 function MoreVerticalIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs78(
+  return /* @__PURE__ */ jsxs79(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4881,9 +4948,9 @@ function MoreVerticalIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest
 }
 
 // src/components/icons/package/index.tsx
-import { jsx as jsx107, jsxs as jsxs79 } from "react/jsx-runtime";
+import { jsx as jsx107, jsxs as jsxs80 } from "react/jsx-runtime";
 function PackageIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs79(
+  return /* @__PURE__ */ jsxs80(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4929,9 +4996,9 @@ function PaperclipIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
 }
 
 // src/components/icons/pause/index.tsx
-import { jsx as jsx109, jsxs as jsxs80 } from "react/jsx-runtime";
+import { jsx as jsx109, jsxs as jsxs81 } from "react/jsx-runtime";
 function PauseIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs80(
+  return /* @__PURE__ */ jsxs81(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4954,9 +5021,9 @@ function PauseIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/pencil/index.tsx
-import { jsx as jsx110, jsxs as jsxs81 } from "react/jsx-runtime";
+import { jsx as jsx110, jsxs as jsxs82 } from "react/jsx-runtime";
 function PencilIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs81(
+  return /* @__PURE__ */ jsxs82(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5023,9 +5090,9 @@ function PlayIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/plus/index.tsx
-import { jsx as jsx113, jsxs as jsxs82 } from "react/jsx-runtime";
+import { jsx as jsx113, jsxs as jsxs83 } from "react/jsx-runtime";
 function PlusIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs82(
+  return /* @__PURE__ */ jsxs83(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5048,9 +5115,9 @@ function PlusIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/printer/index.tsx
-import { jsx as jsx114, jsxs as jsxs83 } from "react/jsx-runtime";
+import { jsx as jsx114, jsxs as jsxs84 } from "react/jsx-runtime";
 function PrinterIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs83(
+  return /* @__PURE__ */ jsxs84(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5074,9 +5141,9 @@ function PrinterIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/redo/index.tsx
-import { jsx as jsx115, jsxs as jsxs84 } from "react/jsx-runtime";
+import { jsx as jsx115, jsxs as jsxs85 } from "react/jsx-runtime";
 function RedoIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs84(
+  return /* @__PURE__ */ jsxs85(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5099,9 +5166,9 @@ function RedoIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/refresh-cw/index.tsx
-import { jsx as jsx116, jsxs as jsxs85 } from "react/jsx-runtime";
+import { jsx as jsx116, jsxs as jsxs86 } from "react/jsx-runtime";
 function RefreshCwIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs85(
+  return /* @__PURE__ */ jsxs86(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5126,9 +5193,9 @@ function RefreshCwIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
 }
 
 // src/components/icons/save/index.tsx
-import { jsx as jsx117, jsxs as jsxs86 } from "react/jsx-runtime";
+import { jsx as jsx117, jsxs as jsxs87 } from "react/jsx-runtime";
 function SaveIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs86(
+  return /* @__PURE__ */ jsxs87(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5152,9 +5219,9 @@ function SaveIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/search/index.tsx
-import { jsx as jsx118, jsxs as jsxs87 } from "react/jsx-runtime";
+import { jsx as jsx118, jsxs as jsxs88 } from "react/jsx-runtime";
 function SearchIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs87(
+  return /* @__PURE__ */ jsxs88(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5177,9 +5244,9 @@ function SearchIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/send/index.tsx
-import { jsx as jsx119, jsxs as jsxs88 } from "react/jsx-runtime";
+import { jsx as jsx119, jsxs as jsxs89 } from "react/jsx-runtime";
 function SendIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs88(
+  return /* @__PURE__ */ jsxs89(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5202,9 +5269,9 @@ function SendIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/settings/index.tsx
-import { jsx as jsx120, jsxs as jsxs89 } from "react/jsx-runtime";
+import { jsx as jsx120, jsxs as jsxs90 } from "react/jsx-runtime";
 function SettingsIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs89(
+  return /* @__PURE__ */ jsxs90(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5227,9 +5294,9 @@ function SettingsIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
 }
 
 // src/components/icons/share/index.tsx
-import { jsx as jsx121, jsxs as jsxs90 } from "react/jsx-runtime";
+import { jsx as jsx121, jsxs as jsxs91 } from "react/jsx-runtime";
 function ShareIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs90(
+  return /* @__PURE__ */ jsxs91(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5275,9 +5342,9 @@ function ShieldIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/shield-check/index.tsx
-import { jsx as jsx123, jsxs as jsxs91 } from "react/jsx-runtime";
+import { jsx as jsx123, jsxs as jsxs92 } from "react/jsx-runtime";
 function ShieldCheckIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs91(
+  return /* @__PURE__ */ jsxs92(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5300,9 +5367,9 @@ function ShieldCheckIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest
 }
 
 // src/components/icons/shopping-bag/index.tsx
-import { jsx as jsx124, jsxs as jsxs92 } from "react/jsx-runtime";
+import { jsx as jsx124, jsxs as jsxs93 } from "react/jsx-runtime";
 function ShoppingBagIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs92(
+  return /* @__PURE__ */ jsxs93(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5326,9 +5393,9 @@ function ShoppingBagIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest
 }
 
 // src/components/icons/shopping-cart/index.tsx
-import { jsx as jsx125, jsxs as jsxs93 } from "react/jsx-runtime";
+import { jsx as jsx125, jsxs as jsxs94 } from "react/jsx-runtime";
 function ShoppingCartIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs93(
+  return /* @__PURE__ */ jsxs94(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5352,9 +5419,9 @@ function ShoppingCartIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest
 }
 
 // src/components/icons/sidebar/index.tsx
-import { jsx as jsx126, jsxs as jsxs94 } from "react/jsx-runtime";
+import { jsx as jsx126, jsxs as jsxs95 } from "react/jsx-runtime";
 function SidebarIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs94(
+  return /* @__PURE__ */ jsxs95(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5377,9 +5444,9 @@ function SidebarIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/skip-back/index.tsx
-import { jsx as jsx127, jsxs as jsxs95 } from "react/jsx-runtime";
+import { jsx as jsx127, jsxs as jsxs96 } from "react/jsx-runtime";
 function SkipBackIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs95(
+  return /* @__PURE__ */ jsxs96(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5402,9 +5469,9 @@ function SkipBackIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
 }
 
 // src/components/icons/skip-forward/index.tsx
-import { jsx as jsx128, jsxs as jsxs96 } from "react/jsx-runtime";
+import { jsx as jsx128, jsxs as jsxs97 } from "react/jsx-runtime";
 function SkipForwardIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs96(
+  return /* @__PURE__ */ jsxs97(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5427,9 +5494,9 @@ function SkipForwardIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest
 }
 
 // src/components/icons/sliders/index.tsx
-import { jsx as jsx129, jsxs as jsxs97 } from "react/jsx-runtime";
+import { jsx as jsx129, jsxs as jsxs98 } from "react/jsx-runtime";
 function SlidersIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs97(
+  return /* @__PURE__ */ jsxs98(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5459,9 +5526,9 @@ function SlidersIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/smile/index.tsx
-import { jsx as jsx130, jsxs as jsxs98 } from "react/jsx-runtime";
+import { jsx as jsx130, jsxs as jsxs99 } from "react/jsx-runtime";
 function SmileIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs98(
+  return /* @__PURE__ */ jsxs99(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5508,9 +5575,9 @@ function StarIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/sun/index.tsx
-import { jsx as jsx132, jsxs as jsxs99 } from "react/jsx-runtime";
+import { jsx as jsx132, jsxs as jsxs100 } from "react/jsx-runtime";
 function SunIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs99(
+  return /* @__PURE__ */ jsxs100(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5540,9 +5607,9 @@ function SunIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/tag/index.tsx
-import { jsx as jsx133, jsxs as jsxs100 } from "react/jsx-runtime";
+import { jsx as jsx133, jsxs as jsxs101 } from "react/jsx-runtime";
 function TagIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs100(
+  return /* @__PURE__ */ jsxs101(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5565,9 +5632,9 @@ function TagIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/thumbs-down/index.tsx
-import { jsx as jsx134, jsxs as jsxs101 } from "react/jsx-runtime";
+import { jsx as jsx134, jsxs as jsxs102 } from "react/jsx-runtime";
 function ThumbsDownIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs101(
+  return /* @__PURE__ */ jsxs102(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5590,9 +5657,9 @@ function ThumbsDownIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }
 }
 
 // src/components/icons/thumbs-up/index.tsx
-import { jsx as jsx135, jsxs as jsxs102 } from "react/jsx-runtime";
+import { jsx as jsx135, jsxs as jsxs103 } from "react/jsx-runtime";
 function ThumbsUpIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs102(
+  return /* @__PURE__ */ jsxs103(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5615,9 +5682,9 @@ function ThumbsUpIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
 }
 
 // src/components/icons/trash/index.tsx
-import { jsx as jsx136, jsxs as jsxs103 } from "react/jsx-runtime";
+import { jsx as jsx136, jsxs as jsxs104 } from "react/jsx-runtime";
 function TrashIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs103(
+  return /* @__PURE__ */ jsxs104(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5641,9 +5708,9 @@ function TrashIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/undo/index.tsx
-import { jsx as jsx137, jsxs as jsxs104 } from "react/jsx-runtime";
+import { jsx as jsx137, jsxs as jsxs105 } from "react/jsx-runtime";
 function UndoIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs104(
+  return /* @__PURE__ */ jsxs105(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5666,9 +5733,9 @@ function UndoIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/unlock/index.tsx
-import { jsx as jsx138, jsxs as jsxs105 } from "react/jsx-runtime";
+import { jsx as jsx138, jsxs as jsxs106 } from "react/jsx-runtime";
 function UnlockIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs105(
+  return /* @__PURE__ */ jsxs106(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5691,9 +5758,9 @@ function UnlockIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/upload/index.tsx
-import { jsx as jsx139, jsxs as jsxs106 } from "react/jsx-runtime";
+import { jsx as jsx139, jsxs as jsxs107 } from "react/jsx-runtime";
 function UploadIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs106(
+  return /* @__PURE__ */ jsxs107(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5717,9 +5784,9 @@ function UploadIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/user/index.tsx
-import { jsx as jsx140, jsxs as jsxs107 } from "react/jsx-runtime";
+import { jsx as jsx140, jsxs as jsxs108 } from "react/jsx-runtime";
 function UserIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs107(
+  return /* @__PURE__ */ jsxs108(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5742,9 +5809,9 @@ function UserIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/user-check/index.tsx
-import { jsx as jsx141, jsxs as jsxs108 } from "react/jsx-runtime";
+import { jsx as jsx141, jsxs as jsxs109 } from "react/jsx-runtime";
 function UserCheckIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs108(
+  return /* @__PURE__ */ jsxs109(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5768,9 +5835,9 @@ function UserCheckIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
 }
 
 // src/components/icons/user-plus/index.tsx
-import { jsx as jsx142, jsxs as jsxs109 } from "react/jsx-runtime";
+import { jsx as jsx142, jsxs as jsxs110 } from "react/jsx-runtime";
 function UserPlusIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs109(
+  return /* @__PURE__ */ jsxs110(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5795,9 +5862,9 @@ function UserPlusIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
 }
 
 // src/components/icons/users/index.tsx
-import { jsx as jsx143, jsxs as jsxs110 } from "react/jsx-runtime";
+import { jsx as jsx143, jsxs as jsxs111 } from "react/jsx-runtime";
 function UsersIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs110(
+  return /* @__PURE__ */ jsxs111(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5822,9 +5889,9 @@ function UsersIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/volume-2/index.tsx
-import { jsx as jsx144, jsxs as jsxs111 } from "react/jsx-runtime";
+import { jsx as jsx144, jsxs as jsxs112 } from "react/jsx-runtime";
 function Volume2Icon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs111(
+  return /* @__PURE__ */ jsxs112(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5848,9 +5915,9 @@ function Volume2Icon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/volume-x/index.tsx
-import { jsx as jsx145, jsxs as jsxs112 } from "react/jsx-runtime";
+import { jsx as jsx145, jsxs as jsxs113 } from "react/jsx-runtime";
 function VolumeXIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs112(
+  return /* @__PURE__ */ jsxs113(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5874,9 +5941,9 @@ function VolumeXIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
 }
 
 // src/components/icons/wifi/index.tsx
-import { jsx as jsx146, jsxs as jsxs113 } from "react/jsx-runtime";
+import { jsx as jsx146, jsxs as jsxs114 } from "react/jsx-runtime";
 function WifiIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
-  return /* @__PURE__ */ jsxs113(
+  return /* @__PURE__ */ jsxs114(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",