@octavius2929-personal/design-system 1.0.1 → 1.2.0

package/dist/index.js

@@ -937,7 +937,7 @@ import { forwardRef as forwardRef9 } from "react";
 
 // src/components/icons/x/index.tsx
 import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
-function XIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function XIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs4(
     "svg",
     {
@@ -950,7 +950,7 @@ function XIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx11("path", { d: "M18 6 6 18" }),
@@ -1033,7 +1033,7 @@ import { forwardRef as forwardRef10 } from "react";
 
 // src/components/icons/check/index.tsx
 import { jsx as jsx13 } from "react/jsx-runtime";
-function CheckIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function CheckIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsx13(
     "svg",
     {
@@ -1046,7 +1046,7 @@ function CheckIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: /* @__PURE__ */ jsx13("path", { d: "M20 6 9 17l-5-5" })
     }
@@ -1377,7 +1377,7 @@ import { forwardRef as forwardRef15, useState as useState3 } from "react";
 
 // src/components/icons/eye/index.tsx
 import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
-function EyeIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function EyeIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs10(
     "svg",
     {
@@ -1390,7 +1390,7 @@ function EyeIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx19("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
@@ -1402,7 +1402,7 @@ function EyeIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/eye-off/index.tsx
 import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
-function EyeOffIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function EyeOffIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs11(
     "svg",
     {
@@ -1415,7 +1415,7 @@ function EyeOffIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx20("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }),
@@ -1660,7 +1660,7 @@ import { forwardRef as forwardRef19 } from "react";
 
 // src/components/icons/circle-check/index.tsx
 import { jsx as jsx25, jsxs as jsxs12 } from "react/jsx-runtime";
-function CircleCheckIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function CircleCheckIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs12(
     "svg",
     {
@@ -1673,7 +1673,7 @@ function CircleCheckIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx25("circle", { cx: "12", cy: "12", r: "10" }),
@@ -1685,7 +1685,7 @@ function CircleCheckIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/circle-x/index.tsx
 import { jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
-function CircleXIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function CircleXIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs13(
     "svg",
     {
@@ -1698,7 +1698,7 @@ function CircleXIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx26("circle", { cx: "12", cy: "12", r: "10" }),
@@ -1711,7 +1711,7 @@ function CircleXIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/info/index.tsx
 import { jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
-function InfoIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function InfoIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs14(
     "svg",
     {
@@ -1724,7 +1724,7 @@ function InfoIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx27("circle", { cx: "12", cy: "12", r: "10" }),
@@ -1737,7 +1737,7 @@ function InfoIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/triangle-alert/index.tsx
 import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
-function TriangleAlertIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function TriangleAlertIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs15(
     "svg",
     {
@@ -1750,7 +1750,7 @@ function TriangleAlertIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx28("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" }),
@@ -1795,17 +1795,33 @@ var defaultIcons = {
   warn: TriangleAlertIcon,
   danger: CircleXIcon
 };
+var roleBySeverity = {
+  info: "status",
+  ok: "status",
+  warn: "alert",
+  danger: "alert"
+};
 var Alert = forwardRef19(function Alert2({ severity: severity2 = "info", title, icon, className, testId, children, ...rest }, ref) {
   const styles = useStyles17({ severity: severity2, className });
   const { testId: dataTestId, slot } = useTestId("feedback", testId);
   const IconComponent = icon ?? defaultIcons[severity2];
-  return /* @__PURE__ */ jsxs16("div", { ref, role: "alert", className: styles.root, "data-testid": dataTestId, ...rest, children: [
-    /* @__PURE__ */ jsx29("span", { className: styles.iconSlot, "data-testid": slot("icon"), children: /* @__PURE__ */ jsx29(IconComponent, {}) }),
-    /* @__PURE__ */ jsxs16("div", { className: styles.content, "data-testid": slot("content"), children: [
-      title != null && /* @__PURE__ */ jsx29(Typography, { variant: "h4", children: title }),
-      children != null && /* @__PURE__ */ jsx29(Typography, { variant: "body", color: "muted", children })
-    ] })
-  ] });
+  return /* @__PURE__ */ jsxs16(
+    "div",
+    {
+      ref,
+      role: roleBySeverity[severity2],
+      className: styles.root,
+      "data-testid": dataTestId,
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx29("span", { className: styles.iconSlot, "data-testid": slot("icon"), children: /* @__PURE__ */ jsx29(IconComponent, {}) }),
+        /* @__PURE__ */ jsxs16("div", { className: styles.content, "data-testid": slot("content"), children: [
+          title != null && /* @__PURE__ */ jsx29(Typography, { variant: "h4", children: title }),
+          children != null && /* @__PURE__ */ jsx29(Typography, { variant: "body", color: "muted", children })
+        ] })
+      ]
+    }
+  );
 });
 
 // src/components/tooltip/index.tsx
@@ -1918,7 +1934,7 @@ import { forwardRef as forwardRef21, useEffect as useEffect5, useId as useId3, u
 
 // src/components/icons/chevron-down/index.tsx
 import { jsx as jsx31 } from "react/jsx-runtime";
-function ChevronDownIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ChevronDownIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsx31(
     "svg",
     {
@@ -1931,7 +1947,7 @@ function ChevronDownIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: /* @__PURE__ */ jsx31("path", { d: "m6 9 6 6 6-6" })
     }
@@ -2277,7 +2293,7 @@ import { Fragment, forwardRef as forwardRef24 } from "react";
 
 // src/components/icons/chevron-right/index.tsx
 import { jsx as jsx35 } from "react/jsx-runtime";
-function ChevronRightIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ChevronRightIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsx35(
     "svg",
     {
@@ -2290,7 +2306,7 @@ function ChevronRightIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: /* @__PURE__ */ jsx35("path", { d: "m9 18 6-6-6-6" })
     }
@@ -2336,7 +2352,7 @@ import { forwardRef as forwardRef25 } from "react";
 
 // src/components/icons/chevron-left/index.tsx
 import { jsx as jsx37 } from "react/jsx-runtime";
-function ChevronLeftIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ChevronLeftIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsx37(
     "svg",
     {
@@ -2349,7 +2365,7 @@ function ChevronLeftIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: /* @__PURE__ */ jsx37("path", { d: "m15 18-6-6 6-6" })
     }
@@ -2934,7 +2950,7 @@ var Dialog = forwardRef29(function Dialog2({ open, onClose, title, actions: acti
 });
 
 // src/components/snackbar/index.tsx
-import { forwardRef as forwardRef30 } from "react";
+import { forwardRef as forwardRef30, useCallback as useCallback2, useEffect as useEffect8, useRef as useRef7 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
 
 // src/components/snackbar/use-styles.ts
@@ -2960,26 +2976,80 @@ function useStyles28() {
 
 // src/components/snackbar/index.tsx
 import { jsx as jsx43, jsxs as jsxs27 } from "react/jsx-runtime";
-var Snackbar = forwardRef30(function Snackbar2({ open, message: message2, action, onClose, testId }, ref) {
+var DEFAULT_DURATION = 5e3;
+var Snackbar = forwardRef30(function Snackbar2({ open, message: message2, action, onClose, duration = DEFAULT_DURATION, testId }, ref) {
   const { root: root24, message: messageClass, closeBtn: closeBtn2 } = useStyles28();
   const { testId: dataTestId, slot } = useTestId("feedback", testId);
+  const onCloseRef = useRef7(onClose);
+  useEffect8(() => {
+    onCloseRef.current = onClose;
+  }, [onClose]);
+  const interactingRef = useRef7({ hover: false, focus: false });
+  const timeoutRef = useRef7();
+  const clearTimer = useCallback2(() => {
+    if (timeoutRef.current !== void 0) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = void 0;
+    }
+  }, []);
+  const scheduleTimer = useCallback2(() => {
+    clearTimer();
+    if (!open || duration == null || !onCloseRef.current) return;
+    if (interactingRef.current.hover || interactingRef.current.focus) return;
+    timeoutRef.current = setTimeout(() => {
+      onCloseRef.current?.();
+    }, duration);
+  }, [open, duration, clearTimer]);
+  useEffect8(() => {
+    scheduleTimer();
+    return clearTimer;
+  }, [scheduleTimer, clearTimer]);
+  const handleMouseEnter = () => {
+    interactingRef.current.hover = true;
+    clearTimer();
+  };
+  const handleMouseLeave = () => {
+    interactingRef.current.hover = false;
+    scheduleTimer();
+  };
+  const handleFocus = () => {
+    interactingRef.current.focus = true;
+    clearTimer();
+  };
+  const handleBlur = () => {
+    interactingRef.current.focus = false;
+    scheduleTimer();
+  };
   if (!open || typeof document === "undefined") return null;
   return createPortal2(
-    /* @__PURE__ */ jsxs27("div", { ref, role: "status", className: root24, "data-testid": dataTestId, children: [
-      /* @__PURE__ */ jsx43("span", { className: messageClass, "data-testid": slot("message"), children: message2 }),
-      action,
-      onClose && /* @__PURE__ */ jsx43(
-        "button",
-        {
-          type: "button",
-          "aria-label": "Close",
-          className: closeBtn2,
-          "data-testid": slot("close"),
-          onClick: onClose,
-          children: /* @__PURE__ */ jsx43(XIcon, { size: 18 })
-        }
-      )
-    ] }),
+    /* @__PURE__ */ jsxs27(
+      "div",
+      {
+        ref,
+        role: "status",
+        className: root24,
+        "data-testid": dataTestId,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        children: [
+          /* @__PURE__ */ jsx43("span", { className: messageClass, "data-testid": slot("message"), children: message2 }),
+          action,
+          onClose && /* @__PURE__ */ jsx43(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Close",
+              className: closeBtn2,
+              "data-testid": slot("close"),
+              onClick: onClose,
+              children: /* @__PURE__ */ jsx43(XIcon, { size: 18 })
+            }
+          )
+        ]
+      }
+    ),
     document.body
   );
 });
@@ -3113,7 +3183,7 @@ var ListItem = forwardRef33(function ListItem2({ leading: leading2, trailing: tr
 
 // src/components/icons/alert-circle/index.tsx
 import { jsx as jsx47, jsxs as jsxs31 } from "react/jsx-runtime";
-function AlertCircleIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function AlertCircleIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs31(
     "svg",
     {
@@ -3126,7 +3196,7 @@ function AlertCircleIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx47("circle", { cx: "12", cy: "12", r: "10" }),
@@ -3139,7 +3209,7 @@ function AlertCircleIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/archive/index.tsx
 import { jsx as jsx48, jsxs as jsxs32 } from "react/jsx-runtime";
-function ArchiveIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ArchiveIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs32(
     "svg",
     {
@@ -3152,7 +3222,7 @@ function ArchiveIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx48("rect", { width: "20", height: "5", x: "2", y: "3", rx: "1" }),
@@ -3165,7 +3235,7 @@ function ArchiveIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/arrow-down/index.tsx
 import { jsx as jsx49, jsxs as jsxs33 } from "react/jsx-runtime";
-function ArrowDownIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ArrowDownIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs33(
     "svg",
     {
@@ -3178,7 +3248,7 @@ function ArrowDownIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx49("path", { d: "M12 5v14" }),
@@ -3190,7 +3260,7 @@ function ArrowDownIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/arrow-left/index.tsx
 import { jsx as jsx50, jsxs as jsxs34 } from "react/jsx-runtime";
-function ArrowLeftIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ArrowLeftIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs34(
     "svg",
     {
@@ -3203,7 +3273,7 @@ function ArrowLeftIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx50("path", { d: "m12 19-7-7 7-7" }),
@@ -3215,7 +3285,7 @@ function ArrowLeftIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/arrow-right/index.tsx
 import { jsx as jsx51, jsxs as jsxs35 } from "react/jsx-runtime";
-function ArrowRightIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ArrowRightIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs35(
     "svg",
     {
@@ -3228,7 +3298,7 @@ function ArrowRightIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx51("path", { d: "M5 12h14" }),
@@ -3240,7 +3310,7 @@ function ArrowRightIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/arrow-up/index.tsx
 import { jsx as jsx52, jsxs as jsxs36 } from "react/jsx-runtime";
-function ArrowUpIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ArrowUpIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs36(
     "svg",
     {
@@ -3253,7 +3323,7 @@ function ArrowUpIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx52("path", { d: "m5 12 7-7 7 7" }),
@@ -3265,7 +3335,7 @@ function ArrowUpIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/at-sign/index.tsx
 import { jsx as jsx53, jsxs as jsxs37 } from "react/jsx-runtime";
-function AtSignIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function AtSignIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs37(
     "svg",
     {
@@ -3278,7 +3348,7 @@ function AtSignIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx53("circle", { cx: "12", cy: "12", r: "4" }),
@@ -3290,7 +3360,7 @@ function AtSignIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/bell/index.tsx
 import { jsx as jsx54, jsxs as jsxs38 } from "react/jsx-runtime";
-function BellIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function BellIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs38(
     "svg",
     {
@@ -3303,7 +3373,7 @@ function BellIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx54("path", { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }),
@@ -3315,7 +3385,7 @@ function BellIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/bell-off/index.tsx
 import { jsx as jsx55, jsxs as jsxs39 } from "react/jsx-runtime";
-function BellOffIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function BellOffIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs39(
     "svg",
     {
@@ -3328,7 +3398,7 @@ function BellOffIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx55("path", { d: "M8.7 3A6 6 0 0 1 18 8a21.3 21.3 0 0 0 .6 5" }),
@@ -3342,7 +3412,7 @@ function BellOffIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/bookmark/index.tsx
 import { jsx as jsx56 } from "react/jsx-runtime";
-function BookmarkIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function BookmarkIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsx56(
     "svg",
     {
@@ -3355,7 +3425,7 @@ function BookmarkIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: /* @__PURE__ */ jsx56("path", { d: "m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z" })
     }
@@ -3364,7 +3434,7 @@ function BookmarkIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/calendar/index.tsx
 import { jsx as jsx57, jsxs as jsxs40 } from "react/jsx-runtime";
-function CalendarIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function CalendarIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs40(
     "svg",
     {
@@ -3377,7 +3447,7 @@ function CalendarIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx57("path", { d: "M8 2v4" }),
@@ -3391,7 +3461,7 @@ function CalendarIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/camera/index.tsx
 import { jsx as jsx58, jsxs as jsxs41 } from "react/jsx-runtime";
-function CameraIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function CameraIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs41(
     "svg",
     {
@@ -3404,7 +3474,7 @@ function CameraIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx58("path", { d: "M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z" }),
@@ -3416,7 +3486,7 @@ function CameraIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/chevron-up/index.tsx
 import { jsx as jsx59 } from "react/jsx-runtime";
-function ChevronUpIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ChevronUpIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsx59(
     "svg",
     {
@@ -3429,7 +3499,7 @@ function ChevronUpIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: /* @__PURE__ */ jsx59("path", { d: "m18 15-6-6-6 6" })
     }
@@ -3438,7 +3508,7 @@ function ChevronUpIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/chevrons-left/index.tsx
 import { jsx as jsx60, jsxs as jsxs42 } from "react/jsx-runtime";
-function ChevronsLeftIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ChevronsLeftIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs42(
     "svg",
     {
@@ -3451,7 +3521,7 @@ function ChevronsLeftIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx60("path", { d: "m11 17-5-5 5-5" }),
@@ -3463,7 +3533,7 @@ function ChevronsLeftIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/chevrons-right/index.tsx
 import { jsx as jsx61, jsxs as jsxs43 } from "react/jsx-runtime";
-function ChevronsRightIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ChevronsRightIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs43(
     "svg",
     {
@@ -3476,7 +3546,7 @@ function ChevronsRightIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx61("path", { d: "m6 17 5-5-5-5" }),
@@ -3488,7 +3558,7 @@ function ChevronsRightIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/clipboard/index.tsx
 import { jsx as jsx62, jsxs as jsxs44 } from "react/jsx-runtime";
-function ClipboardIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ClipboardIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs44(
     "svg",
     {
@@ -3501,7 +3571,7 @@ function ClipboardIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx62("rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1" }),
@@ -3513,7 +3583,7 @@ function ClipboardIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/clock/index.tsx
 import { jsx as jsx63, jsxs as jsxs45 } from "react/jsx-runtime";
-function ClockIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ClockIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs45(
     "svg",
     {
@@ -3526,7 +3596,7 @@ function ClockIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx63("circle", { cx: "12", cy: "12", r: "10" }),
@@ -3538,7 +3608,7 @@ function ClockIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/cloud/index.tsx
 import { jsx as jsx64 } from "react/jsx-runtime";
-function CloudIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function CloudIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsx64(
     "svg",
     {
@@ -3551,7 +3621,7 @@ function CloudIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: /* @__PURE__ */ jsx64("path", { d: "M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z" })
     }
@@ -3560,7 +3630,7 @@ function CloudIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/copy/index.tsx
 import { jsx as jsx65, jsxs as jsxs46 } from "react/jsx-runtime";
-function CopyIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function CopyIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs46(
     "svg",
     {
@@ -3573,7 +3643,7 @@ function CopyIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx65("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
@@ -3585,7 +3655,7 @@ function CopyIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/corner-down-right/index.tsx
 import { jsx as jsx66, jsxs as jsxs47 } from "react/jsx-runtime";
-function CornerDownRightIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function CornerDownRightIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs47(
     "svg",
     {
@@ -3598,7 +3668,7 @@ function CornerDownRightIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest })
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx66("polyline", { points: "15 10 20 15 15 20" }),
@@ -3610,7 +3680,7 @@ function CornerDownRightIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest })
 
 // src/components/icons/credit-card/index.tsx
 import { jsx as jsx67, jsxs as jsxs48 } from "react/jsx-runtime";
-function CreditCardIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function CreditCardIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs48(
     "svg",
     {
@@ -3623,7 +3693,7 @@ function CreditCardIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx67("rect", { width: "20", height: "14", x: "2", y: "5", rx: "2" }),
@@ -3635,7 +3705,7 @@ function CreditCardIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/dollar-sign/index.tsx
 import { jsx as jsx68, jsxs as jsxs49 } from "react/jsx-runtime";
-function DollarSignIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function DollarSignIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs49(
     "svg",
     {
@@ -3648,7 +3718,7 @@ function DollarSignIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx68("line", { x1: "12", x2: "12", y1: "2", y2: "22" }),
@@ -3660,7 +3730,7 @@ function DollarSignIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/download/index.tsx
 import { jsx as jsx69, jsxs as jsxs50 } from "react/jsx-runtime";
-function DownloadIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function DownloadIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs50(
     "svg",
     {
@@ -3673,7 +3743,7 @@ function DownloadIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx69("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
@@ -3686,7 +3756,7 @@ function DownloadIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/external-link/index.tsx
 import { jsx as jsx70, jsxs as jsxs51 } from "react/jsx-runtime";
-function ExternalLinkIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ExternalLinkIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs51(
     "svg",
     {
@@ -3699,7 +3769,7 @@ function ExternalLinkIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx70("path", { d: "M15 3h6v6" }),
@@ -3712,7 +3782,7 @@ function ExternalLinkIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/file/index.tsx
 import { jsx as jsx71, jsxs as jsxs52 } from "react/jsx-runtime";
-function FileIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function FileIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs52(
     "svg",
     {
@@ -3725,7 +3795,7 @@ function FileIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx71("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
@@ -3737,7 +3807,7 @@ function FileIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/file-text/index.tsx
 import { jsx as jsx72, jsxs as jsxs53 } from "react/jsx-runtime";
-function FileTextIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function FileTextIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs53(
     "svg",
     {
@@ -3750,7 +3820,7 @@ function FileTextIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx72("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
@@ -3765,7 +3835,7 @@ function FileTextIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/filter/index.tsx
 import { jsx as jsx73 } from "react/jsx-runtime";
-function FilterIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function FilterIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsx73(
     "svg",
     {
@@ -3778,7 +3848,7 @@ function FilterIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: /* @__PURE__ */ jsx73("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })
     }
@@ -3787,7 +3857,7 @@ function FilterIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/fingerprint/index.tsx
 import { jsx as jsx74, jsxs as jsxs54 } from "react/jsx-runtime";
-function FingerprintIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function FingerprintIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs54(
     "svg",
     {
@@ -3800,7 +3870,7 @@ function FingerprintIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx74("path", { d: "M2 12C2 6.5 6.5 2 12 2a10 10 0 0 1 8 4" }),
@@ -3819,7 +3889,7 @@ function FingerprintIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/folder/index.tsx
 import { jsx as jsx75 } from "react/jsx-runtime";
-function FolderIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function FolderIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsx75(
     "svg",
     {
@@ -3832,7 +3902,7 @@ function FolderIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: /* @__PURE__ */ jsx75("path", { d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" })
     }
@@ -3841,7 +3911,7 @@ function FolderIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/folder-open/index.tsx
 import { jsx as jsx76 } from "react/jsx-runtime";
-function FolderOpenIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function FolderOpenIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsx76(
     "svg",
     {
@@ -3854,7 +3924,7 @@ function FolderOpenIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: /* @__PURE__ */ jsx76("path", { d: "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2" })
     }
@@ -3863,7 +3933,7 @@ function FolderOpenIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/gift/index.tsx
 import { jsx as jsx77, jsxs as jsxs55 } from "react/jsx-runtime";
-function GiftIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function GiftIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs55(
     "svg",
     {
@@ -3876,7 +3946,7 @@ function GiftIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
         /* @__PURE__ */ jsx77("rect", { x: "3", y: "8", width: "18", height: "4", rx: "1" }),
@@ -3888,9 +3958,31 @@ function GiftIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
   );
 }
 
+// src/components/icons/github/index.tsx
+import { jsx as jsx78 } from "react/jsx-runtime";
+function GitHubIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ jsx78(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
+      ...rest,
+      children: /* @__PURE__ */ jsx78("path", { d: "M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22" })
+    }
+  );
+}
+
 // src/components/icons/globe/index.tsx
-import { jsx as jsx78, jsxs as jsxs56 } from "react/jsx-runtime";
-function GlobeIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx79, jsxs as jsxs56 } from "react/jsx-runtime";
+function GlobeIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs56(
     "svg",
     {
@@ -3903,20 +3995,20 @@ function GlobeIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx78("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ jsx78("path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" }),
-        /* @__PURE__ */ jsx78("path", { d: "M2 12h20" })
+        /* @__PURE__ */ jsx79("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx79("path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" }),
+        /* @__PURE__ */ jsx79("path", { d: "M2 12h20" })
       ]
     }
   );
 }
 
 // src/components/icons/grid/index.tsx
-import { jsx as jsx79, jsxs as jsxs57 } from "react/jsx-runtime";
-function GridIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx80, jsxs as jsxs57 } from "react/jsx-runtime";
+function GridIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs57(
     "svg",
     {
@@ -3929,23 +4021,23 @@ function GridIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx79("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-        /* @__PURE__ */ jsx79("path", { d: "M3 9h18" }),
-        /* @__PURE__ */ jsx79("path", { d: "M3 15h18" }),
-        /* @__PURE__ */ jsx79("path", { d: "M9 3v18" }),
-        /* @__PURE__ */ jsx79("path", { d: "M15 3v18" })
+        /* @__PURE__ */ jsx80("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+        /* @__PURE__ */ jsx80("path", { d: "M3 9h18" }),
+        /* @__PURE__ */ jsx80("path", { d: "M3 15h18" }),
+        /* @__PURE__ */ jsx80("path", { d: "M9 3v18" }),
+        /* @__PURE__ */ jsx80("path", { d: "M15 3v18" })
       ]
     }
   );
 }
 
 // src/components/icons/heart/index.tsx
-import { jsx as jsx80 } from "react/jsx-runtime";
-function HeartIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ jsx80(
+import { jsx as jsx81 } from "react/jsx-runtime";
+function HeartIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ jsx81(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -3957,16 +4049,16 @@ function HeartIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
-      children: /* @__PURE__ */ jsx80("path", { d: "M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" })
+      children: /* @__PURE__ */ jsx81("path", { d: "M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" })
     }
   );
 }
 
 // src/components/icons/help-circle/index.tsx
-import { jsx as jsx81, jsxs as jsxs58 } from "react/jsx-runtime";
-function HelpCircleIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx82, jsxs as jsxs58 } from "react/jsx-runtime";
+function HelpCircleIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs58(
     "svg",
     {
@@ -3979,20 +4071,20 @@ function HelpCircleIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx81("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ jsx81("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-        /* @__PURE__ */ jsx81("path", { d: "M12 17h.01" })
+        /* @__PURE__ */ jsx82("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx82("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+        /* @__PURE__ */ jsx82("path", { d: "M12 17h.01" })
       ]
     }
   );
 }
 
 // src/components/icons/home/index.tsx
-import { jsx as jsx82, jsxs as jsxs59 } from "react/jsx-runtime";
-function HomeIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx83, jsxs as jsxs59 } from "react/jsx-runtime";
+function HomeIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs59(
     "svg",
     {
@@ -4005,19 +4097,19 @@ function HomeIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx82("path", { d: "m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }),
-        /* @__PURE__ */ jsx82("polyline", { points: "9 22 9 12 15 12 15 22" })
+        /* @__PURE__ */ jsx83("path", { d: "m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }),
+        /* @__PURE__ */ jsx83("polyline", { points: "9 22 9 12 15 12 15 22" })
       ]
     }
   );
 }
 
 // src/components/icons/image/index.tsx
-import { jsx as jsx83, jsxs as jsxs60 } from "react/jsx-runtime";
-function ImageIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx84, jsxs as jsxs60 } from "react/jsx-runtime";
+function ImageIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs60(
     "svg",
     {
@@ -4030,20 +4122,20 @@ function ImageIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx83("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2" }),
-        /* @__PURE__ */ jsx83("circle", { cx: "9", cy: "9", r: "2" }),
-        /* @__PURE__ */ jsx83("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
+        /* @__PURE__ */ jsx84("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2" }),
+        /* @__PURE__ */ jsx84("circle", { cx: "9", cy: "9", r: "2" }),
+        /* @__PURE__ */ jsx84("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
       ]
     }
   );
 }
 
 // src/components/icons/inbox/index.tsx
-import { jsx as jsx84, jsxs as jsxs61 } from "react/jsx-runtime";
-function InboxIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx85, jsxs as jsxs61 } from "react/jsx-runtime";
+function InboxIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs61(
     "svg",
     {
@@ -4056,19 +4148,19 @@ function InboxIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx84("polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12" }),
-        /* @__PURE__ */ jsx84("path", { d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" })
+        /* @__PURE__ */ jsx85("polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12" }),
+        /* @__PURE__ */ jsx85("path", { d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" })
       ]
     }
   );
 }
 
 // src/components/icons/key/index.tsx
-import { jsx as jsx85, jsxs as jsxs62 } from "react/jsx-runtime";
-function KeyIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx86, jsxs as jsxs62 } from "react/jsx-runtime";
+function KeyIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs62(
     "svg",
     {
@@ -4081,20 +4173,20 @@ function KeyIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx85("path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L21 4.5" }),
-        /* @__PURE__ */ jsx85("path", { d: "m21 2-9.6 9.6" }),
-        /* @__PURE__ */ jsx85("circle", { cx: "7.5", cy: "15.5", r: "5.5" })
+        /* @__PURE__ */ jsx86("path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L21 4.5" }),
+        /* @__PURE__ */ jsx86("path", { d: "m21 2-9.6 9.6" }),
+        /* @__PURE__ */ jsx86("circle", { cx: "7.5", cy: "15.5", r: "5.5" })
       ]
     }
   );
 }
 
 // src/components/icons/layout/index.tsx
-import { jsx as jsx86, jsxs as jsxs63 } from "react/jsx-runtime";
-function LayoutIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx87, jsxs as jsxs63 } from "react/jsx-runtime";
+function LayoutIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs63(
     "svg",
     {
@@ -4107,21 +4199,21 @@ function LayoutIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx86("rect", { width: "7", height: "9", x: "3", y: "3", rx: "1" }),
-        /* @__PURE__ */ jsx86("rect", { width: "7", height: "5", x: "14", y: "3", rx: "1" }),
-        /* @__PURE__ */ jsx86("rect", { width: "7", height: "9", x: "14", y: "12", rx: "1" }),
-        /* @__PURE__ */ jsx86("rect", { width: "7", height: "5", x: "3", y: "16", rx: "1" })
+        /* @__PURE__ */ jsx87("rect", { width: "7", height: "9", x: "3", y: "3", rx: "1" }),
+        /* @__PURE__ */ jsx87("rect", { width: "7", height: "5", x: "14", y: "3", rx: "1" }),
+        /* @__PURE__ */ jsx87("rect", { width: "7", height: "9", x: "14", y: "12", rx: "1" }),
+        /* @__PURE__ */ jsx87("rect", { width: "7", height: "5", x: "3", y: "16", rx: "1" })
       ]
     }
   );
 }
 
 // src/components/icons/link/index.tsx
-import { jsx as jsx87, jsxs as jsxs64 } from "react/jsx-runtime";
-function LinkIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx88, jsxs as jsxs64 } from "react/jsx-runtime";
+function LinkIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs64(
     "svg",
     {
@@ -4134,19 +4226,19 @@ function LinkIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx87("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }),
-        /* @__PURE__ */ jsx87("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
+        /* @__PURE__ */ jsx88("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }),
+        /* @__PURE__ */ jsx88("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
       ]
     }
   );
 }
 
 // src/components/icons/list/index.tsx
-import { jsx as jsx88, jsxs as jsxs65 } from "react/jsx-runtime";
-function ListIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx89, jsxs as jsxs65 } from "react/jsx-runtime";
+function ListIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs65(
     "svg",
     {
@@ -4159,23 +4251,23 @@ function ListIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx88("line", { x1: "8", x2: "21", y1: "6", y2: "6" }),
-        /* @__PURE__ */ jsx88("line", { x1: "8", x2: "21", y1: "12", y2: "12" }),
-        /* @__PURE__ */ jsx88("line", { x1: "8", x2: "21", y1: "18", y2: "18" }),
-        /* @__PURE__ */ jsx88("line", { x1: "3", x2: "3.01", y1: "6", y2: "6" }),
-        /* @__PURE__ */ jsx88("line", { x1: "3", x2: "3.01", y1: "12", y2: "12" }),
-        /* @__PURE__ */ jsx88("line", { x1: "3", x2: "3.01", y1: "18", y2: "18" })
+        /* @__PURE__ */ jsx89("line", { x1: "8", x2: "21", y1: "6", y2: "6" }),
+        /* @__PURE__ */ jsx89("line", { x1: "8", x2: "21", y1: "12", y2: "12" }),
+        /* @__PURE__ */ jsx89("line", { x1: "8", x2: "21", y1: "18", y2: "18" }),
+        /* @__PURE__ */ jsx89("line", { x1: "3", x2: "3.01", y1: "6", y2: "6" }),
+        /* @__PURE__ */ jsx89("line", { x1: "3", x2: "3.01", y1: "12", y2: "12" }),
+        /* @__PURE__ */ jsx89("line", { x1: "3", x2: "3.01", y1: "18", y2: "18" })
       ]
     }
   );
 }
 
 // src/components/icons/loader/index.tsx
-import { jsx as jsx89, jsxs as jsxs66 } from "react/jsx-runtime";
-function LoaderIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx90, jsxs as jsxs66 } from "react/jsx-runtime";
+function LoaderIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs66(
     "svg",
     {
@@ -4188,25 +4280,25 @@ function LoaderIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx89("line", { x1: "12", x2: "12", y1: "2", y2: "6" }),
-        /* @__PURE__ */ jsx89("line", { x1: "12", x2: "12", y1: "18", y2: "22" }),
-        /* @__PURE__ */ jsx89("line", { x1: "4.93", x2: "7.76", y1: "4.93", y2: "7.76" }),
-        /* @__PURE__ */ jsx89("line", { x1: "16.24", x2: "19.07", y1: "16.24", y2: "19.07" }),
-        /* @__PURE__ */ jsx89("line", { x1: "2", x2: "6", y1: "12", y2: "12" }),
-        /* @__PURE__ */ jsx89("line", { x1: "18", x2: "22", y1: "12", y2: "12" }),
-        /* @__PURE__ */ jsx89("line", { x1: "4.93", x2: "7.76", y1: "19.07", y2: "16.24" }),
-        /* @__PURE__ */ jsx89("line", { x1: "16.24", x2: "19.07", y1: "7.76", y2: "4.93" })
+        /* @__PURE__ */ jsx90("line", { x1: "12", x2: "12", y1: "2", y2: "6" }),
+        /* @__PURE__ */ jsx90("line", { x1: "12", x2: "12", y1: "18", y2: "22" }),
+        /* @__PURE__ */ jsx90("line", { x1: "4.93", x2: "7.76", y1: "4.93", y2: "7.76" }),
+        /* @__PURE__ */ jsx90("line", { x1: "16.24", x2: "19.07", y1: "16.24", y2: "19.07" }),
+        /* @__PURE__ */ jsx90("line", { x1: "2", x2: "6", y1: "12", y2: "12" }),
+        /* @__PURE__ */ jsx90("line", { x1: "18", x2: "22", y1: "12", y2: "12" }),
+        /* @__PURE__ */ jsx90("line", { x1: "4.93", x2: "7.76", y1: "19.07", y2: "16.24" }),
+        /* @__PURE__ */ jsx90("line", { x1: "16.24", x2: "19.07", y1: "7.76", y2: "4.93" })
       ]
     }
   );
 }
 
 // src/components/icons/lock/index.tsx
-import { jsx as jsx90, jsxs as jsxs67 } from "react/jsx-runtime";
-function LockIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx91, jsxs as jsxs67 } from "react/jsx-runtime";
+function LockIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs67(
     "svg",
     {
@@ -4219,19 +4311,19 @@ function LockIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx90("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
-        /* @__PURE__ */ jsx90("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+        /* @__PURE__ */ jsx91("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
+        /* @__PURE__ */ jsx91("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
       ]
     }
   );
 }
 
 // src/components/icons/log-in/index.tsx
-import { jsx as jsx91, jsxs as jsxs68 } from "react/jsx-runtime";
-function LogInIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx92, jsxs as jsxs68 } from "react/jsx-runtime";
+function LogInIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs68(
     "svg",
     {
@@ -4244,20 +4336,20 @@ function LogInIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx91("path", { d: "M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4" }),
-        /* @__PURE__ */ jsx91("polyline", { points: "10 17 15 12 10 7" }),
-        /* @__PURE__ */ jsx91("line", { x1: "15", x2: "3", y1: "12", y2: "12" })
+        /* @__PURE__ */ jsx92("path", { d: "M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4" }),
+        /* @__PURE__ */ jsx92("polyline", { points: "10 17 15 12 10 7" }),
+        /* @__PURE__ */ jsx92("line", { x1: "15", x2: "3", y1: "12", y2: "12" })
       ]
     }
   );
 }
 
 // src/components/icons/log-out/index.tsx
-import { jsx as jsx92, jsxs as jsxs69 } from "react/jsx-runtime";
-function LogOutIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx93, jsxs as jsxs69 } from "react/jsx-runtime";
+function LogOutIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs69(
     "svg",
     {
@@ -4270,20 +4362,20 @@ function LogOutIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx92("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
-        /* @__PURE__ */ jsx92("polyline", { points: "16 17 21 12 16 7" }),
-        /* @__PURE__ */ jsx92("line", { x1: "21", x2: "9", y1: "12", y2: "12" })
+        /* @__PURE__ */ jsx93("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
+        /* @__PURE__ */ jsx93("polyline", { points: "16 17 21 12 16 7" }),
+        /* @__PURE__ */ jsx93("line", { x1: "21", x2: "9", y1: "12", y2: "12" })
       ]
     }
   );
 }
 
 // src/components/icons/mail/index.tsx
-import { jsx as jsx93, jsxs as jsxs70 } from "react/jsx-runtime";
-function MailIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx94, jsxs as jsxs70 } from "react/jsx-runtime";
+function MailIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs70(
     "svg",
     {
@@ -4296,19 +4388,19 @@ function MailIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx93("rect", { width: "20", height: "16", x: "2", y: "4", rx: "2" }),
-        /* @__PURE__ */ jsx93("path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" })
+        /* @__PURE__ */ jsx94("rect", { width: "20", height: "16", x: "2", y: "4", rx: "2" }),
+        /* @__PURE__ */ jsx94("path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" })
       ]
     }
   );
 }
 
 // src/components/icons/map-pin/index.tsx
-import { jsx as jsx94, jsxs as jsxs71 } from "react/jsx-runtime";
-function MapPinIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx95, jsxs as jsxs71 } from "react/jsx-runtime";
+function MapPinIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs71(
     "svg",
     {
@@ -4321,19 +4413,19 @@ function MapPinIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx94("path", { d: "M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0" }),
-        /* @__PURE__ */ jsx94("circle", { cx: "12", cy: "10", r: "3" })
+        /* @__PURE__ */ jsx95("path", { d: "M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0" }),
+        /* @__PURE__ */ jsx95("circle", { cx: "12", cy: "10", r: "3" })
       ]
     }
   );
 }
 
 // src/components/icons/maximize/index.tsx
-import { jsx as jsx95, jsxs as jsxs72 } from "react/jsx-runtime";
-function MaximizeIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx96, jsxs as jsxs72 } from "react/jsx-runtime";
+function MaximizeIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs72(
     "svg",
     {
@@ -4346,21 +4438,21 @@ function MaximizeIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx95("path", { d: "M8 3H5a2 2 0 0 0-2 2v3" }),
-        /* @__PURE__ */ jsx95("path", { d: "M21 8V5a2 2 0 0 0-2-2h-3" }),
-        /* @__PURE__ */ jsx95("path", { d: "M3 16v3a2 2 0 0 0 2 2h3" }),
-        /* @__PURE__ */ jsx95("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
+        /* @__PURE__ */ jsx96("path", { d: "M8 3H5a2 2 0 0 0-2 2v3" }),
+        /* @__PURE__ */ jsx96("path", { d: "M21 8V5a2 2 0 0 0-2-2h-3" }),
+        /* @__PURE__ */ jsx96("path", { d: "M3 16v3a2 2 0 0 0 2 2h3" }),
+        /* @__PURE__ */ jsx96("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
       ]
     }
   );
 }
 
 // src/components/icons/menu/index.tsx
-import { jsx as jsx96, jsxs as jsxs73 } from "react/jsx-runtime";
-function MenuIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx97, jsxs as jsxs73 } from "react/jsx-runtime";
+function MenuIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs73(
     "svg",
     {
@@ -4373,21 +4465,21 @@ function MenuIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx96("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
-        /* @__PURE__ */ jsx96("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
-        /* @__PURE__ */ jsx96("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
+        /* @__PURE__ */ jsx97("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
+        /* @__PURE__ */ jsx97("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
+        /* @__PURE__ */ jsx97("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
       ]
     }
   );
 }
 
 // src/components/icons/message-circle/index.tsx
-import { jsx as jsx97 } from "react/jsx-runtime";
-function MessageCircleIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ jsx97(
+import { jsx as jsx98 } from "react/jsx-runtime";
+function MessageCircleIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ jsx98(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4399,17 +4491,17 @@ function MessageCircleIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
-      children: /* @__PURE__ */ jsx97("path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z" })
+      children: /* @__PURE__ */ jsx98("path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z" })
     }
   );
 }
 
 // src/components/icons/message-square/index.tsx
-import { jsx as jsx98 } from "react/jsx-runtime";
-function MessageSquareIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ jsx98(
+import { jsx as jsx99 } from "react/jsx-runtime";
+function MessageSquareIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ jsx99(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4421,16 +4513,16 @@ function MessageSquareIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
-      children: /* @__PURE__ */ jsx98("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })
+      children: /* @__PURE__ */ jsx99("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })
     }
   );
 }
 
 // src/components/icons/mic/index.tsx
-import { jsx as jsx99, jsxs as jsxs74 } from "react/jsx-runtime";
-function MicIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx100, jsxs as jsxs74 } from "react/jsx-runtime";
+function MicIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs74(
     "svg",
     {
@@ -4443,20 +4535,20 @@ function MicIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx99("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" }),
-        /* @__PURE__ */ jsx99("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
-        /* @__PURE__ */ jsx99("line", { x1: "12", x2: "12", y1: "19", y2: "22" })
+        /* @__PURE__ */ jsx100("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" }),
+        /* @__PURE__ */ jsx100("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
+        /* @__PURE__ */ jsx100("line", { x1: "12", x2: "12", y1: "19", y2: "22" })
       ]
     }
   );
 }
 
 // src/components/icons/minimize/index.tsx
-import { jsx as jsx100, jsxs as jsxs75 } from "react/jsx-runtime";
-function MinimizeIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx101, jsxs as jsxs75 } from "react/jsx-runtime";
+function MinimizeIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs75(
     "svg",
     {
@@ -4469,22 +4561,22 @@ function MinimizeIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx100("path", { d: "M8 3v3a2 2 0 0 1-2 2H3" }),
-        /* @__PURE__ */ jsx100("path", { d: "M21 8h-3a2 2 0 0 1-2-2V3" }),
-        /* @__PURE__ */ jsx100("path", { d: "M3 16h3a2 2 0 0 1 2 2v3" }),
-        /* @__PURE__ */ jsx100("path", { d: "M16 21v-3a2 2 0 0 1 2-2h3" })
+        /* @__PURE__ */ jsx101("path", { d: "M8 3v3a2 2 0 0 1-2 2H3" }),
+        /* @__PURE__ */ jsx101("path", { d: "M21 8h-3a2 2 0 0 1-2-2V3" }),
+        /* @__PURE__ */ jsx101("path", { d: "M3 16h3a2 2 0 0 1 2 2v3" }),
+        /* @__PURE__ */ jsx101("path", { d: "M16 21v-3a2 2 0 0 1 2-2h3" })
       ]
     }
   );
 }
 
 // src/components/icons/minus/index.tsx
-import { jsx as jsx101 } from "react/jsx-runtime";
-function MinusIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ jsx101(
+import { jsx as jsx102 } from "react/jsx-runtime";
+function MinusIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ jsx102(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4496,17 +4588,17 @@ function MinusIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
-      children: /* @__PURE__ */ jsx101("path", { d: "M5 12h14" })
+      children: /* @__PURE__ */ jsx102("path", { d: "M5 12h14" })
     }
   );
 }
 
 // src/components/icons/moon/index.tsx
-import { jsx as jsx102 } from "react/jsx-runtime";
-function MoonIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ jsx102(
+import { jsx as jsx103 } from "react/jsx-runtime";
+function MoonIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ jsx103(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4518,16 +4610,16 @@ function MoonIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
-      children: /* @__PURE__ */ jsx102("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
+      children: /* @__PURE__ */ jsx103("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
     }
   );
 }
 
 // src/components/icons/more-horizontal/index.tsx
-import { jsx as jsx103, jsxs as jsxs76 } from "react/jsx-runtime";
-function MoreHorizontalIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx104, jsxs as jsxs76 } from "react/jsx-runtime";
+function MoreHorizontalIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs76(
     "svg",
     {
@@ -4540,20 +4632,20 @@ function MoreHorizontalIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx103("circle", { cx: "12", cy: "12", r: "1" }),
-        /* @__PURE__ */ jsx103("circle", { cx: "19", cy: "12", r: "1" }),
-        /* @__PURE__ */ jsx103("circle", { cx: "5", cy: "12", r: "1" })
+        /* @__PURE__ */ jsx104("circle", { cx: "12", cy: "12", r: "1" }),
+        /* @__PURE__ */ jsx104("circle", { cx: "19", cy: "12", r: "1" }),
+        /* @__PURE__ */ jsx104("circle", { cx: "5", cy: "12", r: "1" })
       ]
     }
   );
 }
 
 // src/components/icons/more-vertical/index.tsx
-import { jsx as jsx104, jsxs as jsxs77 } from "react/jsx-runtime";
-function MoreVerticalIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx105, jsxs as jsxs77 } from "react/jsx-runtime";
+function MoreVerticalIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs77(
     "svg",
     {
@@ -4566,20 +4658,20 @@ function MoreVerticalIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx104("circle", { cx: "12", cy: "12", r: "1" }),
-        /* @__PURE__ */ jsx104("circle", { cx: "12", cy: "5", r: "1" }),
-        /* @__PURE__ */ jsx104("circle", { cx: "12", cy: "19", r: "1" })
+        /* @__PURE__ */ jsx105("circle", { cx: "12", cy: "12", r: "1" }),
+        /* @__PURE__ */ jsx105("circle", { cx: "12", cy: "5", r: "1" }),
+        /* @__PURE__ */ jsx105("circle", { cx: "12", cy: "19", r: "1" })
       ]
     }
   );
 }
 
 // src/components/icons/package/index.tsx
-import { jsx as jsx105, jsxs as jsxs78 } from "react/jsx-runtime";
-function PackageIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx106, jsxs as jsxs78 } from "react/jsx-runtime";
+function PackageIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs78(
     "svg",
     {
@@ -4592,21 +4684,21 @@ function PackageIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx105("path", { d: "M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z" }),
-        /* @__PURE__ */ jsx105("path", { d: "M3.3 7 12 12l8.7-5" }),
-        /* @__PURE__ */ jsx105("path", { d: "M12 22V12" })
+        /* @__PURE__ */ jsx106("path", { d: "M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z" }),
+        /* @__PURE__ */ jsx106("path", { d: "M3.3 7 12 12l8.7-5" }),
+        /* @__PURE__ */ jsx106("path", { d: "M12 22V12" })
       ]
     }
   );
 }
 
 // src/components/icons/paperclip/index.tsx
-import { jsx as jsx106 } from "react/jsx-runtime";
-function PaperclipIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ jsx106(
+import { jsx as jsx107 } from "react/jsx-runtime";
+function PaperclipIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ jsx107(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4618,16 +4710,16 @@ function PaperclipIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
-      children: /* @__PURE__ */ jsx106("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48" })
+      children: /* @__PURE__ */ jsx107("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48" })
     }
   );
 }
 
 // src/components/icons/pause/index.tsx
-import { jsx as jsx107, jsxs as jsxs79 } from "react/jsx-runtime";
-function PauseIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx108, jsxs as jsxs79 } from "react/jsx-runtime";
+function PauseIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs79(
     "svg",
     {
@@ -4640,19 +4732,19 @@ function PauseIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx107("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1" }),
-        /* @__PURE__ */ jsx107("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1" })
+        /* @__PURE__ */ jsx108("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1" }),
+        /* @__PURE__ */ jsx108("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1" })
       ]
     }
   );
 }
 
 // src/components/icons/pencil/index.tsx
-import { jsx as jsx108, jsxs as jsxs80 } from "react/jsx-runtime";
-function PencilIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx109, jsxs as jsxs80 } from "react/jsx-runtime";
+function PencilIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs80(
     "svg",
     {
@@ -4665,20 +4757,20 @@ function PencilIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx108("path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" }),
-        /* @__PURE__ */ jsx108("path", { d: "m15 5 4 4" })
+        /* @__PURE__ */ jsx109("path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" }),
+        /* @__PURE__ */ jsx109("path", { d: "m15 5 4 4" })
       ]
     }
   );
 }
 
 // src/components/icons/phone/index.tsx
-import { jsx as jsx109 } from "react/jsx-runtime";
-function PhoneIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ jsx109(
+import { jsx as jsx110 } from "react/jsx-runtime";
+function PhoneIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ jsx110(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4690,17 +4782,17 @@ function PhoneIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
-      children: /* @__PURE__ */ jsx109("path", { d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" })
+      children: /* @__PURE__ */ jsx110("path", { d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" })
     }
   );
 }
 
 // src/components/icons/play/index.tsx
-import { jsx as jsx110 } from "react/jsx-runtime";
-function PlayIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ jsx110(
+import { jsx as jsx111 } from "react/jsx-runtime";
+function PlayIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ jsx111(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4712,16 +4804,16 @@ function PlayIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
-      children: /* @__PURE__ */ jsx110("polygon", { points: "6 3 20 12 6 21 6 3" })
+      children: /* @__PURE__ */ jsx111("polygon", { points: "6 3 20 12 6 21 6 3" })
     }
   );
 }
 
 // src/components/icons/plus/index.tsx
-import { jsx as jsx111, jsxs as jsxs81 } from "react/jsx-runtime";
-function PlusIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx112, jsxs as jsxs81 } from "react/jsx-runtime";
+function PlusIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs81(
     "svg",
     {
@@ -4734,19 +4826,19 @@ function PlusIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx111("path", { d: "M5 12h14" }),
-        /* @__PURE__ */ jsx111("path", { d: "M12 5v14" })
+        /* @__PURE__ */ jsx112("path", { d: "M5 12h14" }),
+        /* @__PURE__ */ jsx112("path", { d: "M12 5v14" })
       ]
     }
   );
 }
 
 // src/components/icons/printer/index.tsx
-import { jsx as jsx112, jsxs as jsxs82 } from "react/jsx-runtime";
-function PrinterIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx113, jsxs as jsxs82 } from "react/jsx-runtime";
+function PrinterIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs82(
     "svg",
     {
@@ -4759,20 +4851,20 @@ function PrinterIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx112("polyline", { points: "6 9 6 2 18 2 18 9" }),
-        /* @__PURE__ */ jsx112("path", { d: "M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2" }),
-        /* @__PURE__ */ jsx112("rect", { width: "12", height: "8", x: "6", y: "14" })
+        /* @__PURE__ */ jsx113("polyline", { points: "6 9 6 2 18 2 18 9" }),
+        /* @__PURE__ */ jsx113("path", { d: "M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2" }),
+        /* @__PURE__ */ jsx113("rect", { width: "12", height: "8", x: "6", y: "14" })
       ]
     }
   );
 }
 
 // src/components/icons/redo/index.tsx
-import { jsx as jsx113, jsxs as jsxs83 } from "react/jsx-runtime";
-function RedoIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx114, jsxs as jsxs83 } from "react/jsx-runtime";
+function RedoIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs83(
     "svg",
     {
@@ -4785,19 +4877,19 @@ function RedoIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx113("path", { d: "M21 7v6h-6" }),
-        /* @__PURE__ */ jsx113("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7" })
+        /* @__PURE__ */ jsx114("path", { d: "M21 7v6h-6" }),
+        /* @__PURE__ */ jsx114("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7" })
       ]
     }
   );
 }
 
 // src/components/icons/refresh-cw/index.tsx
-import { jsx as jsx114, jsxs as jsxs84 } from "react/jsx-runtime";
-function RefreshCwIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx115, jsxs as jsxs84 } from "react/jsx-runtime";
+function RefreshCwIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs84(
     "svg",
     {
@@ -4810,21 +4902,21 @@ function RefreshCwIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx114("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
-        /* @__PURE__ */ jsx114("path", { d: "M21 3v5h-5" }),
-        /* @__PURE__ */ jsx114("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
-        /* @__PURE__ */ jsx114("path", { d: "M3 21v-5h5" })
+        /* @__PURE__ */ jsx115("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
+        /* @__PURE__ */ jsx115("path", { d: "M21 3v5h-5" }),
+        /* @__PURE__ */ jsx115("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
+        /* @__PURE__ */ jsx115("path", { d: "M3 21v-5h5" })
       ]
     }
   );
 }
 
 // src/components/icons/save/index.tsx
-import { jsx as jsx115, jsxs as jsxs85 } from "react/jsx-runtime";
-function SaveIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx116, jsxs as jsxs85 } from "react/jsx-runtime";
+function SaveIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs85(
     "svg",
     {
@@ -4837,20 +4929,20 @@ function SaveIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx115("path", { d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z" }),
-        /* @__PURE__ */ jsx115("path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7" }),
-        /* @__PURE__ */ jsx115("path", { d: "M7 3v4a1 1 0 0 0 1 1h7" })
+        /* @__PURE__ */ jsx116("path", { d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z" }),
+        /* @__PURE__ */ jsx116("path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7" }),
+        /* @__PURE__ */ jsx116("path", { d: "M7 3v4a1 1 0 0 0 1 1h7" })
       ]
     }
   );
 }
 
 // src/components/icons/search/index.tsx
-import { jsx as jsx116, jsxs as jsxs86 } from "react/jsx-runtime";
-function SearchIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx117, jsxs as jsxs86 } from "react/jsx-runtime";
+function SearchIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs86(
     "svg",
     {
@@ -4863,19 +4955,19 @@ function SearchIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx116("circle", { cx: "11", cy: "11", r: "8" }),
-        /* @__PURE__ */ jsx116("path", { d: "m21 21-4.3-4.3" })
+        /* @__PURE__ */ jsx117("circle", { cx: "11", cy: "11", r: "8" }),
+        /* @__PURE__ */ jsx117("path", { d: "m21 21-4.3-4.3" })
       ]
     }
   );
 }
 
 // src/components/icons/send/index.tsx
-import { jsx as jsx117, jsxs as jsxs87 } from "react/jsx-runtime";
-function SendIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx118, jsxs as jsxs87 } from "react/jsx-runtime";
+function SendIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs87(
     "svg",
     {
@@ -4888,19 +4980,19 @@ function SendIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx117("line", { x1: "22", x2: "11", y1: "2", y2: "13" }),
-        /* @__PURE__ */ jsx117("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
+        /* @__PURE__ */ jsx118("line", { x1: "22", x2: "11", y1: "2", y2: "13" }),
+        /* @__PURE__ */ jsx118("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
       ]
     }
   );
 }
 
 // src/components/icons/settings/index.tsx
-import { jsx as jsx118, jsxs as jsxs88 } from "react/jsx-runtime";
-function SettingsIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx119, jsxs as jsxs88 } from "react/jsx-runtime";
+function SettingsIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs88(
     "svg",
     {
@@ -4913,19 +5005,19 @@ function SettingsIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx118("path", { d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" }),
-        /* @__PURE__ */ jsx118("circle", { cx: "12", cy: "12", r: "3" })
+        /* @__PURE__ */ jsx119("path", { d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" }),
+        /* @__PURE__ */ jsx119("circle", { cx: "12", cy: "12", r: "3" })
       ]
     }
   );
 }
 
 // src/components/icons/share/index.tsx
-import { jsx as jsx119, jsxs as jsxs89 } from "react/jsx-runtime";
-function ShareIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx120, jsxs as jsxs89 } from "react/jsx-runtime";
+function ShareIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs89(
     "svg",
     {
@@ -4938,21 +5030,21 @@ function ShareIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx119("path", { d: "M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8" }),
-        /* @__PURE__ */ jsx119("polyline", { points: "16 6 12 2 8 6" }),
-        /* @__PURE__ */ jsx119("line", { x1: "12", x2: "12", y1: "2", y2: "15" })
+        /* @__PURE__ */ jsx120("path", { d: "M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8" }),
+        /* @__PURE__ */ jsx120("polyline", { points: "16 6 12 2 8 6" }),
+        /* @__PURE__ */ jsx120("line", { x1: "12", x2: "12", y1: "2", y2: "15" })
       ]
     }
   );
 }
 
 // src/components/icons/shield/index.tsx
-import { jsx as jsx120 } from "react/jsx-runtime";
-function ShieldIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ jsx120(
+import { jsx as jsx121 } from "react/jsx-runtime";
+function ShieldIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ jsx121(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4964,16 +5056,16 @@ function ShieldIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
-      children: /* @__PURE__ */ jsx120("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" })
+      children: /* @__PURE__ */ jsx121("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" })
     }
   );
 }
 
 // src/components/icons/shield-check/index.tsx
-import { jsx as jsx121, jsxs as jsxs90 } from "react/jsx-runtime";
-function ShieldCheckIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx122, jsxs as jsxs90 } from "react/jsx-runtime";
+function ShieldCheckIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs90(
     "svg",
     {
@@ -4986,19 +5078,19 @@ function ShieldCheckIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx121("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" }),
-        /* @__PURE__ */ jsx121("path", { d: "m9 12 2 2 4-4" })
+        /* @__PURE__ */ jsx122("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" }),
+        /* @__PURE__ */ jsx122("path", { d: "m9 12 2 2 4-4" })
       ]
     }
   );
 }
 
 // src/components/icons/shopping-bag/index.tsx
