npm - @octavius2929-personal/design-system - Versions diffs - 1.1.0 → 1.2.0 - Mend

@octavius2929-personal/design-system 1.1.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.js CHANGED Viewed

@@ -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" }),
@@ -1934,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",
     {
@@ -1947,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" })
     }
@@ -2293,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",
     {
@@ -2306,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" })
     }
@@ -2352,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",
     {
@@ -2365,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" })
     }
@@ -3183,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",
     {
@@ -3196,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" }),
@@ -3209,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",
     {
@@ -3222,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" }),
@@ -3235,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",
     {
@@ -3248,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" }),
@@ -3260,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",
     {
@@ -3273,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" }),
@@ -3285,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",
     {
@@ -3298,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" }),
@@ -3310,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",
     {
@@ -3323,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" }),
@@ -3335,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",
     {
@@ -3348,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" }),
@@ -3360,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",
     {
@@ -3373,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" }),
@@ -3385,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",
     {
@@ -3398,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" }),
@@ -3412,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",
     {
@@ -3425,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" })
     }
@@ -3434,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",
     {
@@ -3447,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" }),
@@ -3461,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",
     {
@@ -3474,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" }),
@@ -3486,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",
     {
@@ -3499,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" })
     }
@@ -3508,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",
     {
@@ -3521,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" }),
@@ -3533,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",
     {
@@ -3546,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" }),
@@ -3558,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",
     {
@@ -3571,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" }),
@@ -3583,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",
     {
@@ -3596,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" }),
@@ -3608,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",
     {
@@ -3621,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" })
     }
@@ -3630,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",
     {
@@ -3643,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" }),
@@ -3655,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",
     {
@@ -3668,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" }),
@@ -3680,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",
     {
@@ -3693,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" }),
@@ -3705,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",
     {
@@ -3718,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" }),
@@ -3730,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",
     {
@@ -3743,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" }),
@@ -3756,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",
     {
@@ -3769,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" }),
@@ -3782,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",
     {
@@ -3795,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" }),
@@ -3807,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",
     {
@@ -3820,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" }),
@@ -3835,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",
     {
@@ -3848,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" })
     }
@@ -3857,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",
     {
@@ -3870,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" }),
@@ -3889,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",
     {
@@ -3902,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" })
     }
@@ -3911,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",
     {
@@ -3924,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" })
     }
@@ -3933,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",
     {
@@ -3946,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" }),
@@ -3958,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",
     {
@@ -3973,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",
     {
@@ -3999,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",
@@ -4027,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",
     {
@@ -4049,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",
     {
@@ -4075,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",
     {
@@ -4100,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",
     {
@@ -4126,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",
     {
@@ -4151,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",
     {
@@ -4177,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",
     {
@@ -4204,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",
     {
@@ -4229,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",
     {
@@ -4258,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",
     {
@@ -4289,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",
     {
@@ -4314,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",
     {
@@ -4340,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",
     {
@@ -4366,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",
     {
@@ -4391,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",
     {
@@ -4416,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",
     {
@@ -4443,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",
@@ -4469,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",
@@ -4491,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",
     {
@@ -4513,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",
     {
@@ -4539,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",
@@ -4566,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",
@@ -4588,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",
     {
@@ -4610,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",
     {
@@ -4636,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",
     {
@@ -4662,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",
@@ -4688,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",
     {
@@ -4710,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",
     {
@@ -4735,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",
@@ -4760,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",
@@ -4782,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",
     {
@@ -4804,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",
     {
@@ -4829,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",
     {
@@ -4855,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",
     {
@@ -4880,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",
     {
@@ -4907,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",
     {
@@ -4933,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",
     {
@@ -4958,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",
     {
@@ -4983,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",
     {
@@ -5008,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",
@@ -5034,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",
     {
@@ -5056,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",
     {
@@ -5081,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",
     {
@@ -5107,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",
     {
@@ -5133,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",
     {
@@ -5158,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",
     {
@@ -5183,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",
     {
@@ -5208,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",
     {
@@ -5240,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",
@@ -5267,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",
     {
@@ -5289,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",
     {
@@ -5321,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",
     {
@@ -5346,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",
     {
@@ -5371,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",
     {
@@ -5396,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",
     {
@@ -5422,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",
     {
@@ -5447,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",
     {
@@ -5472,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",
     {
@@ -5498,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",
     {
@@ -5523,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",
     {
@@ -5549,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",
     {
@@ -5576,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",
     {
@@ -5603,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",
     {
@@ -5629,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",
     {
@@ -5655,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",
@@ -5682,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" })
     }
   );
 }
@@ -5730,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 },
@@ -5855,6 +5878,7 @@ export {
   FolderIcon,
   FolderOpenIcon,
   GiftIcon,
+  GitHubIcon,
   GlobeIcon,
   GridIcon,
   HeartIcon,