@octavius2929-personal/design-system 1.1.0 → 1.3.0

package/dist/index.cjs

@@ -72,6 +72,7 @@ __export(index_exports, {
   FolderIcon: () => FolderIcon,
   FolderOpenIcon: () => FolderOpenIcon,
   GiftIcon: () => GiftIcon,
+  GitHubIcon: () => GitHubIcon,
   GlobeIcon: () => GlobeIcon,
   GridIcon: () => GridIcon,
   HeartIcon: () => HeartIcon,
@@ -843,10 +844,15 @@ function states(map) {
 var import_react12 = require("react");
 
 // src/components/button/use-styles.css.ts
-var full = "use-styles_full__1pbtill4";
+var content = "use-styles_content__1pbtillg";
+var contentHidden = "use-styles_contentHidden__1pbtillh";
+var full = "use-styles_full__1pbtill5";
+var loadingRoot = "use-styles_loadingRoot__1pbtill1";
 var root = "use-styles_root__1pbtill0";
-var size = { sm: "use-styles_size_sm__1pbtill1", md: "use-styles_size_md__1pbtill2", lg: "use-styles_size_lg__1pbtill3" };
-var tone = { filledInk: "use-styles_tone_filledInk__1pbtill5", filledAccent: "use-styles_tone_filledAccent__1pbtill6", outlineInk: "use-styles_tone_outlineInk__1pbtill7", outlineAccent: "use-styles_tone_outlineAccent__1pbtill8", ghostInk: "use-styles_tone_ghostInk__1pbtill9", ghostAccent: "use-styles_tone_ghostAccent__1pbtilla", filledDanger: "use-styles_tone_filledDanger__1pbtillb", outlineDanger: "use-styles_tone_outlineDanger__1pbtillc", ghostDanger: "use-styles_tone_ghostDanger__1pbtilld" };
+var selected = "use-styles_selected__1pbtillf";
+var size = { sm: "use-styles_size_sm__1pbtill2", md: "use-styles_size_md__1pbtill3", lg: "use-styles_size_lg__1pbtill4" };
+var spinner = "use-styles_spinner__1pbtillj";
+var tone = { filledInk: "use-styles_tone_filledInk__1pbtill6", filledAccent: "use-styles_tone_filledAccent__1pbtill7", outlineInk: "use-styles_tone_outlineInk__1pbtill8", outlineAccent: "use-styles_tone_outlineAccent__1pbtill9", ghostInk: "use-styles_tone_ghostInk__1pbtilla", ghostAccent: "use-styles_tone_ghostAccent__1pbtillb", filledDanger: "use-styles_tone_filledDanger__1pbtillc", outlineDanger: "use-styles_tone_outlineDanger__1pbtilld", ghostDanger: "use-styles_tone_ghostDanger__1pbtille" };
 
 // src/components/button/use-styles.ts
 function toneKey(variant2, tone4) {
@@ -858,7 +864,9 @@ function useStyles4({
   tone: tone4 = "ink",
   size: size3 = "md",
   full: full2,
-  className
+  className,
+  selected: selected4,
+  loading
 }) {
   const { themeClass } = useTheme();
   const container = (0, import_react12.useMemo)(
@@ -866,13 +874,19 @@ function useStyles4({
       themeClass,
       root,
       size[size3],
-      tone[toneKey(variant2, tone4)],
+      // `selected` pisa el tono en vez de combinarse con él (ver comentario en use-styles.css.ts).
+      selected4 ? selected : tone[toneKey(variant2, tone4)],
       full2 && full,
+      loading && loadingRoot,
       className
     ].filter(Boolean).join(" "),
-    [themeClass, variant2, tone4, size3, full2, className]
+    [themeClass, variant2, tone4, size3, full2, loading, selected4, className]
   );
-  return { container };
+  return {
+    container,
+    content: loading ? contentHidden : content,
+    spinner
+  };
 }
 
 // src/components/button/index.tsx
@@ -888,12 +902,27 @@ var Button = (0, import_react13.forwardRef)(function Button2({
   className,
   type = "button",
   testId,
+  loading,
+  selected: selected4,
   children,
+  onClick,
   ...rest
 }, ref) {
-  const { container } = useStyles4({ variant: variant2, tone: tone4, size: size3, full: full2, className });
-  const { testId: dataTestId } = useTestId("button", testId);
+  const { container, content: content4, spinner: spinner3 } = useStyles4({
+    variant: variant2,
+    tone: tone4,
+    size: size3,
+    full: full2,
+    className,
+    selected: selected4,
+    loading
+  });
+  const { testId: dataTestId, slot } = useTestId("button", testId);
   const iconSize = ICON_SIZE[size3];
+  const handleClick = (event) => {
+    if (loading) return;
+    onClick?.(event);
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "button",
     {
@@ -901,12 +930,19 @@ var Button = (0, import_react13.forwardRef)(function Button2({
       type,
       className: container,
       "data-testid": dataTestId,
-      "data-state": states({ disabled: rest.disabled }),
+      "data-state": states({ disabled: rest.disabled, loading, selected: selected4 }),
+      "aria-busy": loading || void 0,
+      "aria-disabled": loading || void 0,
+      "aria-pressed": selected4 === void 0 ? void 0 : selected4,
+      onClick: handleClick,
       ...rest,
       children: [
-        StartIcon && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(StartIcon, { size: iconSize }),
-        children,
-        EndIcon && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(EndIcon, { size: iconSize })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: content4, children: [
+          StartIcon && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(StartIcon, { size: iconSize }),
+          children,
+          EndIcon && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(EndIcon, { size: iconSize })
+        ] }),
+        loading && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: spinner3, "aria-hidden": "true", "data-testid": slot("spinner") })
       ]
     }
   );
@@ -1040,7 +1076,7 @@ var import_react20 = require("react");
 // src/components/progress/use-styles.css.ts
 var bar = "use-styles_bar__kbop7v3";
 var indeterminate = "use-styles_indeterminate__kbop7v4";
-var spinner = "use-styles_spinner__kbop7v5";
+var spinner2 = "use-styles_spinner__kbop7v5";
 var track = "use-styles_track__kbop7v2";
 
 // src/components/progress/use-styles.ts
@@ -1054,7 +1090,7 @@ function useStyles8({
   return (0, import_react20.useMemo)(() => {
     const root24 = (...classes) => [themeClass, ...classes, className].filter(Boolean).join(" ");
     if (variant2 === "circular") {
-      return { track: "", bar: "", spinner: root24(spinner) };
+      return { track: "", bar: "", spinner: root24(spinner2) };
     }
     return {
       track: root24(track),
@@ -1067,7 +1103,7 @@ function useStyles8({
 // src/components/progress/index.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var Progress = (0, import_react21.forwardRef)(function Progress2({ variant: variant2 = "linear", value, size: size3 = 20, className, testId, ...rest }, ref) {
-  const { track: track4, bar: bar2, spinner: spinner2 } = useStyles8({ variant: variant2, value, className });
+  const { track: track4, bar: bar2, spinner: spinner3 } = useStyles8({ variant: variant2, value, className });
   const indeterminate2 = value === void 0;
   const { testId: dataTestId, slot } = useTestId("media", testId);
   if (variant2 === "circular") {
@@ -1075,7 +1111,7 @@ var Progress = (0, import_react21.forwardRef)(function Progress2({ variant: vari
       "span",
       {
         ref,
-        className: spinner2,
+        className: spinner3,
         role: "progressbar",
         "aria-valuenow": indeterminate2 ? void 0 : value,
         "aria-valuemin": indeterminate2 ? void 0 : 0,
@@ -1116,7 +1152,7 @@ var import_react23 = require("react");
 
 // src/components/icons/x/index.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
-function XIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function XIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     "svg",
     {
@@ -1129,7 +1165,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__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M18 6 6 18" }),
@@ -1146,12 +1182,12 @@ var import_react22 = require("react");
 var clickable = "use-styles_clickable__1axilf44";
 var deleteBtn = "use-styles_deleteBtn__1axilf45";
 var root5 = "use-styles_root__1axilf40";
-var selected = "use-styles_selected__1axilf43";
+var selected2 = "use-styles_selected__1axilf43";
 var tone3 = { ink: "use-styles_tone_ink__1axilf41", accent: "use-styles_tone_accent__1axilf42" };
 
 // src/components/chip/use-styles.ts
 function useStyles9({
-  selected: selected3,
+  selected: selected4,
   tone: tone4 = "ink",
   clickable: clickable2
 }) {
@@ -1160,10 +1196,10 @@ function useStyles9({
     () => [
       themeClass,
       root5,
-      selected3 ? selected : tone3[tone4],
+      selected4 ? selected2 : tone3[tone4],
       clickable2 && clickable
     ].filter(Boolean).join(" "),
-    [themeClass, selected3, tone4, clickable2]
+    [themeClass, selected4, tone4, clickable2]
   );
   return { root: root24, deleteBtn };
 }
@@ -1171,9 +1207,9 @@ function useStyles9({
 // src/components/chip/index.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var ICON_SIZE2 = 13;
-var Chip = (0, import_react23.forwardRef)(function Chip2({ selected: selected3, tone: tone4, onDelete, onClick, startIcon: StartIcon, children, testId, ...rest }, ref) {
+var Chip = (0, import_react23.forwardRef)(function Chip2({ selected: selected4, tone: tone4, onDelete, onClick, startIcon: StartIcon, children, testId, ...rest }, ref) {
   const clickable2 = Boolean(onClick);
-  const { root: root24, deleteBtn: deleteBtn2 } = useStyles9({ selected: selected3, tone: tone4, clickable: clickable2 });
+  const { root: root24, deleteBtn: deleteBtn2 } = useStyles9({ selected: selected4, tone: tone4, clickable: clickable2 });
   const { testId: dataTestId, slot } = useTestId("media", testId);
   const handleDelete = (event) => {
     event.stopPropagation();
@@ -1186,7 +1222,7 @@ var Chip = (0, import_react23.forwardRef)(function Chip2({ selected: selected3,
       className: root24,
       onClick,
       "data-testid": dataTestId,
-      "data-state": states({ selected: selected3 }),
+      "data-state": states({ selected: selected4 }),
       ...rest,
       children: [
         StartIcon ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(StartIcon, { size: ICON_SIZE2 }) : null,
@@ -1212,7 +1248,7 @@ var import_react25 = require("react");
 
 // src/components/icons/check/index.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
-function CheckIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function CheckIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "svg",
     {
@@ -1225,7 +1261,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__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M20 6 9 17l-5-5" })
     }
@@ -1556,7 +1592,7 @@ var import_react34 = require("react");
 
 // src/components/icons/eye/index.tsx
 var import_jsx_runtime19 = require("react/jsx-runtime");
-function EyeIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function EyeIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "svg",
     {
@@ -1569,7 +1605,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__ */ (0, import_jsx_runtime19.jsx)("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
@@ -1581,7 +1617,7 @@ function EyeIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/eye-off/index.tsx
 var import_jsx_runtime20 = require("react/jsx-runtime");
-function EyeOffIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function EyeOffIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     "svg",
     {
@@ -1594,7 +1630,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__ */ (0, import_jsx_runtime20.jsx)("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }),
@@ -1839,7 +1875,7 @@ var import_react41 = require("react");
 
 // src/components/icons/circle-check/index.tsx
 var import_jsx_runtime25 = require("react/jsx-runtime");
-function CircleCheckIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function CircleCheckIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     "svg",
     {
@@ -1852,7 +1888,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__ */ (0, import_jsx_runtime25.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
@@ -1864,7 +1900,7 @@ function CircleCheckIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/circle-x/index.tsx
 var import_jsx_runtime26 = require("react/jsx-runtime");
-function CircleXIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function CircleXIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     "svg",
     {
@@ -1877,7 +1913,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__ */ (0, import_jsx_runtime26.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
@@ -1890,7 +1926,7 @@ function CircleXIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/info/index.tsx
 var import_jsx_runtime27 = require("react/jsx-runtime");
-function InfoIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function InfoIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     "svg",
     {
@@ -1903,7 +1939,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__ */ (0, import_jsx_runtime27.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
@@ -1916,7 +1952,7 @@ function InfoIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/triangle-alert/index.tsx
 var import_jsx_runtime28 = require("react/jsx-runtime");
-function TriangleAlertIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function TriangleAlertIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
     "svg",
     {
@@ -1929,7 +1965,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__ */ (0, import_jsx_runtime28.jsx)("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" }),
@@ -1944,7 +1980,7 @@ function TriangleAlertIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 var import_react40 = require("react");
 
 // src/components/alert/use-styles.css.ts
-var content = "use-styles_content__ivsh6u6";
+var content2 = "use-styles_content__ivsh6u6";
 var iconSlot = "use-styles_iconSlot__ivsh6u5";
 var root12 = "use-styles_root__ivsh6u0";
 var severity = { info: "use-styles_severity_info__ivsh6u1", ok: "use-styles_severity_ok__ivsh6u2", warn: "use-styles_severity_warn__ivsh6u3", danger: "use-styles_severity_danger__ivsh6u4" };
@@ -1962,7 +1998,7 @@ function useStyles17({
   return {
     root: root24,
     iconSlot,
-    content
+    content: content2
   };
 }
 
@@ -2106,7 +2142,7 @@ var import_react45 = require("react");
 
 // src/components/icons/chevron-down/index.tsx
 var import_jsx_runtime31 = require("react/jsx-runtime");
-function ChevronDownIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ChevronDownIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "svg",
     {
@@ -2119,7 +2155,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__ */ (0, import_jsx_runtime31.jsx)("path", { d: "m6 9 6 6 6-6" })
     }
@@ -2155,7 +2191,7 @@ function useStyles19({
       placeholder,
       chevron: chevron3,
       menu,
-      optionClass: (selected3, active2) => [option, selected3 && optionSelected, active2 && optionActive].filter(Boolean).join(" ")
+      optionClass: (selected4, active2) => [option, selected4 && optionSelected, active2 && optionActive].filter(Boolean).join(" ")
     };
   }, [themeClass, open]);
 }
@@ -2204,7 +2240,7 @@ var Select = (0, import_react45.forwardRef)(function Select2({
     document.addEventListener("mousedown", onPointerDown);
     return () => document.removeEventListener("mousedown", onPointerDown);
   }, [open]);
-  const selected3 = options.find((option2) => option2.value === value);
+  const selected4 = options.find((option2) => option2.value === value);
   const selectAt = (index) => {
     const option2 = options[index];
     if (option2) onChange?.(option2.value);
@@ -2277,7 +2313,7 @@ var Select = (0, import_react45.forwardRef)(function Select2({
         },
         onKeyDown: handleKeyDown,
         children: [
-          selected3 ? selected3.label : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: placeholderClass, children: placeholder2 }),
+          selected4 ? selected4.label : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: placeholderClass, children: placeholder2 }),
           /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: chevron3, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ChevronDownIcon, { size: 18 }) })
         ]
       }
@@ -2465,7 +2501,7 @@ var import_react51 = require("react");
 
 // src/components/icons/chevron-right/index.tsx
 var import_jsx_runtime35 = require("react/jsx-runtime");
-function ChevronRightIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ChevronRightIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "svg",
     {
@@ -2478,7 +2514,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__ */ (0, import_jsx_runtime35.jsx)("path", { d: "m9 18 6-6-6-6" })
     }
@@ -2524,7 +2560,7 @@ var import_react53 = require("react");
 
 // src/components/icons/chevron-left/index.tsx
 var import_jsx_runtime37 = require("react/jsx-runtime");
-function ChevronLeftIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ChevronLeftIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "svg",
     {
@@ -2537,7 +2573,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__ */ (0, import_jsx_runtime37.jsx)("path", { d: "m15 18-6-6 6-6" })
     }
@@ -3300,29 +3336,29 @@ var import_react69 = require("react");
 var import_react68 = require("react");
 
 // src/components/list-item/use-styles.css.ts
-var content2 = "use-styles_content__kbreq13";
+var content3 = "use-styles_content__kbreq13";
 var leading = "use-styles_leading__kbreq12";
 var root23 = "use-styles_root__kbreq10";
-var selected2 = "use-styles_selected__kbreq11";
+var selected3 = "use-styles_selected__kbreq11";
 var trailing = "use-styles_trailing__kbreq14";
 
 // src/components/list-item/use-styles.ts
 function useStyles31({
-  selected: selected3,
+  selected: selected4,
   className
 }) {
   const { themeClass } = useTheme();
   const root24 = (0, import_react68.useMemo)(
-    () => [themeClass, root23, selected3 && selected2, className].filter(Boolean).join(" "),
-    [themeClass, selected3, className]
+    () => [themeClass, root23, selected4 && selected3, className].filter(Boolean).join(" "),
+    [themeClass, selected4, className]
   );
-  return { root: root24, leading, content: content2, trailing };
+  return { root: root24, leading, content: content3, trailing };
 }
 
 // src/components/list-item/index.tsx
 var import_jsx_runtime46 = require("react/jsx-runtime");
-var ListItem = (0, import_react69.forwardRef)(function ListItem2({ leading: leading2, trailing: trailing2, selected: selected3, className, testId, children, ...rest }, ref) {
-  const styles = useStyles31({ selected: selected3, className });
+var ListItem = (0, import_react69.forwardRef)(function ListItem2({ leading: leading2, trailing: trailing2, selected: selected4, className, testId, children, ...rest }, ref) {
+  const styles = useStyles31({ selected: selected4, className });
   const { testId: dataTestId, slot } = useTestId("list", testId);
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     "div",
@@ -3330,7 +3366,7 @@ var ListItem = (0, import_react69.forwardRef)(function ListItem2({ leading: lead
       ref,
       className: styles.root,
       "data-testid": dataTestId,
-      "data-state": states({ selected: selected3 }),
+      "data-state": states({ selected: selected4 }),
       ...rest,
       children: [
         leading2 != null && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: styles.leading, "data-testid": slot("leading"), children: leading2 }),
@@ -3343,7 +3379,7 @@ var ListItem = (0, import_react69.forwardRef)(function ListItem2({ leading: lead
 
 // src/components/icons/alert-circle/index.tsx
 var import_jsx_runtime47 = require("react/jsx-runtime");
-function AlertCircleIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function AlertCircleIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     "svg",
     {
@@ -3356,7 +3392,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__ */ (0, import_jsx_runtime47.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
@@ -3369,7 +3405,7 @@ function AlertCircleIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/archive/index.tsx
 var import_jsx_runtime48 = require("react/jsx-runtime");
-function ArchiveIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ArchiveIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
     "svg",
     {
@@ -3382,7 +3418,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__ */ (0, import_jsx_runtime48.jsx)("rect", { width: "20", height: "5", x: "2", y: "3", rx: "1" }),
@@ -3395,7 +3431,7 @@ function ArchiveIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/arrow-down/index.tsx
 var import_jsx_runtime49 = require("react/jsx-runtime");
-function ArrowDownIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ArrowDownIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
     "svg",
     {
@@ -3408,7 +3444,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__ */ (0, import_jsx_runtime49.jsx)("path", { d: "M12 5v14" }),
@@ -3420,7 +3456,7 @@ function ArrowDownIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/arrow-left/index.tsx
 var import_jsx_runtime50 = require("react/jsx-runtime");
-function ArrowLeftIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ArrowLeftIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
     "svg",
     {
@@ -3433,7 +3469,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__ */ (0, import_jsx_runtime50.jsx)("path", { d: "m12 19-7-7 7-7" }),
@@ -3445,7 +3481,7 @@ function ArrowLeftIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/arrow-right/index.tsx
 var import_jsx_runtime51 = require("react/jsx-runtime");
-function ArrowRightIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ArrowRightIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
     "svg",
     {
@@ -3458,7 +3494,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__ */ (0, import_jsx_runtime51.jsx)("path", { d: "M5 12h14" }),
@@ -3470,7 +3506,7 @@ function ArrowRightIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/arrow-up/index.tsx
 var import_jsx_runtime52 = require("react/jsx-runtime");
-function ArrowUpIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ArrowUpIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
     "svg",
     {
@@ -3483,7 +3519,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__ */ (0, import_jsx_runtime52.jsx)("path", { d: "m5 12 7-7 7 7" }),
@@ -3495,7 +3531,7 @@ function ArrowUpIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/at-sign/index.tsx
 var import_jsx_runtime53 = require("react/jsx-runtime");
-function AtSignIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function AtSignIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
     "svg",
     {
@@ -3508,7 +3544,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__ */ (0, import_jsx_runtime53.jsx)("circle", { cx: "12", cy: "12", r: "4" }),
@@ -3520,7 +3556,7 @@ function AtSignIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/bell/index.tsx
 var import_jsx_runtime54 = require("react/jsx-runtime");
-function BellIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function BellIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     "svg",
     {
@@ -3533,7 +3569,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__ */ (0, import_jsx_runtime54.jsx)("path", { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }),
@@ -3545,7 +3581,7 @@ function BellIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/bell-off/index.tsx
 var import_jsx_runtime55 = require("react/jsx-runtime");
-function BellOffIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function BellOffIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
     "svg",
     {
@@ -3558,7 +3594,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__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M8.7 3A6 6 0 0 1 18 8a21.3 21.3 0 0 0 .6 5" }),
@@ -3572,7 +3608,7 @@ function BellOffIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/bookmark/index.tsx
 var import_jsx_runtime56 = require("react/jsx-runtime");
-function BookmarkIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function BookmarkIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "svg",
     {
@@ -3585,7 +3621,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__ */ (0, import_jsx_runtime56.jsx)("path", { d: "m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z" })
     }
@@ -3594,7 +3630,7 @@ function BookmarkIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/calendar/index.tsx
 var import_jsx_runtime57 = require("react/jsx-runtime");
-function CalendarIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function CalendarIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
     "svg",
     {
@@ -3607,7 +3643,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__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M8 2v4" }),
@@ -3621,7 +3657,7 @@ function CalendarIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/camera/index.tsx
 var import_jsx_runtime58 = require("react/jsx-runtime");
-function CameraIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function CameraIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
     "svg",
     {
@@ -3634,7 +3670,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__ */ (0, import_jsx_runtime58.jsx)("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" }),
@@ -3646,7 +3682,7 @@ function CameraIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/chevron-up/index.tsx
 var import_jsx_runtime59 = require("react/jsx-runtime");
-function ChevronUpIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ChevronUpIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     "svg",
     {
@@ -3659,7 +3695,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__ */ (0, import_jsx_runtime59.jsx)("path", { d: "m18 15-6-6-6 6" })
     }
@@ -3668,7 +3704,7 @@ function ChevronUpIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/chevrons-left/index.tsx
 var import_jsx_runtime60 = require("react/jsx-runtime");
-function ChevronsLeftIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ChevronsLeftIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
     "svg",
     {
@@ -3681,7 +3717,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__ */ (0, import_jsx_runtime60.jsx)("path", { d: "m11 17-5-5 5-5" }),
@@ -3693,7 +3729,7 @@ function ChevronsLeftIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/chevrons-right/index.tsx
 var import_jsx_runtime61 = require("react/jsx-runtime");
-function ChevronsRightIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ChevronsRightIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
     "svg",
     {
@@ -3706,7 +3742,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__ */ (0, import_jsx_runtime61.jsx)("path", { d: "m6 17 5-5-5-5" }),
@@ -3718,7 +3754,7 @@ function ChevronsRightIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/clipboard/index.tsx
 var import_jsx_runtime62 = require("react/jsx-runtime");
-function ClipboardIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ClipboardIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
     "svg",
     {
@@ -3731,7 +3767,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__ */ (0, import_jsx_runtime62.jsx)("rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1" }),
@@ -3743,7 +3779,7 @@ function ClipboardIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/clock/index.tsx
 var import_jsx_runtime63 = require("react/jsx-runtime");
-function ClockIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ClockIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
     "svg",
     {
@@ -3756,7 +3792,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__ */ (0, import_jsx_runtime63.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
@@ -3768,7 +3804,7 @@ function ClockIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/cloud/index.tsx
 var import_jsx_runtime64 = require("react/jsx-runtime");
-function CloudIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function CloudIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
     "svg",
     {
@@ -3781,7 +3817,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__ */ (0, import_jsx_runtime64.jsx)("path", { d: "M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z" })
     }
@@ -3790,7 +3826,7 @@ function CloudIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/copy/index.tsx
 var import_jsx_runtime65 = require("react/jsx-runtime");
-function CopyIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function CopyIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
     "svg",
     {
@@ -3803,7 +3839,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__ */ (0, import_jsx_runtime65.jsx)("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
@@ -3815,7 +3851,7 @@ function CopyIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/corner-down-right/index.tsx
 var import_jsx_runtime66 = require("react/jsx-runtime");
-function CornerDownRightIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function CornerDownRightIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
     "svg",
     {
@@ -3828,7 +3864,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__ */ (0, import_jsx_runtime66.jsx)("polyline", { points: "15 10 20 15 15 20" }),
@@ -3840,7 +3876,7 @@ function CornerDownRightIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest })
 
 // src/components/icons/credit-card/index.tsx
 var import_jsx_runtime67 = require("react/jsx-runtime");
-function CreditCardIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function CreditCardIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
     "svg",
     {
@@ -3853,7 +3889,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__ */ (0, import_jsx_runtime67.jsx)("rect", { width: "20", height: "14", x: "2", y: "5", rx: "2" }),
@@ -3865,7 +3901,7 @@ function CreditCardIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/dollar-sign/index.tsx
 var import_jsx_runtime68 = require("react/jsx-runtime");
-function DollarSignIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function DollarSignIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
     "svg",
     {
@@ -3878,7 +3914,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__ */ (0, import_jsx_runtime68.jsx)("line", { x1: "12", x2: "12", y1: "2", y2: "22" }),
@@ -3890,7 +3926,7 @@ function DollarSignIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/download/index.tsx
 var import_jsx_runtime69 = require("react/jsx-runtime");
-function DownloadIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function DownloadIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
     "svg",
     {
@@ -3903,7 +3939,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__ */ (0, import_jsx_runtime69.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
@@ -3916,7 +3952,7 @@ function DownloadIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/external-link/index.tsx
 var import_jsx_runtime70 = require("react/jsx-runtime");
-function ExternalLinkIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ExternalLinkIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
     "svg",
     {
@@ -3929,7 +3965,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__ */ (0, import_jsx_runtime70.jsx)("path", { d: "M15 3h6v6" }),
@@ -3942,7 +3978,7 @@ function ExternalLinkIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/file/index.tsx
 var import_jsx_runtime71 = require("react/jsx-runtime");
-function FileIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function FileIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
     "svg",
     {
@@ -3955,7 +3991,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__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
@@ -3967,7 +4003,7 @@ function FileIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/file-text/index.tsx
 var import_jsx_runtime72 = require("react/jsx-runtime");
-function FileTextIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function FileTextIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
     "svg",
     {
@@ -3980,7 +4016,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__ */ (0, import_jsx_runtime72.jsx)("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
@@ -3995,7 +4031,7 @@ function FileTextIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/filter/index.tsx
 var import_jsx_runtime73 = require("react/jsx-runtime");
-function FilterIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function FilterIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     "svg",
     {
@@ -4008,7 +4044,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__ */ (0, import_jsx_runtime73.jsx)("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })
     }
@@ -4017,7 +4053,7 @@ function FilterIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/fingerprint/index.tsx
 var import_jsx_runtime74 = require("react/jsx-runtime");
-function FingerprintIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function FingerprintIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
     "svg",
     {
@@ -4030,7 +4066,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__ */ (0, import_jsx_runtime74.jsx)("path", { d: "M2 12C2 6.5 6.5 2 12 2a10 10 0 0 1 8 4" }),
@@ -4049,7 +4085,7 @@ function FingerprintIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/folder/index.tsx
 var import_jsx_runtime75 = require("react/jsx-runtime");
-function FolderIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function FolderIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
     "svg",
     {
@@ -4062,7 +4098,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__ */ (0, import_jsx_runtime75.jsx)("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" })
     }
@@ -4071,7 +4107,7 @@ function FolderIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/folder-open/index.tsx
 var import_jsx_runtime76 = require("react/jsx-runtime");
-function FolderOpenIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function FolderOpenIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
     "svg",
     {
@@ -4084,7 +4120,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__ */ (0, import_jsx_runtime76.jsx)("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" })
     }
@@ -4093,7 +4129,7 @@ function FolderOpenIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 
 // src/components/icons/gift/index.tsx
 var import_jsx_runtime77 = require("react/jsx-runtime");
-function GiftIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function GiftIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
     "svg",
     {
@@ -4106,7 +4142,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__ */ (0, import_jsx_runtime77.jsx)("rect", { x: "3", y: "8", width: "18", height: "4", rx: "1" }),
@@ -4118,10 +4154,10 @@ function GiftIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
   );
 }
 
-// src/components/icons/globe/index.tsx
+// src/components/icons/github/index.tsx
 var import_jsx_runtime78 = require("react/jsx-runtime");
-function GlobeIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+function GitHubIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4133,20 +4169,16 @@ 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__ */ (0, import_jsx_runtime78.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" }),
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("path", { d: "M2 12h20" })
-      ]
+      children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("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/grid/index.tsx
+// src/components/icons/globe/index.tsx
 var import_jsx_runtime79 = require("react/jsx-runtime");
-function GridIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function GlobeIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
     "svg",
     {
@@ -4159,23 +4191,21 @@ 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__ */ (0, import_jsx_runtime79.jsx)("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("path", { d: "M3 9h18" }),
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("path", { d: "M3 15h18" }),
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("path", { d: "M9 3v18" }),
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("path", { d: "M15 3v18" })
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" }),
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("path", { d: "M2 12h20" })
       ]
     }
   );
 }
 
-// src/components/icons/heart/index.tsx
+// src/components/icons/grid/index.tsx
 var import_jsx_runtime80 = require("react/jsx-runtime");
-function HeartIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+function GridIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4187,17 +4217,23 @@ 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__ */ (0, import_jsx_runtime80.jsx)("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__ */ (0, import_jsx_runtime80.jsx)("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", { d: "M3 9h18" }),
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", { d: "M3 15h18" }),
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", { d: "M9 3v18" }),
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", { d: "M15 3v18" })
+      ]
     }
   );
 }
 
-// src/components/icons/help-circle/index.tsx
+// src/components/icons/heart/index.tsx
 var import_jsx_runtime81 = require("react/jsx-runtime");
-function HelpCircleIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+function HeartIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4209,20 +4245,16 @@ 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__ */ (0, import_jsx_runtime81.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("path", { d: "M12 17h.01" })
-      ]
+      children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("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/home/index.tsx
+// src/components/icons/help-circle/index.tsx
 var import_jsx_runtime82 = require("react/jsx-runtime");
-function HomeIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function HelpCircleIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
     "svg",
     {
@@ -4235,19 +4267,20 @@ 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__ */ (0, import_jsx_runtime82.jsx)("path", { d: "m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("polyline", { points: "9 22 9 12 15 12 15 22" })
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("path", { d: "M12 17h.01" })
       ]
     }
   );
 }
 
-// src/components/icons/image/index.tsx
+// src/components/icons/home/index.tsx
 var import_jsx_runtime83 = require("react/jsx-runtime");
-function ImageIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function HomeIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
     "svg",
     {
@@ -4260,20 +4293,19 @@ 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__ */ (0, import_jsx_runtime83.jsx)("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("circle", { cx: "9", cy: "9", r: "2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("path", { d: "m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("polyline", { points: "9 22 9 12 15 12 15 22" })
       ]
     }
   );
 }
 
-// src/components/icons/inbox/index.tsx
+// src/components/icons/image/index.tsx
 var import_jsx_runtime84 = require("react/jsx-runtime");
-function InboxIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ImageIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
     "svg",
     {
@@ -4286,19 +4318,20 @@ 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__ */ (0, import_jsx_runtime84.jsx)("polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12" }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("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__ */ (0, import_jsx_runtime84.jsx)("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("circle", { cx: "9", cy: "9", r: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
       ]
     }
   );
 }
 
-// src/components/icons/key/index.tsx
+// src/components/icons/inbox/index.tsx
 var import_jsx_runtime85 = require("react/jsx-runtime");
-function KeyIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function InboxIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
     "svg",
     {
@@ -4311,20 +4344,19 @@ 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__ */ (0, import_jsx_runtime85.jsx)("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__ */ (0, import_jsx_runtime85.jsx)("path", { d: "m21 2-9.6 9.6" }),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("circle", { cx: "7.5", cy: "15.5", r: "5.5" })
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("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/layout/index.tsx
+// src/components/icons/key/index.tsx
 var import_jsx_runtime86 = require("react/jsx-runtime");
-function LayoutIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function KeyIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
     "svg",
     {
@@ -4337,21 +4369,20 @@ 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__ */ (0, import_jsx_runtime86.jsx)("rect", { width: "7", height: "9", x: "3", y: "3", rx: "1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("rect", { width: "7", height: "5", x: "14", y: "3", rx: "1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("rect", { width: "7", height: "9", x: "14", y: "12", rx: "1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("rect", { width: "7", height: "5", x: "3", y: "16", rx: "1" })
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("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__ */ (0, import_jsx_runtime86.jsx)("path", { d: "m21 2-9.6 9.6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("circle", { cx: "7.5", cy: "15.5", r: "5.5" })
       ]
     }
   );
 }
 
-// src/components/icons/link/index.tsx
+// src/components/icons/layout/index.tsx
 var import_jsx_runtime87 = require("react/jsx-runtime");
-function LinkIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function LayoutIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
     "svg",
     {
@@ -4364,19 +4395,21 @@ 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__ */ (0, import_jsx_runtime87.jsx)("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__ */ (0, import_jsx_runtime87.jsx)("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__ */ (0, import_jsx_runtime87.jsx)("rect", { width: "7", height: "9", x: "3", y: "3", rx: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("rect", { width: "7", height: "5", x: "14", y: "3", rx: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("rect", { width: "7", height: "9", x: "14", y: "12", rx: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("rect", { width: "7", height: "5", x: "3", y: "16", rx: "1" })
       ]
     }
   );
 }
 
-// src/components/icons/list/index.tsx
+// src/components/icons/link/index.tsx
 var import_jsx_runtime88 = require("react/jsx-runtime");
-function ListIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function LinkIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
     "svg",
     {
@@ -4389,23 +4422,19 @@ 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__ */ (0, import_jsx_runtime88.jsx)("line", { x1: "8", x2: "21", y1: "6", y2: "6" }),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("line", { x1: "8", x2: "21", y1: "12", y2: "12" }),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("line", { x1: "8", x2: "21", y1: "18", y2: "18" }),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("line", { x1: "3", x2: "3.01", y1: "6", y2: "6" }),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("line", { x1: "3", x2: "3.01", y1: "12", y2: "12" }),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("line", { x1: "3", x2: "3.01", y1: "18", y2: "18" })
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("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__ */ (0, import_jsx_runtime88.jsx)("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/loader/index.tsx
+// src/components/icons/list/index.tsx
 var import_jsx_runtime89 = require("react/jsx-runtime");
-function LoaderIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ListIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
     "svg",
     {
@@ -4418,25 +4447,23 @@ 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__ */ (0, import_jsx_runtime89.jsx)("line", { x1: "12", x2: "12", y1: "2", y2: "6" }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("line", { x1: "12", x2: "12", y1: "18", y2: "22" }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("line", { x1: "4.93", x2: "7.76", y1: "4.93", y2: "7.76" }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("line", { x1: "16.24", x2: "19.07", y1: "16.24", y2: "19.07" }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("line", { x1: "2", x2: "6", y1: "12", y2: "12" }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("line", { x1: "18", x2: "22", y1: "12", y2: "12" }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("line", { x1: "4.93", x2: "7.76", y1: "19.07", y2: "16.24" }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("line", { x1: "16.24", x2: "19.07", y1: "7.76", y2: "4.93" })
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("line", { x1: "8", x2: "21", y1: "6", y2: "6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("line", { x1: "8", x2: "21", y1: "12", y2: "12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("line", { x1: "8", x2: "21", y1: "18", y2: "18" }),
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("line", { x1: "3", x2: "3.01", y1: "6", y2: "6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("line", { x1: "3", x2: "3.01", y1: "12", y2: "12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("line", { x1: "3", x2: "3.01", y1: "18", y2: "18" })
       ]
     }
   );
 }
 
-// src/components/icons/lock/index.tsx
+// src/components/icons/loader/index.tsx
 var import_jsx_runtime90 = require("react/jsx-runtime");
-function LockIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function LoaderIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
     "svg",
     {
@@ -4449,19 +4476,25 @@ 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__ */ (0, import_jsx_runtime90.jsx)("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("line", { x1: "12", x2: "12", y1: "2", y2: "6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("line", { x1: "12", x2: "12", y1: "18", y2: "22" }),
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("line", { x1: "4.93", x2: "7.76", y1: "4.93", y2: "7.76" }),
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("line", { x1: "16.24", x2: "19.07", y1: "16.24", y2: "19.07" }),
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("line", { x1: "2", x2: "6", y1: "12", y2: "12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("line", { x1: "18", x2: "22", y1: "12", y2: "12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("line", { x1: "4.93", x2: "7.76", y1: "19.07", y2: "16.24" }),
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("line", { x1: "16.24", x2: "19.07", y1: "7.76", y2: "4.93" })
       ]
     }
   );
 }
 
-// src/components/icons/log-in/index.tsx
+// src/components/icons/lock/index.tsx
 var import_jsx_runtime91 = require("react/jsx-runtime");
-function LogInIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function LockIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
     "svg",
     {
@@ -4474,20 +4507,19 @@ 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__ */ (0, import_jsx_runtime91.jsx)("path", { d: "M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("polyline", { points: "10 17 15 12 10 7" }),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("line", { x1: "15", x2: "3", y1: "12", y2: "12" })
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
       ]
     }
   );
 }
 
-// src/components/icons/log-out/index.tsx
+// src/components/icons/log-in/index.tsx
 var import_jsx_runtime92 = require("react/jsx-runtime");
-function LogOutIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function LogInIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
     "svg",
     {
@@ -4500,20 +4532,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__ */ (0, import_jsx_runtime92.jsx)("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("polyline", { points: "16 17 21 12 16 7" }),
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("line", { x1: "21", x2: "9", y1: "12", y2: "12" })
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("path", { d: "M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("polyline", { points: "10 17 15 12 10 7" }),
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("line", { x1: "15", x2: "3", y1: "12", y2: "12" })
       ]
     }
   );
 }
 
-// src/components/icons/mail/index.tsx
+// src/components/icons/log-out/index.tsx
 var import_jsx_runtime93 = require("react/jsx-runtime");
-function MailIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function LogOutIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
     "svg",
     {
@@ -4526,19 +4558,20 @@ 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__ */ (0, import_jsx_runtime93.jsx)("rect", { width: "20", height: "16", x: "2", y: "4", rx: "2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" })
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("polyline", { points: "16 17 21 12 16 7" }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("line", { x1: "21", x2: "9", y1: "12", y2: "12" })
       ]
     }
   );
 }
 
-// src/components/icons/map-pin/index.tsx
+// src/components/icons/mail/index.tsx
 var import_jsx_runtime94 = require("react/jsx-runtime");
-function MapPinIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function MailIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
     "svg",
     {
@@ -4551,19 +4584,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__ */ (0, import_jsx_runtime94.jsx)("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__ */ (0, import_jsx_runtime94.jsx)("circle", { cx: "12", cy: "10", r: "3" })
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("rect", { width: "20", height: "16", x: "2", y: "4", rx: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" })
       ]
     }
   );
 }
 
-// src/components/icons/maximize/index.tsx
+// src/components/icons/map-pin/index.tsx
 var import_jsx_runtime95 = require("react/jsx-runtime");
-function MaximizeIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function MapPinIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
     "svg",
     {
@@ -4576,21 +4609,19 @@ 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__ */ (0, import_jsx_runtime95.jsx)("path", { d: "M8 3H5a2 2 0 0 0-2 2v3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("path", { d: "M21 8V5a2 2 0 0 0-2-2h-3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("path", { d: "M3 16v3a2 2 0 0 0 2 2h3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("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__ */ (0, import_jsx_runtime95.jsx)("circle", { cx: "12", cy: "10", r: "3" })
       ]
     }
   );
 }
 
-// src/components/icons/menu/index.tsx
+// src/components/icons/maximize/index.tsx
 var import_jsx_runtime96 = require("react/jsx-runtime");
-function MenuIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function MaximizeIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
     "svg",
     {
@@ -4603,21 +4634,22 @@ 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__ */ (0, import_jsx_runtime96.jsx)("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("path", { d: "M8 3H5a2 2 0 0 0-2 2v3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("path", { d: "M21 8V5a2 2 0 0 0-2-2h-3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("path", { d: "M3 16v3a2 2 0 0 0 2 2h3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
       ]
     }
   );
 }
 
-// src/components/icons/message-circle/index.tsx
+// src/components/icons/menu/index.tsx
 var import_jsx_runtime97 = require("react/jsx-runtime");
-function MessageCircleIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+function MenuIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4629,16 +4661,20 @@ 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__ */ (0, import_jsx_runtime97.jsx)("path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z" })
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
+      ]
     }
   );
 }
 
-// src/components/icons/message-square/index.tsx
+// src/components/icons/message-circle/index.tsx
 var import_jsx_runtime98 = require("react/jsx-runtime");
-function MessageSquareIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function MessageCircleIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     "svg",
     {
@@ -4651,17 +4687,17 @@ 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__ */ (0, import_jsx_runtime98.jsx)("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__ */ (0, import_jsx_runtime98.jsx)("path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z" })
     }
   );
 }
 
-// src/components/icons/mic/index.tsx
+// src/components/icons/message-square/index.tsx
 var import_jsx_runtime99 = require("react/jsx-runtime");
-function MicIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+function MessageSquareIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4673,20 +4709,16 @@ 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__ */ (0, import_jsx_runtime99.jsx)("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("line", { x1: "12", x2: "12", y1: "19", y2: "22" })
-      ]
+      children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("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/minimize/index.tsx
+// src/components/icons/mic/index.tsx
 var import_jsx_runtime100 = require("react/jsx-runtime");
-function MinimizeIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function MicIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
     "svg",
     {
@@ -4699,22 +4731,21 @@ 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__ */ (0, import_jsx_runtime100.jsx)("path", { d: "M8 3v3a2 2 0 0 1-2 2H3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("path", { d: "M21 8h-3a2 2 0 0 1-2-2V3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("path", { d: "M3 16h3a2 2 0 0 1 2 2v3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("path", { d: "M16 21v-3a2 2 0 0 1 2-2h3" })
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("line", { x1: "12", x2: "12", y1: "19", y2: "22" })
       ]
     }
   );
 }
 
-// src/components/icons/minus/index.tsx
+// src/components/icons/minimize/index.tsx
 var import_jsx_runtime101 = require("react/jsx-runtime");
-function MinusIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+function MinimizeIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4726,16 +4757,21 @@ 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__ */ (0, import_jsx_runtime101.jsx)("path", { d: "M5 12h14" })
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("path", { d: "M8 3v3a2 2 0 0 1-2 2H3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("path", { d: "M21 8h-3a2 2 0 0 1-2-2V3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("path", { d: "M3 16h3a2 2 0 0 1 2 2v3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("path", { d: "M16 21v-3a2 2 0 0 1 2-2h3" })
+      ]
     }
   );
 }
 
-// src/components/icons/moon/index.tsx
+// src/components/icons/minus/index.tsx
 var import_jsx_runtime102 = require("react/jsx-runtime");
-function MoonIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function MinusIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     "svg",
     {
@@ -4748,17 +4784,17 @@ 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__ */ (0, import_jsx_runtime102.jsx)("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("path", { d: "M5 12h14" })
     }
   );
 }
 
-// src/components/icons/more-horizontal/index.tsx
+// src/components/icons/moon/index.tsx
 var import_jsx_runtime103 = require("react/jsx-runtime");
-function MoreHorizontalIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
+function MoonIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4770,20 +4806,16 @@ 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__ */ (0, import_jsx_runtime103.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("circle", { cx: "19", cy: "12", r: "1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("circle", { cx: "5", cy: "12", r: "1" })
-      ]
+      children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
     }
   );
 }
 
-// src/components/icons/more-vertical/index.tsx
+// src/components/icons/more-horizontal/index.tsx
 var import_jsx_runtime104 = require("react/jsx-runtime");
-function MoreVerticalIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function MoreHorizontalIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
     "svg",
     {
@@ -4796,20 +4828,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__ */ (0, import_jsx_runtime104.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("circle", { cx: "12", cy: "5", r: "1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("circle", { cx: "12", cy: "19", r: "1" })
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("circle", { cx: "19", cy: "12", r: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("circle", { cx: "5", cy: "12", r: "1" })
       ]
     }
   );
 }
 
-// src/components/icons/package/index.tsx
+// src/components/icons/more-vertical/index.tsx
 var import_jsx_runtime105 = require("react/jsx-runtime");
-function PackageIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function MoreVerticalIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
     "svg",
     {
@@ -4822,21 +4854,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__ */ (0, import_jsx_runtime105.jsx)("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__ */ (0, import_jsx_runtime105.jsx)("path", { d: "M3.3 7 12 12l8.7-5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("path", { d: "M12 22V12" })
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("circle", { cx: "12", cy: "5", r: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("circle", { cx: "12", cy: "19", r: "1" })
       ]
     }
   );
 }
 
-// src/components/icons/paperclip/index.tsx
+// src/components/icons/package/index.tsx
 var import_jsx_runtime106 = require("react/jsx-runtime");
-function PaperclipIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+function PackageIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4848,17 +4880,21 @@ 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__ */ (0, import_jsx_runtime106.jsx)("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__ */ (0, import_jsx_runtime106.jsx)("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__ */ (0, import_jsx_runtime106.jsx)("path", { d: "M3.3 7 12 12l8.7-5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("path", { d: "M12 22V12" })
+      ]
     }
   );
 }
 
-// src/components/icons/pause/index.tsx
+// src/components/icons/paperclip/index.tsx
 var import_jsx_runtime107 = require("react/jsx-runtime");
-function PauseIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
+function PaperclipIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4870,19 +4906,16 @@ 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__ */ (0, import_jsx_runtime107.jsx)("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1" })
-      ]
+      children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("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/pencil/index.tsx
+// src/components/icons/pause/index.tsx
 var import_jsx_runtime108 = require("react/jsx-runtime");
-function PencilIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function PauseIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
     "svg",
     {
@@ -4895,20 +4928,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__ */ (0, import_jsx_runtime108.jsx)("path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("path", { d: "m15 5 4 4" })
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1" })
       ]
     }
   );
 }
 
-// src/components/icons/phone/index.tsx
+// src/components/icons/pencil/index.tsx
 var import_jsx_runtime109 = require("react/jsx-runtime");
-function PhoneIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+function PencilIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4920,16 +4953,19 @@ 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__ */ (0, import_jsx_runtime109.jsx)("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__ */ (0, import_jsx_runtime109.jsx)("path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("path", { d: "m15 5 4 4" })
+      ]
     }
   );
 }
 
-// src/components/icons/play/index.tsx
+// src/components/icons/phone/index.tsx
 var import_jsx_runtime110 = require("react/jsx-runtime");
-function PlayIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function PhoneIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
     "svg",
     {
@@ -4942,17 +4978,17 @@ 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__ */ (0, import_jsx_runtime110.jsx)("polygon", { points: "6 3 20 12 6 21 6 3" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("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/plus/index.tsx
+// src/components/icons/play/index.tsx
 var import_jsx_runtime111 = require("react/jsx-runtime");
-function PlusIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
+function PlayIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4964,19 +5000,16 @@ 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__ */ (0, import_jsx_runtime111.jsx)("path", { d: "M5 12h14" }),
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("path", { d: "M12 5v14" })
-      ]
+      children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("polygon", { points: "6 3 20 12 6 21 6 3" })
     }
   );
 }
 
-// src/components/icons/printer/index.tsx
+// src/components/icons/plus/index.tsx
 var import_jsx_runtime112 = require("react/jsx-runtime");
-function PrinterIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function PlusIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
     "svg",
     {
@@ -4989,20 +5022,19 @@ 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__ */ (0, import_jsx_runtime112.jsx)("polyline", { points: "6 9 6 2 18 2 18 9" }),
-        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("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__ */ (0, import_jsx_runtime112.jsx)("rect", { width: "12", height: "8", x: "6", y: "14" })
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("path", { d: "M5 12h14" }),
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("path", { d: "M12 5v14" })
       ]
     }
   );
 }
 
-// src/components/icons/redo/index.tsx
+// src/components/icons/printer/index.tsx
 var import_jsx_runtime113 = require("react/jsx-runtime");
-function RedoIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function PrinterIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
     "svg",
     {
@@ -5015,19 +5047,20 @@ 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__ */ (0, import_jsx_runtime113.jsx)("path", { d: "M21 7v6h-6" }),
-        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7" })
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("polyline", { points: "6 9 6 2 18 2 18 9" }),
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("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__ */ (0, import_jsx_runtime113.jsx)("rect", { width: "12", height: "8", x: "6", y: "14" })
       ]
     }
   );
 }
 
-// src/components/icons/refresh-cw/index.tsx
+// src/components/icons/redo/index.tsx
 var import_jsx_runtime114 = require("react/jsx-runtime");
-function RefreshCwIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function RedoIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
     "svg",
     {
@@ -5040,21 +5073,19 @@ 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__ */ (0, import_jsx_runtime114.jsx)("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
-        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("path", { d: "M21 3v5h-5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
-        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("path", { d: "M3 21v-5h5" })
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("path", { d: "M21 7v6h-6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7" })
       ]
     }
   );
 }
 
-// src/components/icons/save/index.tsx
+// src/components/icons/refresh-cw/index.tsx
 var import_jsx_runtime115 = require("react/jsx-runtime");
-function SaveIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function RefreshCwIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
     "svg",
     {
@@ -5067,20 +5098,21 @@ 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__ */ (0, import_jsx_runtime115.jsx)("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__ */ (0, import_jsx_runtime115.jsx)("path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7" }),
-        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("path", { d: "M7 3v4a1 1 0 0 0 1 1h7" })
+        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("path", { d: "M21 3v5h-5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
+        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("path", { d: "M3 21v-5h5" })
       ]
     }
   );
 }
 
-// src/components/icons/search/index.tsx
+// src/components/icons/save/index.tsx
 var import_jsx_runtime116 = require("react/jsx-runtime");
-function SearchIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function SaveIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
     "svg",
     {
@@ -5093,19 +5125,20 @@ 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__ */ (0, import_jsx_runtime116.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
-        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("path", { d: "m21 21-4.3-4.3" })
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("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__ */ (0, import_jsx_runtime116.jsx)("path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7" }),
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("path", { d: "M7 3v4a1 1 0 0 0 1 1h7" })
       ]
     }
   );
 }
 
-// src/components/icons/send/index.tsx
+// src/components/icons/search/index.tsx
 var import_jsx_runtime117 = require("react/jsx-runtime");
-function SendIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function SearchIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
     "svg",
     {
@@ -5118,19 +5151,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__ */ (0, import_jsx_runtime117.jsx)("line", { x1: "22", x2: "11", y1: "2", y2: "13" }),
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("path", { d: "m21 21-4.3-4.3" })
       ]
     }
   );
 }
 
-// src/components/icons/settings/index.tsx
+// src/components/icons/send/index.tsx
 var import_jsx_runtime118 = require("react/jsx-runtime");
-function SettingsIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function SendIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
     "svg",
     {
@@ -5143,19 +5176,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__ */ (0, import_jsx_runtime118.jsx)("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__ */ (0, import_jsx_runtime118.jsx)("circle", { cx: "12", cy: "12", r: "3" })
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("line", { x1: "22", x2: "11", y1: "2", y2: "13" }),
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
       ]
     }
   );
 }
 
-// src/components/icons/share/index.tsx
+// src/components/icons/settings/index.tsx
 var import_jsx_runtime119 = require("react/jsx-runtime");
-function ShareIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function SettingsIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
     "svg",
     {
@@ -5168,21 +5201,20 @@ 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__ */ (0, import_jsx_runtime119.jsx)("path", { d: "M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8" }),
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("polyline", { points: "16 6 12 2 8 6" }),
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("line", { x1: "12", x2: "12", y1: "2", y2: "15" })
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("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__ */ (0, import_jsx_runtime119.jsx)("circle", { cx: "12", cy: "12", r: "3" })
       ]
     }
   );
 }
 
-// src/components/icons/shield/index.tsx
+// src/components/icons/share/index.tsx
 var import_jsx_runtime120 = require("react/jsx-runtime");
-function ShieldIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+function ShareIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5194,17 +5226,21 @@ 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__ */ (0, import_jsx_runtime120.jsx)("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__ */ (0, import_jsx_runtime120.jsx)("path", { d: "M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("polyline", { points: "16 6 12 2 8 6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("line", { x1: "12", x2: "12", y1: "2", y2: "15" })
+      ]
     }
   );
 }
 
-// src/components/icons/shield-check/index.tsx
+// src/components/icons/shield/index.tsx
 var import_jsx_runtime121 = require("react/jsx-runtime");
-function ShieldCheckIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+function ShieldIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5216,19 +5252,16 @@ 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__ */ (0, import_jsx_runtime121.jsx)("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__ */ (0, import_jsx_runtime121.jsx)("path", { d: "m9 12 2 2 4-4" })
-      ]
+      children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("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/shopping-bag/index.tsx
+// src/components/icons/shield-check/index.tsx
 var import_jsx_runtime122 = require("react/jsx-runtime");
-function ShoppingBagIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ShieldCheckIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
     "svg",
     {
@@ -5241,20 +5274,19 @@ 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__ */ (0, import_jsx_runtime122.jsx)("path", { d: "M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("path", { d: "M3 6h18" }),
-        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("path", { d: "M16 10a4 4 0 0 1-8 0" })
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("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__ */ (0, import_jsx_runtime122.jsx)("path", { d: "m9 12 2 2 4-4" })
       ]
     }
   );
 }
 
-// src/components/icons/shopping-cart/index.tsx
+// src/components/icons/shopping-bag/index.tsx
 var import_jsx_runtime123 = require("react/jsx-runtime");
-function ShoppingCartIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ShoppingBagIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
     "svg",
     {
@@ -5267,20 +5299,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__ */ (0, import_jsx_runtime123.jsx)("circle", { cx: "8", cy: "21", r: "1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("circle", { cx: "19", cy: "21", r: "1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("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__ */ (0, import_jsx_runtime123.jsx)("path", { d: "M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("path", { d: "M3 6h18" }),
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("path", { d: "M16 10a4 4 0 0 1-8 0" })
       ]
     }
   );
 }
 
-// src/components/icons/sidebar/index.tsx
+// src/components/icons/shopping-cart/index.tsx
 var import_jsx_runtime124 = require("react/jsx-runtime");
-function SidebarIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ShoppingCartIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
     "svg",
     {
@@ -5293,19 +5325,20 @@ 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__ */ (0, import_jsx_runtime124.jsx)("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("path", { d: "M9 3v18" })
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("circle", { cx: "8", cy: "21", r: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("circle", { cx: "19", cy: "21", r: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("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/skip-back/index.tsx
+// src/components/icons/sidebar/index.tsx
 var import_jsx_runtime125 = require("react/jsx-runtime");
-function SkipBackIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function SidebarIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
     "svg",
     {
@@ -5318,19 +5351,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__ */ (0, import_jsx_runtime125.jsx)("polygon", { points: "19 20 9 12 19 4 19 20" }),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("line", { x1: "5", x2: "5", y1: "19", y2: "5" })
+        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("path", { d: "M9 3v18" })
       ]
     }
   );
 }
 
-// src/components/icons/skip-forward/index.tsx
+// src/components/icons/skip-back/index.tsx
 var import_jsx_runtime126 = require("react/jsx-runtime");
-function SkipForwardIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function SkipBackIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
     "svg",
     {
@@ -5343,19 +5376,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__ */ (0, import_jsx_runtime126.jsx)("polygon", { points: "5 4 15 12 5 20 5 4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("line", { x1: "19", x2: "19", y1: "5", y2: "19" })
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("polygon", { points: "19 20 9 12 19 4 19 20" }),
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("line", { x1: "5", x2: "5", y1: "19", y2: "5" })
       ]
     }
   );
 }
 
-// src/components/icons/sliders/index.tsx
+// src/components/icons/skip-forward/index.tsx
 var import_jsx_runtime127 = require("react/jsx-runtime");
-function SlidersIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function SkipForwardIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
     "svg",
     {
@@ -5368,26 +5401,19 @@ 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__ */ (0, import_jsx_runtime127.jsx)("line", { x1: "21", x2: "14", y1: "4", y2: "4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("line", { x1: "10", x2: "3", y1: "4", y2: "4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("line", { x1: "21", x2: "12", y1: "12", y2: "12" }),
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("line", { x1: "8", x2: "3", y1: "12", y2: "12" }),
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("line", { x1: "21", x2: "16", y1: "20", y2: "20" }),
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("line", { x1: "12", x2: "3", y1: "20", y2: "20" }),
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("line", { x1: "14", x2: "14", y1: "2", y2: "6" }),
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("line", { x1: "8", x2: "8", y1: "10", y2: "14" }),
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("line", { x1: "16", x2: "16", y1: "18", y2: "22" })
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("polygon", { points: "5 4 15 12 5 20 5 4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("line", { x1: "19", x2: "19", y1: "5", y2: "19" })
       ]
     }
   );
 }
 
-// src/components/icons/smile/index.tsx
+// src/components/icons/sliders/index.tsx
 var import_jsx_runtime128 = require("react/jsx-runtime");
-function SmileIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function SlidersIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
     "svg",
     {
@@ -5400,22 +5426,27 @@ 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__ */ (0, import_jsx_runtime128.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("line", { x1: "9", x2: "9.01", y1: "9", y2: "9" }),
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("line", { x1: "15", x2: "15.01", y1: "9", y2: "9" })
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("line", { x1: "21", x2: "14", y1: "4", y2: "4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("line", { x1: "10", x2: "3", y1: "4", y2: "4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("line", { x1: "21", x2: "12", y1: "12", y2: "12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("line", { x1: "8", x2: "3", y1: "12", y2: "12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("line", { x1: "21", x2: "16", y1: "20", y2: "20" }),
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("line", { x1: "12", x2: "3", y1: "20", y2: "20" }),
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("line", { x1: "14", x2: "14", y1: "2", y2: "6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("line", { x1: "8", x2: "8", y1: "10", y2: "14" }),
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("line", { x1: "16", x2: "16", y1: "18", y2: "22" })
       ]
     }
   );
 }
 
-// src/components/icons/star/index.tsx
+// src/components/icons/smile/index.tsx
 var import_jsx_runtime129 = require("react/jsx-runtime");
-function StarIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+function SmileIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5427,17 +5458,22 @@ 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__ */ (0, import_jsx_runtime129.jsx)("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__ */ (0, import_jsx_runtime129.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("line", { x1: "9", x2: "9.01", y1: "9", y2: "9" }),
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("line", { x1: "15", x2: "15.01", y1: "9", y2: "9" })
+      ]
     }
   );
 }
 
-// src/components/icons/sun/index.tsx
+// src/components/icons/star/index.tsx
 var import_jsx_runtime130 = require("react/jsx-runtime");
-function SunIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
+function StarIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5449,26 +5485,16 @@ 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__ */ (0, import_jsx_runtime130.jsx)("circle", { cx: "12", cy: "12", r: "4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("path", { d: "M12 2v2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("path", { d: "M12 20v2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("path", { d: "m4.93 4.93 1.41 1.41" }),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("path", { d: "m17.66 17.66 1.41 1.41" }),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("path", { d: "M2 12h2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("path", { d: "M20 12h2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("path", { d: "m6.34 17.66-1.41 1.41" }),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("path", { d: "m19.07 4.93-1.41 1.41" })
-      ]
+      children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("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/tag/index.tsx
+// src/components/icons/sun/index.tsx
 var import_jsx_runtime131 = require("react/jsx-runtime");
-function TagIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function SunIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
     "svg",
     {
@@ -5481,19 +5507,26 @@ 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__ */ (0, import_jsx_runtime131.jsx)("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__ */ (0, import_jsx_runtime131.jsx)("circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor" })
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("circle", { cx: "12", cy: "12", r: "4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("path", { d: "M12 2v2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("path", { d: "M12 20v2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("path", { d: "m4.93 4.93 1.41 1.41" }),
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("path", { d: "m17.66 17.66 1.41 1.41" }),
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("path", { d: "M2 12h2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("path", { d: "M20 12h2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("path", { d: "m6.34 17.66-1.41 1.41" }),
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("path", { d: "m19.07 4.93-1.41 1.41" })
       ]
     }
   );
 }
 
-// src/components/icons/thumbs-down/index.tsx
+// src/components/icons/tag/index.tsx
 var import_jsx_runtime132 = require("react/jsx-runtime");
-function ThumbsDownIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function TagIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
     "svg",
     {
@@ -5506,19 +5539,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__ */ (0, import_jsx_runtime132.jsx)("path", { d: "M17 14V2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("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__ */ (0, import_jsx_runtime132.jsx)("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__ */ (0, import_jsx_runtime132.jsx)("circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor" })
       ]
     }
   );
 }
 
-// src/components/icons/thumbs-up/index.tsx
+// src/components/icons/thumbs-down/index.tsx
 var import_jsx_runtime133 = require("react/jsx-runtime");
-function ThumbsUpIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ThumbsDownIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
     "svg",
     {
@@ -5531,19 +5564,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__ */ (0, import_jsx_runtime133.jsx)("path", { d: "M7 10v12" }),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("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__ */ (0, import_jsx_runtime133.jsx)("path", { d: "M17 14V2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("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/trash/index.tsx
+// src/components/icons/thumbs-up/index.tsx
 var import_jsx_runtime134 = require("react/jsx-runtime");
-function TrashIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ThumbsUpIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
     "svg",
     {
@@ -5556,20 +5589,19 @@ 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__ */ (0, import_jsx_runtime134.jsx)("path", { d: "M3 6h18" }),
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("path", { d: "M7 10v12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("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/undo/index.tsx
+// src/components/icons/trash/index.tsx
 var import_jsx_runtime135 = require("react/jsx-runtime");
-function UndoIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function TrashIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
     "svg",
     {
@@ -5582,19 +5614,20 @@ 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__ */ (0, import_jsx_runtime135.jsx)("path", { d: "M3 7v6h6" }),
-        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("path", { d: "M3 6h18" }),
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
       ]
     }
   );
 }
 
-// src/components/icons/unlock/index.tsx
+// src/components/icons/undo/index.tsx
 var import_jsx_runtime136 = require("react/jsx-runtime");
-function UnlockIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function UndoIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
     "svg",
     {
@@ -5607,19 +5640,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__ */ (0, import_jsx_runtime136.jsx)("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("path", { d: "M7 11V7a5 5 0 0 1 9.9-1" })
+        /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("path", { d: "M3 7v6h6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })
       ]
     }
   );
 }
 
-// src/components/icons/upload/index.tsx
+// src/components/icons/unlock/index.tsx
 var import_jsx_runtime137 = require("react/jsx-runtime");
-function UploadIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function UnlockIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
     "svg",
     {
@@ -5632,20 +5665,19 @@ 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__ */ (0, import_jsx_runtime137.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("polyline", { points: "17 8 12 3 7 8" }),
-        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("line", { x1: "12", x2: "12", y1: "3", y2: "15" })
+        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("path", { d: "M7 11V7a5 5 0 0 1 9.9-1" })
       ]
     }
   );
 }
 
-// src/components/icons/user/index.tsx
+// src/components/icons/upload/index.tsx
 var import_jsx_runtime138 = require("react/jsx-runtime");
-function UserIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function UploadIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
     "svg",
     {
@@ -5658,19 +5690,20 @@ 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__ */ (0, import_jsx_runtime138.jsx)("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("circle", { cx: "12", cy: "7", r: "4" })
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("polyline", { points: "17 8 12 3 7 8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("line", { x1: "12", x2: "12", y1: "3", y2: "15" })
       ]
     }
   );
 }
 
-// src/components/icons/user-check/index.tsx
+// src/components/icons/user/index.tsx
 var import_jsx_runtime139 = require("react/jsx-runtime");
-function UserCheckIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function UserIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
     "svg",
     {
@@ -5683,20 +5716,19 @@ 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__ */ (0, import_jsx_runtime139.jsx)("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("circle", { cx: "9", cy: "7", r: "4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("polyline", { points: "16 11 18 13 22 9" })
+        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("circle", { cx: "12", cy: "7", r: "4" })
       ]
     }
   );
 }
 
-// src/components/icons/user-plus/index.tsx
+// src/components/icons/user-check/index.tsx
 var import_jsx_runtime140 = require("react/jsx-runtime");
-function UserPlusIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function UserCheckIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
     "svg",
     {
@@ -5709,21 +5741,20 @@ 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__ */ (0, import_jsx_runtime140.jsx)("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
         /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("circle", { cx: "9", cy: "7", r: "4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("line", { x1: "19", x2: "19", y1: "8", y2: "14" }),
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("line", { x1: "22", x2: "16", y1: "11", y2: "11" })
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("polyline", { points: "16 11 18 13 22 9" })
       ]
     }
   );
 }
 
-// src/components/icons/users/index.tsx
+// src/components/icons/user-plus/index.tsx
 var import_jsx_runtime141 = require("react/jsx-runtime");
-function UsersIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function UserPlusIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
     "svg",
     {
@@ -5736,21 +5767,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__ */ (0, import_jsx_runtime141.jsx)("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
         /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("circle", { cx: "9", cy: "7", r: "4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
-        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("line", { x1: "19", x2: "19", y1: "8", y2: "14" }),
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("line", { x1: "22", x2: "16", y1: "11", y2: "11" })
       ]
     }
   );
 }
 
-// src/components/icons/volume-2/index.tsx
+// src/components/icons/users/index.tsx
 var import_jsx_runtime142 = require("react/jsx-runtime");
-function Volume2Icon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function UsersIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
     "svg",
     {
@@ -5763,20 +5794,21 @@ 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__ */ (0, import_jsx_runtime142.jsx)("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" }),
-        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" })
+        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("circle", { cx: "9", cy: "7", r: "4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
+        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
       ]
     }
   );
 }
 
-// src/components/icons/volume-x/index.tsx
+// src/components/icons/volume-2/index.tsx
 var import_jsx_runtime143 = require("react/jsx-runtime");
-function VolumeXIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function Volume2Icon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
     "svg",
     {
@@ -5789,20 +5821,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__ */ (0, import_jsx_runtime143.jsx)("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("line", { x1: "22", x2: "16", y1: "9", y2: "15" }),
-        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("line", { x1: "16", x2: "22", y1: "9", y2: "15" })
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" }),
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" })
       ]
     }
   );
 }
 
-// src/components/icons/wifi/index.tsx
+// src/components/icons/volume-x/index.tsx
 var import_jsx_runtime144 = require("react/jsx-runtime");
-function WifiIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function VolumeXIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
     "svg",
     {
@@ -5815,22 +5847,48 @@ 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__ */ (0, import_jsx_runtime144.jsx)("path", { d: "M12 20h.01" }),
-        /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("path", { d: "M2 8.82a15 15 0 0 1 20 0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("path", { d: "M5 12.859a10 10 0 0 1 14 0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("path", { d: "M8.5 16.429a5 5 0 0 1 7 0" })
+        /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("line", { x1: "22", x2: "16", y1: "9", y2: "15" }),
+        /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("line", { x1: "16", x2: "22", y1: "9", y2: "15" })
       ]
     }
   );
 }
 
-// src/components/icons/zap/index.tsx
+// src/components/icons/wifi/index.tsx
 var import_jsx_runtime145 = require("react/jsx-runtime");
-function ZapIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+function WifiIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
+    "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__ */ (0, import_jsx_runtime145.jsx)("path", { d: "M12 20h.01" }),
+        /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("path", { d: "M2 8.82a15 15 0 0 1 20 0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("path", { d: "M5 12.859a10 10 0 0 1 14 0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("path", { d: "M8.5 16.429a5 5 0 0 1 7 0" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/zap/index.tsx
+var import_jsx_runtime146 = require("react/jsx-runtime");
+function ZapIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5842,9 +5900,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__ */ (0, import_jsx_runtime145.jsx)("polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" })
     }
   );
 }
@@ -5890,6 +5948,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 },
@@ -6016,6 +6075,7 @@ var iconCatalog = [
   FolderIcon,
   FolderOpenIcon,
   GiftIcon,
+  GitHubIcon,
   GlobeIcon,
   GridIcon,
   HeartIcon,