-import { jsx as jsx122, jsxs as jsxs91 } from "react/jsx-runtime";
-function ShoppingBagIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx123, jsxs as jsxs91 } from "react/jsx-runtime";
+function ShoppingBagIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs91(
     "svg",
     {
@@ -5011,20 +5103,20 @@ function ShoppingBagIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx122("path", { d: "M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z" }),
-        /* @__PURE__ */ jsx122("path", { d: "M3 6h18" }),
-        /* @__PURE__ */ jsx122("path", { d: "M16 10a4 4 0 0 1-8 0" })
+        /* @__PURE__ */ jsx123("path", { d: "M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z" }),
+        /* @__PURE__ */ jsx123("path", { d: "M3 6h18" }),
+        /* @__PURE__ */ jsx123("path", { d: "M16 10a4 4 0 0 1-8 0" })
       ]
     }
   );
 }
 
 // src/components/icons/shopping-cart/index.tsx
-import { jsx as jsx123, jsxs as jsxs92 } from "react/jsx-runtime";
-function ShoppingCartIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx124, jsxs as jsxs92 } from "react/jsx-runtime";
+function ShoppingCartIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs92(
     "svg",
     {
@@ -5037,20 +5129,20 @@ function ShoppingCartIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx123("circle", { cx: "8", cy: "21", r: "1" }),
-        /* @__PURE__ */ jsx123("circle", { cx: "19", cy: "21", r: "1" }),
-        /* @__PURE__ */ jsx123("path", { d: "M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12" })
+        /* @__PURE__ */ jsx124("circle", { cx: "8", cy: "21", r: "1" }),
+        /* @__PURE__ */ jsx124("circle", { cx: "19", cy: "21", r: "1" }),
+        /* @__PURE__ */ jsx124("path", { d: "M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12" })
       ]
     }
   );
 }
 
 // src/components/icons/sidebar/index.tsx
-import { jsx as jsx124, jsxs as jsxs93 } from "react/jsx-runtime";
-function SidebarIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx125, jsxs as jsxs93 } from "react/jsx-runtime";
+function SidebarIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs93(
     "svg",
     {
@@ -5063,19 +5155,19 @@ function SidebarIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx124("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-        /* @__PURE__ */ jsx124("path", { d: "M9 3v18" })
+        /* @__PURE__ */ jsx125("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+        /* @__PURE__ */ jsx125("path", { d: "M9 3v18" })
       ]
     }
   );
 }
 
 // src/components/icons/skip-back/index.tsx
-import { jsx as jsx125, jsxs as jsxs94 } from "react/jsx-runtime";
-function SkipBackIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx126, jsxs as jsxs94 } from "react/jsx-runtime";
+function SkipBackIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs94(
     "svg",
     {
@@ -5088,19 +5180,19 @@ function SkipBackIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx125("polygon", { points: "19 20 9 12 19 4 19 20" }),
-        /* @__PURE__ */ jsx125("line", { x1: "5", x2: "5", y1: "19", y2: "5" })
+        /* @__PURE__ */ jsx126("polygon", { points: "19 20 9 12 19 4 19 20" }),
+        /* @__PURE__ */ jsx126("line", { x1: "5", x2: "5", y1: "19", y2: "5" })
       ]
     }
   );
 }
 
 // src/components/icons/skip-forward/index.tsx
-import { jsx as jsx126, jsxs as jsxs95 } from "react/jsx-runtime";
-function SkipForwardIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx127, jsxs as jsxs95 } from "react/jsx-runtime";
+function SkipForwardIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs95(
     "svg",
     {
@@ -5113,19 +5205,19 @@ function SkipForwardIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx126("polygon", { points: "5 4 15 12 5 20 5 4" }),
-        /* @__PURE__ */ jsx126("line", { x1: "19", x2: "19", y1: "5", y2: "19" })
+        /* @__PURE__ */ jsx127("polygon", { points: "5 4 15 12 5 20 5 4" }),
+        /* @__PURE__ */ jsx127("line", { x1: "19", x2: "19", y1: "5", y2: "19" })
       ]
     }
   );
 }
 
 // src/components/icons/sliders/index.tsx
-import { jsx as jsx127, jsxs as jsxs96 } from "react/jsx-runtime";
-function SlidersIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx128, jsxs as jsxs96 } from "react/jsx-runtime";
+function SlidersIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs96(
     "svg",
     {
@@ -5138,26 +5230,26 @@ function SlidersIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx127("line", { x1: "21", x2: "14", y1: "4", y2: "4" }),
-        /* @__PURE__ */ jsx127("line", { x1: "10", x2: "3", y1: "4", y2: "4" }),
-        /* @__PURE__ */ jsx127("line", { x1: "21", x2: "12", y1: "12", y2: "12" }),
-        /* @__PURE__ */ jsx127("line", { x1: "8", x2: "3", y1: "12", y2: "12" }),
-        /* @__PURE__ */ jsx127("line", { x1: "21", x2: "16", y1: "20", y2: "20" }),
-        /* @__PURE__ */ jsx127("line", { x1: "12", x2: "3", y1: "20", y2: "20" }),
-        /* @__PURE__ */ jsx127("line", { x1: "14", x2: "14", y1: "2", y2: "6" }),
-        /* @__PURE__ */ jsx127("line", { x1: "8", x2: "8", y1: "10", y2: "14" }),
-        /* @__PURE__ */ jsx127("line", { x1: "16", x2: "16", y1: "18", y2: "22" })
+        /* @__PURE__ */ jsx128("line", { x1: "21", x2: "14", y1: "4", y2: "4" }),
+        /* @__PURE__ */ jsx128("line", { x1: "10", x2: "3", y1: "4", y2: "4" }),
+        /* @__PURE__ */ jsx128("line", { x1: "21", x2: "12", y1: "12", y2: "12" }),
+        /* @__PURE__ */ jsx128("line", { x1: "8", x2: "3", y1: "12", y2: "12" }),
+        /* @__PURE__ */ jsx128("line", { x1: "21", x2: "16", y1: "20", y2: "20" }),
+        /* @__PURE__ */ jsx128("line", { x1: "12", x2: "3", y1: "20", y2: "20" }),
+        /* @__PURE__ */ jsx128("line", { x1: "14", x2: "14", y1: "2", y2: "6" }),
+        /* @__PURE__ */ jsx128("line", { x1: "8", x2: "8", y1: "10", y2: "14" }),
+        /* @__PURE__ */ jsx128("line", { x1: "16", x2: "16", y1: "18", y2: "22" })
       ]
     }
   );
 }
 
 // src/components/icons/smile/index.tsx
-import { jsx as jsx128, jsxs as jsxs97 } from "react/jsx-runtime";
-function SmileIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx129, jsxs as jsxs97 } from "react/jsx-runtime";
+function SmileIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs97(
     "svg",
     {
@@ -5170,22 +5262,22 @@ function SmileIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx128("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ jsx128("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
-        /* @__PURE__ */ jsx128("line", { x1: "9", x2: "9.01", y1: "9", y2: "9" }),
-        /* @__PURE__ */ jsx128("line", { x1: "15", x2: "15.01", y1: "9", y2: "9" })
+        /* @__PURE__ */ jsx129("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx129("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
+        /* @__PURE__ */ jsx129("line", { x1: "9", x2: "9.01", y1: "9", y2: "9" }),
+        /* @__PURE__ */ jsx129("line", { x1: "15", x2: "15.01", y1: "9", y2: "9" })
       ]
     }
   );
 }
 
 // src/components/icons/star/index.tsx
-import { jsx as jsx129 } from "react/jsx-runtime";
-function StarIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ jsx129(
+import { jsx as jsx130 } from "react/jsx-runtime";
+function StarIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ jsx130(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5197,16 +5289,16 @@ function StarIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
-      children: /* @__PURE__ */ jsx129("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" })
+      children: /* @__PURE__ */ jsx130("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" })
     }
   );
 }
 
 // src/components/icons/sun/index.tsx
-import { jsx as jsx130, jsxs as jsxs98 } from "react/jsx-runtime";
-function SunIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx131, jsxs as jsxs98 } from "react/jsx-runtime";
+function SunIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs98(
     "svg",
     {
@@ -5219,26 +5311,26 @@ function SunIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx130("circle", { cx: "12", cy: "12", r: "4" }),
-        /* @__PURE__ */ jsx130("path", { d: "M12 2v2" }),
-        /* @__PURE__ */ jsx130("path", { d: "M12 20v2" }),
-        /* @__PURE__ */ jsx130("path", { d: "m4.93 4.93 1.41 1.41" }),
-        /* @__PURE__ */ jsx130("path", { d: "m17.66 17.66 1.41 1.41" }),
-        /* @__PURE__ */ jsx130("path", { d: "M2 12h2" }),
-        /* @__PURE__ */ jsx130("path", { d: "M20 12h2" }),
-        /* @__PURE__ */ jsx130("path", { d: "m6.34 17.66-1.41 1.41" }),
-        /* @__PURE__ */ jsx130("path", { d: "m19.07 4.93-1.41 1.41" })
+        /* @__PURE__ */ jsx131("circle", { cx: "12", cy: "12", r: "4" }),
+        /* @__PURE__ */ jsx131("path", { d: "M12 2v2" }),
+        /* @__PURE__ */ jsx131("path", { d: "M12 20v2" }),
+        /* @__PURE__ */ jsx131("path", { d: "m4.93 4.93 1.41 1.41" }),
+        /* @__PURE__ */ jsx131("path", { d: "m17.66 17.66 1.41 1.41" }),
+        /* @__PURE__ */ jsx131("path", { d: "M2 12h2" }),
+        /* @__PURE__ */ jsx131("path", { d: "M20 12h2" }),
+        /* @__PURE__ */ jsx131("path", { d: "m6.34 17.66-1.41 1.41" }),
+        /* @__PURE__ */ jsx131("path", { d: "m19.07 4.93-1.41 1.41" })
       ]
     }
   );
 }
 
 // src/components/icons/tag/index.tsx
-import { jsx as jsx131, jsxs as jsxs99 } from "react/jsx-runtime";
-function TagIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx132, jsxs as jsxs99 } from "react/jsx-runtime";
+function TagIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs99(
     "svg",
     {
@@ -5251,19 +5343,19 @@ function TagIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx131("path", { d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z" }),
-        /* @__PURE__ */ jsx131("circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor" })
+        /* @__PURE__ */ jsx132("path", { d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z" }),
+        /* @__PURE__ */ jsx132("circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor" })
       ]
     }
   );
 }
 
 // src/components/icons/thumbs-down/index.tsx
-import { jsx as jsx132, jsxs as jsxs100 } from "react/jsx-runtime";
-function ThumbsDownIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx133, jsxs as jsxs100 } from "react/jsx-runtime";
+function ThumbsDownIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs100(
     "svg",
     {
@@ -5276,19 +5368,19 @@ function ThumbsDownIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx132("path", { d: "M17 14V2" }),
-        /* @__PURE__ */ jsx132("path", { d: "M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z" })
+        /* @__PURE__ */ jsx133("path", { d: "M17 14V2" }),
+        /* @__PURE__ */ jsx133("path", { d: "M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z" })
       ]
     }
   );
 }
 
 // src/components/icons/thumbs-up/index.tsx
-import { jsx as jsx133, jsxs as jsxs101 } from "react/jsx-runtime";
-function ThumbsUpIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx134, jsxs as jsxs101 } from "react/jsx-runtime";
+function ThumbsUpIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs101(
     "svg",
     {
@@ -5301,19 +5393,19 @@ function ThumbsUpIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx133("path", { d: "M7 10v12" }),
-        /* @__PURE__ */ jsx133("path", { d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z" })
+        /* @__PURE__ */ jsx134("path", { d: "M7 10v12" }),
+        /* @__PURE__ */ jsx134("path", { d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z" })
       ]
     }
   );
 }
 
 // src/components/icons/trash/index.tsx
-import { jsx as jsx134, jsxs as jsxs102 } from "react/jsx-runtime";
-function TrashIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx135, jsxs as jsxs102 } from "react/jsx-runtime";
+function TrashIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs102(
     "svg",
     {
@@ -5326,20 +5418,20 @@ function TrashIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx134("path", { d: "M3 6h18" }),
-        /* @__PURE__ */ jsx134("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
-        /* @__PURE__ */ jsx134("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+        /* @__PURE__ */ jsx135("path", { d: "M3 6h18" }),
+        /* @__PURE__ */ jsx135("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
+        /* @__PURE__ */ jsx135("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
       ]
     }
   );
 }
 
 // src/components/icons/undo/index.tsx
-import { jsx as jsx135, jsxs as jsxs103 } from "react/jsx-runtime";
-function UndoIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx136, jsxs as jsxs103 } from "react/jsx-runtime";
+function UndoIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs103(
     "svg",
     {
@@ -5352,19 +5444,19 @@ function UndoIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx135("path", { d: "M3 7v6h6" }),
-        /* @__PURE__ */ jsx135("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })
+        /* @__PURE__ */ jsx136("path", { d: "M3 7v6h6" }),
+        /* @__PURE__ */ jsx136("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })
       ]
     }
   );
 }
 
 // src/components/icons/unlock/index.tsx
-import { jsx as jsx136, jsxs as jsxs104 } from "react/jsx-runtime";
-function UnlockIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx137, jsxs as jsxs104 } from "react/jsx-runtime";
+function UnlockIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs104(
     "svg",
     {
@@ -5377,19 +5469,19 @@ function UnlockIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx136("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
-        /* @__PURE__ */ jsx136("path", { d: "M7 11V7a5 5 0 0 1 9.9-1" })
+        /* @__PURE__ */ jsx137("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
+        /* @__PURE__ */ jsx137("path", { d: "M7 11V7a5 5 0 0 1 9.9-1" })
       ]
     }
   );
 }
 
 // src/components/icons/upload/index.tsx
-import { jsx as jsx137, jsxs as jsxs105 } from "react/jsx-runtime";
-function UploadIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx138, jsxs as jsxs105 } from "react/jsx-runtime";
+function UploadIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs105(
     "svg",
     {
@@ -5402,20 +5494,20 @@ function UploadIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx137("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-        /* @__PURE__ */ jsx137("polyline", { points: "17 8 12 3 7 8" }),
-        /* @__PURE__ */ jsx137("line", { x1: "12", x2: "12", y1: "3", y2: "15" })
+        /* @__PURE__ */ jsx138("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+        /* @__PURE__ */ jsx138("polyline", { points: "17 8 12 3 7 8" }),
+        /* @__PURE__ */ jsx138("line", { x1: "12", x2: "12", y1: "3", y2: "15" })
       ]
     }
   );
 }
 
 // src/components/icons/user/index.tsx
-import { jsx as jsx138, jsxs as jsxs106 } from "react/jsx-runtime";
-function UserIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx139, jsxs as jsxs106 } from "react/jsx-runtime";
+function UserIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs106(
     "svg",
     {
@@ -5428,19 +5520,19 @@ function UserIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx138("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
-        /* @__PURE__ */ jsx138("circle", { cx: "12", cy: "7", r: "4" })
+        /* @__PURE__ */ jsx139("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
+        /* @__PURE__ */ jsx139("circle", { cx: "12", cy: "7", r: "4" })
       ]
     }
   );
 }
 
 // src/components/icons/user-check/index.tsx
-import { jsx as jsx139, jsxs as jsxs107 } from "react/jsx-runtime";
-function UserCheckIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx140, jsxs as jsxs107 } from "react/jsx-runtime";
+function UserCheckIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs107(
     "svg",
     {
@@ -5453,20 +5545,20 @@ function UserCheckIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx139("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
-        /* @__PURE__ */ jsx139("circle", { cx: "9", cy: "7", r: "4" }),
-        /* @__PURE__ */ jsx139("polyline", { points: "16 11 18 13 22 9" })
+        /* @__PURE__ */ jsx140("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+        /* @__PURE__ */ jsx140("circle", { cx: "9", cy: "7", r: "4" }),
+        /* @__PURE__ */ jsx140("polyline", { points: "16 11 18 13 22 9" })
       ]
     }
   );
 }
 
 // src/components/icons/user-plus/index.tsx
-import { jsx as jsx140, jsxs as jsxs108 } from "react/jsx-runtime";
-function UserPlusIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx141, jsxs as jsxs108 } from "react/jsx-runtime";
+function UserPlusIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs108(
     "svg",
     {
@@ -5479,21 +5571,21 @@ function UserPlusIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx140("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
-        /* @__PURE__ */ jsx140("circle", { cx: "9", cy: "7", r: "4" }),
-        /* @__PURE__ */ jsx140("line", { x1: "19", x2: "19", y1: "8", y2: "14" }),
-        /* @__PURE__ */ jsx140("line", { x1: "22", x2: "16", y1: "11", y2: "11" })
+        /* @__PURE__ */ jsx141("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+        /* @__PURE__ */ jsx141("circle", { cx: "9", cy: "7", r: "4" }),
+        /* @__PURE__ */ jsx141("line", { x1: "19", x2: "19", y1: "8", y2: "14" }),
+        /* @__PURE__ */ jsx141("line", { x1: "22", x2: "16", y1: "11", y2: "11" })
       ]
     }
   );
 }
 
 // src/components/icons/users/index.tsx
-import { jsx as jsx141, jsxs as jsxs109 } from "react/jsx-runtime";
-function UsersIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx142, jsxs as jsxs109 } from "react/jsx-runtime";
+function UsersIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs109(
     "svg",
     {
@@ -5506,21 +5598,21 @@ function UsersIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx141("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
-        /* @__PURE__ */ jsx141("circle", { cx: "9", cy: "7", r: "4" }),
-        /* @__PURE__ */ jsx141("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
-        /* @__PURE__ */ jsx141("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
+        /* @__PURE__ */ jsx142("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+        /* @__PURE__ */ jsx142("circle", { cx: "9", cy: "7", r: "4" }),
+        /* @__PURE__ */ jsx142("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
+        /* @__PURE__ */ jsx142("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
       ]
     }
   );
 }
 
 // src/components/icons/volume-2/index.tsx
-import { jsx as jsx142, jsxs as jsxs110 } from "react/jsx-runtime";
-function Volume2Icon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx143, jsxs as jsxs110 } from "react/jsx-runtime";
+function Volume2Icon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs110(
     "svg",
     {
@@ -5533,20 +5625,20 @@ function Volume2Icon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx142("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
-        /* @__PURE__ */ jsx142("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" }),
-        /* @__PURE__ */ jsx142("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" })
+        /* @__PURE__ */ jsx143("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+        /* @__PURE__ */ jsx143("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" }),
+        /* @__PURE__ */ jsx143("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" })
       ]
     }
   );
 }
 
 // src/components/icons/volume-x/index.tsx
-import { jsx as jsx143, jsxs as jsxs111 } from "react/jsx-runtime";
-function VolumeXIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx144, jsxs as jsxs111 } from "react/jsx-runtime";
+function VolumeXIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs111(
     "svg",
     {
@@ -5559,20 +5651,20 @@ function VolumeXIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx143("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
-        /* @__PURE__ */ jsx143("line", { x1: "22", x2: "16", y1: "9", y2: "15" }),
-        /* @__PURE__ */ jsx143("line", { x1: "16", x2: "22", y1: "9", y2: "15" })
+        /* @__PURE__ */ jsx144("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+        /* @__PURE__ */ jsx144("line", { x1: "22", x2: "16", y1: "9", y2: "15" }),
+        /* @__PURE__ */ jsx144("line", { x1: "16", x2: "22", y1: "9", y2: "15" })
       ]
     }
   );
 }
 
 // src/components/icons/wifi/index.tsx
-import { jsx as jsx144, jsxs as jsxs112 } from "react/jsx-runtime";
-function WifiIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+import { jsx as jsx145, jsxs as jsxs112 } from "react/jsx-runtime";
+function WifiIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ jsxs112(
     "svg",
     {
@@ -5585,22 +5677,22 @@ function WifiIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx144("path", { d: "M12 20h.01" }),
-        /* @__PURE__ */ jsx144("path", { d: "M2 8.82a15 15 0 0 1 20 0" }),
-        /* @__PURE__ */ jsx144("path", { d: "M5 12.859a10 10 0 0 1 14 0" }),
-        /* @__PURE__ */ jsx144("path", { d: "M8.5 16.429a5 5 0 0 1 7 0" })
+        /* @__PURE__ */ jsx145("path", { d: "M12 20h.01" }),
+        /* @__PURE__ */ jsx145("path", { d: "M2 8.82a15 15 0 0 1 20 0" }),
+        /* @__PURE__ */ jsx145("path", { d: "M5 12.859a10 10 0 0 1 14 0" }),
+        /* @__PURE__ */ jsx145("path", { d: "M8.5 16.429a5 5 0 0 1 7 0" })
       ]
     }
   );
 }
 
 // src/components/icons/zap/index.tsx
-import { jsx as jsx145 } from "react/jsx-runtime";
-function ZapIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ jsx145(
+import { jsx as jsx146 } from "react/jsx-runtime";
+function ZapIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ jsx146(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5612,9 +5704,9 @@ function ZapIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeWidth,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      "aria-hidden": "true",
+      ...title ? { role: "img", "aria-label": title } : { "aria-hidden": true },
       ...rest,
-      children: /* @__PURE__ */ jsx145("polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" })
+      children: /* @__PURE__ */ jsx146("polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" })
     }
   );
 }
@@ -5660,6 +5752,7 @@ var iconCatalog = [
   { name: "FolderIcon", Icon: FolderIcon },
   { name: "FolderOpenIcon", Icon: FolderOpenIcon },
   { name: "GiftIcon", Icon: GiftIcon },
+  { name: "GitHubIcon", Icon: GitHubIcon },
   { name: "GlobeIcon", Icon: GlobeIcon },
   { name: "GridIcon", Icon: GridIcon },
   { name: "HeartIcon", Icon: HeartIcon },
@@ -5785,6 +5878,7 @@ export {
   FolderIcon,
   FolderOpenIcon,
   GiftIcon,
+  GitHubIcon,
   GlobeIcon,
   GridIcon,
   HeartIcon,