@octavius2929-personal/design-system 1.4.1 → 1.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -813,42 +813,109 @@ var Divider = forwardRef5(function Divider2({ vertical: vertical2, label: label8
813
813
  });
814
814
 
815
815
  // src/components/avatar/index.tsx
816
- import { forwardRef as forwardRef6 } from "react";
816
+ import { forwardRef as forwardRef6, useState as useState3 } from "react";
817
817
 
818
818
  // src/components/avatar/use-styles.ts
819
819
  import { useMemo as useMemo9 } from "react";
820
820
 
821
821
  // src/components/avatar/use-styles.css.ts
822
+ var dot = "use-styles_dot__1mn1rmu8";
823
+ var dotSize = { sm: "use-styles_dotSize_sm__1mn1rmu9", md: "use-styles_dotSize_md__1mn1rmua", lg: "use-styles_dotSize_lg__1mn1rmub" };
824
+ var dotTone = { online: "use-styles_dotTone_online__1mn1rmuc", away: "use-styles_dotTone_away__1mn1rmud", busy: "use-styles_dotTone_busy__1mn1rmue", offline: "use-styles_dotTone_offline__1mn1rmuf" };
825
+ var image = "use-styles_image__1mn1rmu2";
826
+ var mark = "use-styles_mark__1mn1rmug";
827
+ var markShape = { online: "use-styles_markShape_online__1mn1rmuh", busy: "use-styles_markShape_busy__1mn1rmui", away: "use-styles_markShape_away__1mn1rmuj", offline: "use-styles_markShape_offline__1mn1rmuk" };
822
828
  var root3 = "use-styles_root__1mn1rmu0";
823
- var size2 = { sm: "use-styles_size_sm__1mn1rmu1", md: "use-styles_size_md__1mn1rmu2", lg: "use-styles_size_lg__1mn1rmu3" };
824
- var variant = { "default": "use-styles_variant_default__1mn1rmu4", filled: "use-styles_variant_filled__1mn1rmu5" };
829
+ var size2 = { sm: "use-styles_size_sm__1mn1rmu3", md: "use-styles_size_md__1mn1rmu4", lg: "use-styles_size_lg__1mn1rmu5" };
830
+ var statusText = "surfaces_srOnly__1qa7atn0";
831
+ var variant = { "default": "use-styles_variant_default__1mn1rmu6", filled: "use-styles_variant_filled__1mn1rmu7" };
832
+ var visual = "use-styles_visual__1mn1rmu1";
825
833
 
826
834
  // src/components/avatar/use-styles.ts
827
- function useStyles6({
828
- size: size3 = "md",
829
- filled,
830
- className
831
- }) {
835
+ function useStyles6({ size: size3 = "md", filled, status, className }) {
832
836
  const { themeClass } = useTheme();
833
837
  const root25 = useMemo9(
834
- () => [
835
- themeClass,
836
- root3,
837
- size2[size3],
838
- filled ? variant.filled : variant.default,
839
- className
840
- ].filter(Boolean).join(" "),
841
- [themeClass, size3, filled, className]
838
+ () => [themeClass, root3, size2[size3]].filter(Boolean).join(" "),
839
+ [themeClass, size3]
842
840
  );
843
- return { root: root25 };
841
+ const visual2 = useMemo9(
842
+ () => [visual, filled ? variant.filled : variant.default, className].filter(Boolean).join(" "),
843
+ [filled, className]
844
+ );
845
+ const dot4 = useMemo9(
846
+ () => status ? [dot, dotSize[size3], dotTone[status]].filter(Boolean).join(" ") : "",
847
+ [status, size3]
848
+ );
849
+ const mark2 = useMemo9(
850
+ () => status ? [mark, markShape[status]].filter(Boolean).join(" ") : "",
851
+ [status]
852
+ );
853
+ return { root: root25, visual: visual2, image, dot: dot4, mark: mark2, statusText };
844
854
  }
845
855
 
846
856
  // src/components/avatar/index.tsx
847
- import { jsx as jsx8 } from "react/jsx-runtime";
848
- var Avatar = forwardRef6(function Avatar2({ size: size3, filled, className, children, testId, ...rest }, ref) {
849
- const { root: root25 } = useStyles6({ size: size3, filled, className });
850
- const { testId: dataTestId } = useTestId("media", testId);
851
- return /* @__PURE__ */ jsx8("span", { ref, className: root25, "data-testid": dataTestId, ...rest, children });
857
+ import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
858
+ function getInitials(name) {
859
+ const words = name?.trim().split(/\s+/).filter(Boolean) ?? [];
860
+ if (words.length === 0) return "";
861
+ const firstWord = words[0] ?? "";
862
+ const firstLetter = Array.from(firstWord)[0] ?? "";
863
+ if (words.length === 1) return firstLetter.toLocaleUpperCase();
864
+ const secondWord = words[1] ?? "";
865
+ const secondLetter = Array.from(secondWord)[0] ?? "";
866
+ return (firstLetter + secondLetter).toLocaleUpperCase();
867
+ }
868
+ var statusLabel = {
869
+ online: "Online",
870
+ away: "Away",
871
+ busy: "Busy",
872
+ offline: "Offline"
873
+ };
874
+ var Avatar = forwardRef6(function Avatar2({
875
+ size: size3,
876
+ filled,
877
+ src,
878
+ alt,
879
+ name,
880
+ status,
881
+ decorative = false,
882
+ className,
883
+ children,
884
+ testId,
885
+ ...rest
886
+ }, ref) {
887
+ const [imgFailed, setImgFailed] = useState3(false);
888
+ const [lastSrc, setLastSrc] = useState3(src);
889
+ if (src !== lastSrc) {
890
+ setLastSrc(src);
891
+ setImgFailed(false);
892
+ }
893
+ const { root: root25, visual: visual2, image: image2, dot: dot4, mark: mark2, statusText: statusText2 } = useStyles6({
894
+ size: size3,
895
+ filled,
896
+ status,
897
+ className
898
+ });
899
+ const { testId: dataTestId, slot } = useTestId("media", testId);
900
+ const showImage = Boolean(src) && !imgFailed;
901
+ const accessibleName = alt?.trim() || name?.trim() || void 0;
902
+ const fallback = children ?? getInitials(name);
903
+ const visualA11yProps = decorative ? { "aria-hidden": true } : showImage ? {} : accessibleName ? { role: "img", "aria-label": accessibleName } : {};
904
+ return /* @__PURE__ */ jsxs3("span", { ref, className: root25, "data-testid": dataTestId, ...rest, children: [
905
+ /* @__PURE__ */ jsx8("span", { className: visual2, "data-testid": slot("visual"), ...visualA11yProps, children: showImage ? /* @__PURE__ */ jsx8(
906
+ "img",
907
+ {
908
+ src,
909
+ alt: decorative ? "" : accessibleName ?? "",
910
+ className: image2,
911
+ onError: () => setImgFailed(true)
912
+ }
913
+ ) : fallback }),
914
+ status && /* @__PURE__ */ jsxs3("span", { className: dot4, "data-testid": slot("status"), "data-status": status, children: [
915
+ /* @__PURE__ */ jsx8("span", { className: mark2, "aria-hidden": "true" }),
916
+ /* @__PURE__ */ jsx8("span", { className: statusText2, children: statusLabel[status] })
917
+ ] })
918
+ ] });
852
919
  });
853
920
 
854
921
  // src/components/badge/index.tsx
@@ -858,7 +925,7 @@ import { forwardRef as forwardRef7 } from "react";
858
925
  import { useMemo as useMemo10 } from "react";
859
926
 
860
927
  // src/components/badge/use-styles.css.ts
861
- var dot = "use-styles_dot__1wpei6p1";
928
+ var dot2 = "use-styles_dot__1wpei6p1";
862
929
  var root4 = "use-styles_root__1wpei6p0";
863
930
  var tone2 = { ink: "use-styles_tone_ink__1wpei6p2", accent: "use-styles_tone_accent__1wpei6p3" };
864
931
 
@@ -872,18 +939,18 @@ function useStyles7({
872
939
  () => [themeClass, root4, className].filter(Boolean).join(" "),
873
940
  [themeClass, className]
874
941
  );
875
- const dot3 = useMemo10(() => [dot, tone2[tone4]].join(" "), [tone4]);
876
- return { root: root25, dot: dot3 };
942
+ const dot4 = useMemo10(() => [dot2, tone2[tone4]].join(" "), [tone4]);
943
+ return { root: root25, dot: dot4 };
877
944
  }
878
945
 
879
946
  // src/components/badge/index.tsx
880
- import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
947
+ import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
881
948
  var Badge = forwardRef7(function Badge2({ count, tone: tone4, className, children, testId, ...rest }, ref) {
882
- const { root: root25, dot: dot3 } = useStyles7({ tone: tone4, className });
949
+ const { root: root25, dot: dot4 } = useStyles7({ tone: tone4, className });
883
950
  const { testId: dataTestId, slot } = useTestId("media", testId);
884
- return /* @__PURE__ */ jsxs3("span", { ref, className: root25, "data-testid": dataTestId, ...rest, children: [
951
+ return /* @__PURE__ */ jsxs4("span", { ref, className: root25, "data-testid": dataTestId, ...rest, children: [
885
952
  children,
886
- count != null && /* @__PURE__ */ jsx9("span", { className: dot3, "data-testid": slot("dot"), children: count })
953
+ count != null && /* @__PURE__ */ jsx9("span", { className: dot4, "data-testid": slot("dot"), children: count })
887
954
  ] });
888
955
  });
889
956
 
@@ -971,9 +1038,9 @@ var Progress = forwardRef8(function Progress2({ variant: variant2 = "linear", va
971
1038
  import { forwardRef as forwardRef9 } from "react";
972
1039
 
973
1040
  // src/components/icons/x/index.tsx
974
- import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
1041
+ import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
975
1042
  function XIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
976
- return /* @__PURE__ */ jsxs4(
1043
+ return /* @__PURE__ */ jsxs5(
977
1044
  "svg",
978
1045
  {
979
1046
  xmlns: "http://www.w3.org/2000/svg",
@@ -1025,7 +1092,7 @@ function useStyles9({
1025
1092
  }
1026
1093
 
1027
1094
  // src/components/chip/index.tsx
1028
- import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
1095
+ import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
1029
1096
  var ICON_SIZE2 = 13;
1030
1097
  var Chip = forwardRef9(function Chip2({ selected: selected4, tone: tone4, onDelete, onClick, startIcon: StartIcon, children, testId, ...rest }, ref) {
1031
1098
  const clickable2 = Boolean(onClick);
@@ -1035,7 +1102,7 @@ var Chip = forwardRef9(function Chip2({ selected: selected4, tone: tone4, onDele
1035
1102
  event.stopPropagation();
1036
1103
  onDelete?.();
1037
1104
  };
1038
- return /* @__PURE__ */ jsxs5(
1105
+ return /* @__PURE__ */ jsxs6(
1039
1106
  "span",
1040
1107
  {
1041
1108
  ref,
@@ -1114,7 +1181,7 @@ function useStyles10({ checked, disabled: disabled4 }) {
1114
1181
  }
1115
1182
 
1116
1183
  // src/components/checkbox/index.tsx
1117
- import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
1184
+ import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
1118
1185
  var Checkbox = forwardRef10(function Checkbox2({ checked = false, onChange, label: label8, disabled: disabled4 = false, id, testId, ...rest }, ref) {
1119
1186
  const { root: root25, input: input6, box: box2, check: check2 } = useStyles10({ checked, disabled: disabled4 });
1120
1187
  const { testId: dataTestId } = useTestId("toggle", testId);
@@ -1122,7 +1189,7 @@ var Checkbox = forwardRef10(function Checkbox2({ checked = false, onChange, labe
1122
1189
  if (disabled4) return;
1123
1190
  onChange?.(e.target.checked);
1124
1191
  };
1125
- return /* @__PURE__ */ jsxs6("label", { className: root25, "data-testid": dataTestId, "data-state": states({ checked, disabled: disabled4 }), children: [
1192
+ return /* @__PURE__ */ jsxs7("label", { className: root25, "data-testid": dataTestId, "data-state": states({ checked, disabled: disabled4 }), children: [
1126
1193
  /* @__PURE__ */ jsx14(
1127
1194
  "input",
1128
1195
  {
@@ -1150,7 +1217,7 @@ import { useMemo as useMemo14 } from "react";
1150
1217
  // src/components/radio/use-styles.css.ts
1151
1218
  var circle = "use-styles_circle__vy61b42";
1152
1219
  var disabled2 = "use-styles_disabled__vy61b41";
1153
- var dot2 = "use-styles_dot__vy61b43";
1220
+ var dot3 = "use-styles_dot__vy61b43";
1154
1221
  var input2 = "surfaces_srOnly__1qa7atn0";
1155
1222
  var label2 = "use-styles_label__vy61b44";
1156
1223
  var root7 = "use-styles_root__vy61b40";
@@ -1169,17 +1236,17 @@ function useStyles11({
1169
1236
  root: root25,
1170
1237
  input: input2,
1171
1238
  circle,
1172
- dot: dot2,
1239
+ dot: dot3,
1173
1240
  label: label2
1174
1241
  };
1175
1242
  }
1176
1243
 
1177
1244
  // src/components/radio/index.tsx
1178
- import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
1245
+ import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
1179
1246
  var Radio = forwardRef11(function Radio2({ checked, onChange, label: label8, name, value, disabled: disabled4, testId, ...rest }, ref) {
1180
- const { root: root25, input: input6, circle: circle2, dot: dot3, label: labelClass } = useStyles11({ disabled: disabled4 });
1247
+ const { root: root25, input: input6, circle: circle2, dot: dot4, label: labelClass } = useStyles11({ disabled: disabled4 });
1181
1248
  const { testId: dataTestId } = useTestId("toggle", testId);
1182
- return /* @__PURE__ */ jsxs7("label", { className: root25, "data-testid": dataTestId, "data-state": states({ checked, disabled: disabled4 }), children: [
1249
+ return /* @__PURE__ */ jsxs8("label", { className: root25, "data-testid": dataTestId, "data-state": states({ checked, disabled: disabled4 }), children: [
1183
1250
  /* @__PURE__ */ jsx15(
1184
1251
  "input",
1185
1252
  {
@@ -1194,7 +1261,7 @@ var Radio = forwardRef11(function Radio2({ checked, onChange, label: label8, nam
1194
1261
  ...rest
1195
1262
  }
1196
1263
  ),
1197
- /* @__PURE__ */ jsx15("span", { className: circle2, children: checked && /* @__PURE__ */ jsx15("span", { className: dot3 }) }),
1264
+ /* @__PURE__ */ jsx15("span", { className: circle2, children: checked && /* @__PURE__ */ jsx15("span", { className: dot4 }) }),
1198
1265
  label8 != null && /* @__PURE__ */ jsx15("span", { className: labelClass, children: label8 })
1199
1266
  ] });
1200
1267
  });
@@ -1226,7 +1293,7 @@ function useStyles12({
1226
1293
  }
1227
1294
 
1228
1295
  // src/components/radio-group/index.tsx
1229
- import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
1296
+ import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
1230
1297
  var RadioGroup = forwardRef12(function RadioGroup2({
1231
1298
  options,
1232
1299
  value,
@@ -1299,7 +1366,7 @@ var RadioGroup = forwardRef12(function RadioGroup2({
1299
1366
  break;
1300
1367
  }
1301
1368
  };
1302
- return /* @__PURE__ */ jsxs8(
1369
+ return /* @__PURE__ */ jsxs9(
1303
1370
  "div",
1304
1371
  {
1305
1372
  ref,
@@ -1375,11 +1442,11 @@ function useStyles13({ checked }) {
1375
1442
  }
1376
1443
 
1377
1444
  // src/components/switch/index.tsx
1378
- import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
1445
+ import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
1379
1446
  var Switch = forwardRef13(function Switch2({ checked = false, onChange, label: label8, disabled: disabled4, testId, ...rest }, ref) {
1380
1447
  const { root: root25, input: input6, track: track4, knob: knob2, label: labelClass } = useStyles13({ checked });
1381
1448
  const { testId: dataTestId } = useTestId("toggle", testId);
1382
- return /* @__PURE__ */ jsxs9("label", { className: root25, "data-testid": dataTestId, "data-state": states({ checked, disabled: disabled4 }), children: [
1449
+ return /* @__PURE__ */ jsxs10("label", { className: root25, "data-testid": dataTestId, "data-state": states({ checked, disabled: disabled4 }), children: [
1383
1450
  /* @__PURE__ */ jsx17(
1384
1451
  "input",
1385
1452
  {
@@ -1456,7 +1523,7 @@ function useStyles14({ error, hasStartIcon, hasTrailing, className }) {
1456
1523
  }
1457
1524
 
1458
1525
  // src/components/base-field/index.tsx
1459
- import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
1526
+ import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
1460
1527
  var BaseField = forwardRef14(function BaseField2({ label: label8, help, error, startIcon: StartIcon, trailing: trailing2, id, className, testId, children }, ref) {
1461
1528
  const autoId = useId2();
1462
1529
  const controlId = id ?? autoId;
@@ -1479,9 +1546,9 @@ var BaseField = forwardRef14(function BaseField2({ label: label8, help, error, s
1479
1546
  "aria-invalid": hasError ? true : void 0,
1480
1547
  "data-testid": slot("input")
1481
1548
  };
1482
- return /* @__PURE__ */ jsxs10("div", { className: classes.root, "data-testid": rootTestId, "data-state": states({ error: hasError }), children: [
1549
+ return /* @__PURE__ */ jsxs11("div", { className: classes.root, "data-testid": rootTestId, "data-state": states({ error: hasError }), children: [
1483
1550
  label8 != null && /* @__PURE__ */ jsx18("label", { htmlFor: controlId, className: classes.labelText, "data-testid": slot("label"), children: label8 }),
1484
- /* @__PURE__ */ jsxs10("div", { className: classes.field, children: [
1551
+ /* @__PURE__ */ jsxs11("div", { className: classes.field, children: [
1485
1552
  StartIcon != null && /* @__PURE__ */ jsx18("span", { className: classes.startIconSlot, children: /* @__PURE__ */ jsx18(StartIcon, { size: 18 }) }),
1486
1553
  children(control),
1487
1554
  trailing2 != null && /* @__PURE__ */ jsx18("span", { className: classes.trailingSlot, children: trailing2 })
@@ -1562,12 +1629,12 @@ var TextField = forwardRef15(
1562
1629
  );
1563
1630
 
1564
1631
  // src/components/password-field/index.tsx
1565
- import { forwardRef as forwardRef16, useState as useState3 } from "react";
1632
+ import { forwardRef as forwardRef16, useState as useState4 } from "react";
1566
1633
 
1567
1634
  // src/components/icons/eye/index.tsx
1568
- import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
1635
+ import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
1569
1636
  function EyeIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
1570
- return /* @__PURE__ */ jsxs11(
1637
+ return /* @__PURE__ */ jsxs12(
1571
1638
  "svg",
1572
1639
  {
1573
1640
  xmlns: "http://www.w3.org/2000/svg",
@@ -1590,9 +1657,9 @@ function EyeIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
1590
1657
  }
1591
1658
 
1592
1659
  // src/components/icons/eye-off/index.tsx
1593
- import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
1660
+ import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
1594
1661
  function EyeOffIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
1595
- return /* @__PURE__ */ jsxs12(
1662
+ return /* @__PURE__ */ jsxs13(
1596
1663
  "svg",
1597
1664
  {
1598
1665
  xmlns: "http://www.w3.org/2000/svg",
@@ -1631,7 +1698,7 @@ function useStyles15() {
1631
1698
  import { jsx as jsx22 } from "react/jsx-runtime";
1632
1699
  var PasswordField = forwardRef16(
1633
1700
  function PasswordField2({ label: label8, help, error, startIcon, onChange, id, className, ...rest }, ref) {
1634
- const [reveal, setReveal] = useState3(false);
1701
+ const [reveal, setReveal] = useState4(false);
1635
1702
  const classes = useStyles15();
1636
1703
  const handleChange = (e) => {
1637
1704
  onChange?.(e.target.value);
@@ -1677,7 +1744,7 @@ var PasswordField = forwardRef16(
1677
1744
  );
1678
1745
 
1679
1746
  // src/components/money-field/index.tsx
1680
- import { forwardRef as forwardRef17, useMemo as useMemo19, useState as useState4 } from "react";
1747
+ import { forwardRef as forwardRef17, useMemo as useMemo19, useState as useState5 } from "react";
1681
1748
  import { jsx as jsx23 } from "react/jsx-runtime";
1682
1749
  function parseAmount(raw) {
1683
1750
  const cleaned = raw.replace(/[^0-9.-]/g, "");
@@ -1700,8 +1767,8 @@ var MoneyField = forwardRef17(function MoneyField2({
1700
1767
  onBlur,
1701
1768
  ...rest
1702
1769
  }, ref) {
1703
- const [focused, setFocused] = useState4(false);
1704
- const [draft, setDraft] = useState4("");
1770
+ const [focused, setFocused] = useState5(false);
1771
+ const [draft, setDraft] = useState5("");
1705
1772
  const formatter = useMemo19(
1706
1773
  () => new Intl.NumberFormat(locale, { style: "currency", currency }),
1707
1774
  [locale, currency]
@@ -1848,9 +1915,9 @@ var Card2 = Object.assign(CardRoot, {
1848
1915
  import { forwardRef as forwardRef20 } from "react";
1849
1916
 
1850
1917
  // src/components/icons/circle-check/index.tsx
1851
- import { jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
1918
+ import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
1852
1919
  function CircleCheckIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
1853
- return /* @__PURE__ */ jsxs13(
1920
+ return /* @__PURE__ */ jsxs14(
1854
1921
  "svg",
1855
1922
  {
1856
1923
  xmlns: "http://www.w3.org/2000/svg",
@@ -1873,9 +1940,9 @@ function CircleCheckIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest
1873
1940
  }
1874
1941
 
1875
1942
  // src/components/icons/circle-x/index.tsx
1876
- import { jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
1943
+ import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
1877
1944
  function CircleXIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
1878
- return /* @__PURE__ */ jsxs14(
1945
+ return /* @__PURE__ */ jsxs15(
1879
1946
  "svg",
1880
1947
  {
1881
1948
  xmlns: "http://www.w3.org/2000/svg",
@@ -1899,9 +1966,9 @@ function CircleXIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
1899
1966
  }
1900
1967
 
1901
1968
  // src/components/icons/info/index.tsx
1902
- import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
1969
+ import { jsx as jsx28, jsxs as jsxs16 } from "react/jsx-runtime";
1903
1970
  function InfoIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
1904
- return /* @__PURE__ */ jsxs15(
1971
+ return /* @__PURE__ */ jsxs16(
1905
1972
  "svg",
1906
1973
  {
1907
1974
  xmlns: "http://www.w3.org/2000/svg",
@@ -1925,9 +1992,9 @@ function InfoIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
1925
1992
  }
1926
1993
 
1927
1994
  // src/components/icons/triangle-alert/index.tsx
1928
- import { jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
1995
+ import { jsx as jsx29, jsxs as jsxs17 } from "react/jsx-runtime";
1929
1996
  function TriangleAlertIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
1930
- return /* @__PURE__ */ jsxs16(
1997
+ return /* @__PURE__ */ jsxs17(
1931
1998
  "svg",
1932
1999
  {
1933
2000
  xmlns: "http://www.w3.org/2000/svg",
@@ -1977,7 +2044,7 @@ function useStyles18({
1977
2044
  }
1978
2045
 
1979
2046
  // src/components/alert/index.tsx
1980
- import { jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
2047
+ import { jsx as jsx30, jsxs as jsxs18 } from "react/jsx-runtime";
1981
2048
  var defaultIcons = {
1982
2049
  info: InfoIcon,
1983
2050
  ok: CircleCheckIcon,
@@ -1994,7 +2061,7 @@ var Alert = forwardRef20(function Alert2({ severity: severity2 = "info", title,
1994
2061
  const styles = useStyles18({ severity: severity2, className });
1995
2062
  const { testId: dataTestId, slot } = useTestId("feedback", testId);
1996
2063
  const IconComponent = icon ?? defaultIcons[severity2];
1997
- return /* @__PURE__ */ jsxs17(
2064
+ return /* @__PURE__ */ jsxs18(
1998
2065
  "div",
1999
2066
  {
2000
2067
  ref,
@@ -2004,7 +2071,7 @@ var Alert = forwardRef20(function Alert2({ severity: severity2 = "info", title,
2004
2071
  ...rest,
2005
2072
  children: [
2006
2073
  /* @__PURE__ */ jsx30("span", { className: styles.iconSlot, "data-testid": slot("icon"), children: /* @__PURE__ */ jsx30(IconComponent, {}) }),
2007
- /* @__PURE__ */ jsxs17("div", { className: styles.content, "data-testid": slot("content"), children: [
2074
+ /* @__PURE__ */ jsxs18("div", { className: styles.content, "data-testid": slot("content"), children: [
2008
2075
  title != null && /* @__PURE__ */ jsx30(Typography, { variant: "h4", children: title }),
2009
2076
  children != null && /* @__PURE__ */ jsx30(Typography, { variant: "body", color: "muted", children })
2010
2077
  ] })
@@ -2020,42 +2087,124 @@ import {
2020
2087
  useEffect as useEffect4,
2021
2088
  useId as useId3,
2022
2089
  useRef as useRef4,
2023
- useState as useState5
2090
+ useState as useState6
2024
2091
  } from "react";
2092
+ import { createPortal } from "react-dom";
2093
+
2094
+ // src/hooks/use-floating-position/index.ts
2095
+ import { useLayoutEffect } from "react";
2096
+
2097
+ // src/hooks/use-floating-position/compute-position.ts
2098
+ function computeFloatingPosition({
2099
+ anchorRect,
2100
+ overlaySize,
2101
+ viewport,
2102
+ placement = "bottom",
2103
+ align: align2 = "center",
2104
+ offset = 4,
2105
+ margin = 8
2106
+ }) {
2107
+ const spaceBelow = viewport.height - anchorRect.bottom;
2108
+ const spaceAbove = anchorRect.top;
2109
+ const needed = overlaySize.height + offset;
2110
+ const fitsBelow = spaceBelow >= needed;
2111
+ const fitsAbove = spaceAbove >= needed;
2112
+ let resolvedPlacement = placement;
2113
+ if (placement === "bottom" && !fitsBelow && fitsAbove) {
2114
+ resolvedPlacement = "top";
2115
+ } else if (placement === "top" && !fitsAbove && fitsBelow) {
2116
+ resolvedPlacement = "bottom";
2117
+ }
2118
+ const top = resolvedPlacement === "bottom" ? anchorRect.bottom + offset : anchorRect.top - offset - overlaySize.height;
2119
+ let left;
2120
+ if (align2 === "start") {
2121
+ left = anchorRect.left;
2122
+ } else if (align2 === "end") {
2123
+ left = anchorRect.right - overlaySize.width;
2124
+ } else {
2125
+ left = anchorRect.left + anchorRect.width / 2 - overlaySize.width / 2;
2126
+ }
2127
+ const minLeft = margin;
2128
+ const maxLeft = viewport.width - overlaySize.width - margin;
2129
+ left = maxLeft < minLeft ? minLeft : Math.min(Math.max(left, minLeft), maxLeft);
2130
+ return { placement: resolvedPlacement, top, left };
2131
+ }
2132
+
2133
+ // src/hooks/use-floating-position/index.ts
2134
+ function useFloatingPosition(anchorRef, overlayRef, { open, placement, align: align2, offset, margin }) {
2135
+ useLayoutEffect(() => {
2136
+ if (!open) return;
2137
+ const recalc = () => {
2138
+ const anchor = anchorRef.current;
2139
+ const overlay2 = overlayRef.current;
2140
+ if (!anchor || !overlay2) return;
2141
+ const next = computeFloatingPosition({
2142
+ anchorRect: anchor.getBoundingClientRect(),
2143
+ overlaySize: { width: overlay2.offsetWidth, height: overlay2.offsetHeight },
2144
+ viewport: { width: document.documentElement.clientWidth, height: window.innerHeight },
2145
+ placement,
2146
+ align: align2,
2147
+ offset,
2148
+ margin
2149
+ });
2150
+ overlay2.style.top = `${next.top}px`;
2151
+ overlay2.style.left = `${next.left}px`;
2152
+ overlay2.style.visibility = "visible";
2153
+ };
2154
+ recalc();
2155
+ window.addEventListener("scroll", recalc, true);
2156
+ window.addEventListener("resize", recalc);
2157
+ return () => {
2158
+ window.removeEventListener("scroll", recalc, true);
2159
+ window.removeEventListener("resize", recalc);
2160
+ };
2161
+ }, [open, placement, align2, offset, margin, anchorRef, overlayRef]);
2162
+ }
2025
2163
 
2026
2164
  // src/components/tooltip/use-styles.ts
2027
2165
  import { useMemo as useMemo23 } from "react";
2028
2166
 
2029
2167
  // src/components/tooltip/use-styles.css.ts
2030
2168
  var bubble = "use-styles_bubble__h9kvh1 surfaces_inkySurface__1qa7atn2";
2031
- var placement = { top: "use-styles_placement_top__h9kvh2", bottom: "use-styles_placement_bottom__h9kvh3" };
2032
2169
  var wrapper = "use-styles_wrapper__h9kvh0";
2033
2170
 
2034
2171
  // src/components/tooltip/use-styles.ts
2035
- function useStyles19({
2036
- placement: placement2 = "top"
2037
- }) {
2172
+ function useStyles19() {
2038
2173
  const { themeClass } = useTheme();
2039
2174
  const wrapper4 = useMemo23(
2040
2175
  () => [themeClass, wrapper].filter(Boolean).join(" "),
2041
2176
  [themeClass]
2042
2177
  );
2043
- const bubble2 = useMemo23(
2044
- () => [bubble, placement[placement2]].filter(Boolean).join(" "),
2045
- [placement2]
2046
- );
2178
+ const bubble2 = useMemo23(() => [themeClass, bubble].filter(Boolean).join(" "), [themeClass]);
2047
2179
  return { wrapper: wrapper4, bubble: bubble2 };
2048
2180
  }
2049
2181
 
2050
2182
  // src/components/tooltip/index.tsx
2051
- import { jsx as jsx31, jsxs as jsxs18 } from "react/jsx-runtime";
2183
+ import { jsx as jsx31, jsxs as jsxs19 } from "react/jsx-runtime";
2052
2184
  var HIDE_DELAY = 120;
2053
- var Tooltip = forwardRef21(function Tooltip2({ label: label8, children, placement: placement2, testId }, ref) {
2054
- const [open, setOpen] = useState5(false);
2185
+ var GAP = 4;
2186
+ function assignRef(ref, value) {
2187
+ if (typeof ref === "function") ref(value);
2188
+ else if (ref) ref.current = value;
2189
+ }
2190
+ var Tooltip = forwardRef21(function Tooltip2({ label: label8, children, placement = "top", testId }, ref) {
2191
+ const [open, setOpen] = useState6(false);
2055
2192
  const tooltipId = useId3();
2056
- const { wrapper: wrapper4, bubble: bubble2 } = useStyles19({ placement: placement2 });
2193
+ const { wrapper: wrapper4, bubble: bubble2 } = useStyles19();
2057
2194
  const { testId: dataTestId, slot } = useTestId("feedback", testId);
2058
2195
  const hideTimer = useRef4(null);
2196
+ const wrapperRef = useRef4(null);
2197
+ const setWrapperRef = (node) => {
2198
+ wrapperRef.current = node;
2199
+ assignRef(ref, node);
2200
+ };
2201
+ const bubbleRef = useRef4(null);
2202
+ useFloatingPosition(wrapperRef, bubbleRef, {
2203
+ open,
2204
+ placement,
2205
+ align: "center",
2206
+ offset: GAP
2207
+ });
2059
2208
  const clearHide = () => {
2060
2209
  if (hideTimer.current) {
2061
2210
  clearTimeout(hideTimer.current);
@@ -2088,10 +2237,10 @@ var Tooltip = forwardRef21(function Tooltip2({ label: label8, children, placemen
2088
2237
  const previousDescribedBy = children.props["aria-describedby"];
2089
2238
  const describedBy = open ? [previousDescribedBy, tooltipId].filter(Boolean).join(" ") : previousDescribedBy;
2090
2239
  const trigger2 = cloneElement(children, { "aria-describedby": describedBy });
2091
- return /* @__PURE__ */ jsxs18(
2240
+ return /* @__PURE__ */ jsxs19(
2092
2241
  "span",
2093
2242
  {
2094
- ref,
2243
+ ref: setWrapperRef,
2095
2244
  className: wrapper4,
2096
2245
  "data-testid": dataTestId,
2097
2246
  onMouseEnter: show,
@@ -2101,25 +2250,29 @@ var Tooltip = forwardRef21(function Tooltip2({ label: label8, children, placemen
2101
2250
  onKeyDown: handleKeyDown,
2102
2251
  children: [
2103
2252
  trigger2,
2104
- open && /* @__PURE__ */ jsx31(
2105
- "span",
2106
- {
2107
- id: tooltipId,
2108
- role: "tooltip",
2109
- className: bubble2,
2110
- "data-testid": slot("bubble"),
2111
- onMouseEnter: show,
2112
- onMouseLeave: scheduleHide,
2113
- children: label8
2114
- }
2115
- )
2253
+ open && typeof document !== "undefined" ? createPortal(
2254
+ /* @__PURE__ */ jsx31(
2255
+ "span",
2256
+ {
2257
+ ref: bubbleRef,
2258
+ id: tooltipId,
2259
+ role: "tooltip",
2260
+ className: bubble2,
2261
+ "data-testid": slot("bubble"),
2262
+ onMouseEnter: show,
2263
+ onMouseLeave: scheduleHide,
2264
+ children: label8
2265
+ }
2266
+ ),
2267
+ document.body
2268
+ ) : null
2116
2269
  ]
2117
2270
  }
2118
2271
  );
2119
2272
  });
2120
2273
 
2121
2274
  // src/components/select/index.tsx
2122
- import { forwardRef as forwardRef22, useEffect as useEffect5, useId as useId4, useRef as useRef5, useState as useState6 } from "react";
2275
+ import { forwardRef as forwardRef22, useEffect as useEffect5, useId as useId4, useRef as useRef5, useState as useState7 } from "react";
2123
2276
 
2124
2277
  // src/components/icons/chevron-down/index.tsx
2125
2278
  import { jsx as jsx32 } from "react/jsx-runtime";
@@ -2178,7 +2331,7 @@ function useStyles20({
2178
2331
  }
2179
2332
 
2180
2333
  // src/components/select/index.tsx
2181
- import { jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
2334
+ import { jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
2182
2335
  var Select = forwardRef22(function Select2({
2183
2336
  options,
2184
2337
  value,
@@ -2190,8 +2343,8 @@ var Select = forwardRef22(function Select2({
2190
2343
  "aria-labelledby": ariaLabelledBy,
2191
2344
  ...rest
2192
2345
  }, ref) {
2193
- const [open, setOpen] = useState6(false);
2194
- const [activeIndex, setActiveIndex] = useState6(0);
2346
+ const [open, setOpen] = useState7(false);
2347
+ const [activeIndex, setActiveIndex] = useState7(0);
2195
2348
  const rootRef = useRef5(null);
2196
2349
  const setRootRef = (node) => {
2197
2350
  rootRef.current = node;
@@ -2271,9 +2424,9 @@ var Select = forwardRef22(function Select2({
2271
2424
  break;
2272
2425
  }
2273
2426
  };
2274
- return /* @__PURE__ */ jsxs19("div", { ref: setRootRef, className: root25, ...rest, children: [
2427
+ return /* @__PURE__ */ jsxs20("div", { ref: setRootRef, className: root25, ...rest, children: [
2275
2428
  label8 && /* @__PURE__ */ jsx33("span", { id: labelId, className: labelClass, children: label8 }),
2276
- /* @__PURE__ */ jsxs19(
2429
+ /* @__PURE__ */ jsxs20(
2277
2430
  "button",
2278
2431
  {
2279
2432
  type: "button",
@@ -2355,7 +2508,7 @@ function useStyles21() {
2355
2508
  }
2356
2509
 
2357
2510
  // src/components/slider/index.tsx
2358
- import { jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
2511
+ import { jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
2359
2512
  var Slider = forwardRef23(function Slider2({ value = 0, onChange, min = 0, max = 100, step: step2 = 1, disabled: disabled4, label: label8, ...rest }, ref) {
2360
2513
  const { wrapper: wrapper4, label: labelClass, root: root25, track: track4, range: range2, thumb: thumb2, input: input6 } = useStyles21();
2361
2514
  const span = max - min;
@@ -2364,9 +2517,9 @@ var Slider = forwardRef23(function Slider2({ value = 0, onChange, min = 0, max =
2364
2517
  const handleChange = (e) => {
2365
2518
  onChange?.(Number(e.target.value));
2366
2519
  };
2367
- return /* @__PURE__ */ jsxs20("span", { className: wrapper4, children: [
2520
+ return /* @__PURE__ */ jsxs21("span", { className: wrapper4, children: [
2368
2521
  label8 ? /* @__PURE__ */ jsx34("span", { className: labelClass, children: label8 }) : null,
2369
- /* @__PURE__ */ jsxs20("span", { className: root25, children: [
2522
+ /* @__PURE__ */ jsxs21("span", { className: root25, children: [
2370
2523
  /* @__PURE__ */ jsx34("span", { className: track4 }),
2371
2524
  /* @__PURE__ */ jsx34("span", { className: range2, style: { width: `${clamped}%` } }),
2372
2525
  /* @__PURE__ */ jsx34(
@@ -2390,7 +2543,7 @@ var Slider = forwardRef23(function Slider2({ value = 0, onChange, min = 0, max =
2390
2543
  });
2391
2544
 
2392
2545
  // src/components/accordion/index.tsx
2393
- import { forwardRef as forwardRef24, useState as useState7 } from "react";
2546
+ import { forwardRef as forwardRef24, useState as useState8 } from "react";
2394
2547
 
2395
2548
  // src/components/accordion/use-styles.ts
2396
2549
  import { useMemo as useMemo26 } from "react";
@@ -2419,9 +2572,9 @@ function useStyles22({ className }) {
2419
2572
  }
2420
2573
 
2421
2574
  // src/components/accordion/index.tsx
2422
- import { jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
2575
+ import { jsx as jsx35, jsxs as jsxs22 } from "react/jsx-runtime";
2423
2576
  var Accordion = forwardRef24(function Accordion2({ items, multiple = false, defaultOpen = [], className, testId }, ref) {
2424
- const [open, setOpen] = useState7(defaultOpen);
2577
+ const [open, setOpen] = useState8(defaultOpen);
2425
2578
  const { root: root25, item: item3, header: header3, chevronFor, panel: panel3 } = useStyles22({ className });
2426
2579
  const { testId: dataTestId, slot } = useTestId("layout", testId);
2427
2580
  const toggle = (id) => {
@@ -2436,14 +2589,14 @@ var Accordion = forwardRef24(function Accordion2({ items, multiple = false, defa
2436
2589
  const panelId = `accordion-panel-${it.id}`;
2437
2590
  const headerId = `accordion-header-${it.id}`;
2438
2591
  const itemSlot = slot(`item-${it.id}`);
2439
- return /* @__PURE__ */ jsxs21(
2592
+ return /* @__PURE__ */ jsxs22(
2440
2593
  "div",
2441
2594
  {
2442
2595
  className: item3,
2443
2596
  "data-testid": itemSlot,
2444
2597
  "data-state": states({ expanded: isOpen }),
2445
2598
  children: [
2446
- /* @__PURE__ */ jsxs21(
2599
+ /* @__PURE__ */ jsxs22(
2447
2600
  "button",
2448
2601
  {
2449
2602
  type: "button",
@@ -2522,14 +2675,14 @@ function useStyles23({ className }) {
2522
2675
  }
2523
2676
 
2524
2677
  // src/components/breadcrumbs/index.tsx
2525
- import { jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
2678
+ import { jsx as jsx37, jsxs as jsxs23 } from "react/jsx-runtime";
2526
2679
  var Breadcrumbs = forwardRef25(function Breadcrumbs2({ items, className, testId, ...rest }, ref) {
2527
2680
  const { root: root25, crumb: crumb2, current: current2, separator: separator2 } = useStyles23({ className });
2528
2681
  const { testId: dataTestId, slot } = useTestId("nav", testId);
2529
2682
  return /* @__PURE__ */ jsx37("nav", { ref, "aria-label": "Breadcrumb", className: root25, "data-testid": dataTestId, ...rest, children: items.map((item3, index) => {
2530
2683
  const isLast = index === items.length - 1;
2531
2684
  const key = index;
2532
- return /* @__PURE__ */ jsxs22(Fragment, { children: [
2685
+ return /* @__PURE__ */ jsxs23(Fragment, { children: [
2533
2686
  isLast ? /* @__PURE__ */ jsx37("span", { className: current2, "aria-current": "page", "data-testid": slot(`crumb-${index}`), children: item3.label }) : item3.href ? /* @__PURE__ */ jsx37("a", { className: crumb2, href: item3.href, "data-testid": slot(`crumb-${index}`), children: item3.label }) : /* @__PURE__ */ jsx37("span", { className: crumb2, "data-testid": slot(`crumb-${index}`), children: item3.label }),
2534
2687
  !isLast && /* @__PURE__ */ jsx37("span", { className: separator2, children: /* @__PURE__ */ jsx37(ChevronRightIcon, { size: 14 }) })
2535
2688
  ] }, key);
@@ -2586,7 +2739,7 @@ function useStyles24() {
2586
2739
  }
2587
2740
 
2588
2741
  // src/components/pagination/index.tsx
2589
- import { jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
2742
+ import { jsx as jsx39, jsxs as jsxs24 } from "react/jsx-runtime";
2590
2743
  function buildItems(count, page, siblingCount) {
2591
2744
  const total = Math.max(1, count);
2592
2745
  const first = 1;
@@ -2607,7 +2760,7 @@ var Pagination = forwardRef26(function Pagination2({ count, page = 1, onChange,
2607
2760
  const current2 = Math.min(Math.max(1, page), total);
2608
2761
  const items = buildItems(total, current2, siblingCount);
2609
2762
  const go = (n) => onChange?.(Math.min(Math.max(1, n), total));
2610
- return /* @__PURE__ */ jsxs23("nav", { ref, className: root25, "aria-label": "Pagination", "data-testid": dataTestId, ...rest, children: [
2763
+ return /* @__PURE__ */ jsxs24("nav", { ref, className: root25, "aria-label": "Pagination", "data-testid": dataTestId, ...rest, children: [
2611
2764
  /* @__PURE__ */ jsx39(
2612
2765
  "button",
2613
2766
  {
@@ -2689,7 +2842,7 @@ function useStyles25({ className }) {
2689
2842
  }
2690
2843
 
2691
2844
  // src/components/stepper/index.tsx
2692
- import { jsx as jsx40, jsxs as jsxs24 } from "react/jsx-runtime";
2845
+ import { jsx as jsx40, jsxs as jsxs25 } from "react/jsx-runtime";
2693
2846
  var Stepper = forwardRef27(function Stepper2({ steps, active: active2 = 0, className, testId, ...rest }, ref) {
2694
2847
  const { root: root25, step: step2, connector: connector2, markerFor, labelFor } = useStyles25({ className });
2695
2848
  const { testId: dataTestId, slot } = useTestId("nav", testId);
@@ -2698,8 +2851,8 @@ var Stepper = forwardRef27(function Stepper2({ steps, active: active2 = 0, class
2698
2851
  const isActive = state === "active";
2699
2852
  return (
2700
2853
  // biome-ignore lint/suspicious/noArrayIndexKey: steps are a static, ordered list with no stable id.
2701
- /* @__PURE__ */ jsxs24(Fragment2, { children: [
2702
- /* @__PURE__ */ jsxs24(
2854
+ /* @__PURE__ */ jsxs25(Fragment2, { children: [
2855
+ /* @__PURE__ */ jsxs25(
2703
2856
  "div",
2704
2857
  {
2705
2858
  className: step2,
@@ -2741,7 +2894,7 @@ function useStyles26() {
2741
2894
  }
2742
2895
 
2743
2896
  // src/components/tabs/index.tsx
2744
- import { Fragment as Fragment3, jsx as jsx41, jsxs as jsxs25 } from "react/jsx-runtime";
2897
+ import { Fragment as Fragment3, jsx as jsx41, jsxs as jsxs26 } from "react/jsx-runtime";
2745
2898
  var ICON_SIZE3 = 16;
2746
2899
  var Tabs = forwardRef28(function Tabs2({ items, value, onChange, testId, ...rest }, ref) {
2747
2900
  const { root: root25, tabClass, panel: panel3 } = useStyles26();
@@ -2779,12 +2932,12 @@ var Tabs = forwardRef28(function Tabs2({ items, value, onChange, testId, ...rest
2779
2932
  break;
2780
2933
  }
2781
2934
  };
2782
- return /* @__PURE__ */ jsxs25(Fragment3, { children: [
2935
+ return /* @__PURE__ */ jsxs26(Fragment3, { children: [
2783
2936
  /* @__PURE__ */ jsx41("div", { ref, role: "tablist", className: root25, "data-testid": dataTestId, ...rest, children: items.map((item3, index) => {
2784
2937
  const active2 = item3.value === value;
2785
2938
  const tabbable = active2 || activeIndex === -1 && index === 0;
2786
2939
  const ItemIcon = item3.icon;
2787
- return /* @__PURE__ */ jsxs25(
2940
+ return /* @__PURE__ */ jsxs26(
2788
2941
  "button",
2789
2942
  {
2790
2943
  ref: (el) => {
@@ -2830,11 +2983,12 @@ var Tabs = forwardRef28(function Tabs2({ items, value, onChange, testId, ...rest
2830
2983
  import {
2831
2984
  cloneElement as cloneElement2,
2832
2985
  forwardRef as forwardRef29,
2986
+ useCallback as useCallback2,
2833
2987
  useEffect as useEffect6,
2834
- useLayoutEffect,
2835
2988
  useRef as useRef7,
2836
- useState as useState8
2989
+ useState as useState9
2837
2990
  } from "react";
2991
+ import { createPortal as createPortal2 } from "react-dom";
2838
2992
 
2839
2993
  // src/components/menu/use-styles.ts
2840
2994
  import { useMemo as useMemo31 } from "react";
@@ -2851,7 +3005,7 @@ function useStyles27() {
2851
3005
  return useMemo31(
2852
3006
  () => ({
2853
3007
  wrapper: [themeClass, wrapper3].filter(Boolean).join(" "),
2854
- list: list2,
3008
+ list: [themeClass, list2].filter(Boolean).join(" "),
2855
3009
  item: item2,
2856
3010
  dangerItem: [item2, danger].join(" ")
2857
3011
  }),
@@ -2860,25 +3014,40 @@ function useStyles27() {
2860
3014
  }
2861
3015
 
2862
3016
  // src/components/menu/index.tsx
2863
- import { jsx as jsx42, jsxs as jsxs26 } from "react/jsx-runtime";
3017
+ import { jsx as jsx42, jsxs as jsxs27 } from "react/jsx-runtime";
2864
3018
  var ICON_SIZE4 = 16;
2865
- function assignRef(ref, value) {
3019
+ var GAP2 = 4;
3020
+ var TYPEAHEAD_RESET_MS = 500;
3021
+ function assignRef2(ref, value) {
2866
3022
  if (typeof ref === "function") ref(value);
2867
3023
  else if (ref) ref.current = value;
2868
3024
  }
2869
3025
  var Menu = forwardRef29(function Menu2({ trigger: trigger2, items, testId }, ref) {
2870
3026
  const { wrapper: wrapper4, list: list3, item: item3, dangerItem } = useStyles27();
2871
3027
  const { testId: rootTestId, slot } = useTestId("menu", testId);
2872
- const [open, setOpen] = useState8(false);
2873
- const [alignEnd, setAlignEnd] = useState8(false);
3028
+ const [open, setOpen] = useState9(false);
2874
3029
  const rootRef = useRef7(null);
2875
3030
  const setRootRef = (node) => {
2876
3031
  rootRef.current = node;
2877
- assignRef(ref, node);
3032
+ assignRef2(ref, node);
2878
3033
  };
2879
3034
  const listRef = useRef7(null);
2880
3035
  const triggerRef = useRef7(null);
2881
- const getMenuItems = () => Array.from(listRef.current?.querySelectorAll('[role="menuitem"]') ?? []);
3036
+ const pendingFocusRef = useRef7("first");
3037
+ const typeAheadRef = useRef7({
3038
+ query: "",
3039
+ timeout: null
3040
+ });
3041
+ useFloatingPosition(rootRef, listRef, {
3042
+ open,
3043
+ placement: "bottom",
3044
+ align: "start",
3045
+ offset: GAP2
3046
+ });
3047
+ const getMenuItems = useCallback2(
3048
+ () => Array.from(listRef.current?.querySelectorAll('[role="menuitem"]') ?? []),
3049
+ []
3050
+ );
2882
3051
  const focusItemAt = (index) => {
2883
3052
  const menuItems = getMenuItems();
2884
3053
  if (menuItems.length === 0) return;
@@ -2889,23 +3058,41 @@ var Menu = forwardRef29(function Menu2({ trigger: trigger2, items, testId }, ref
2889
3058
  setOpen(false);
2890
3059
  triggerRef.current?.focus();
2891
3060
  };
2892
- useLayoutEffect(() => {
2893
- if (!open) {
2894
- setAlignEnd(false);
2895
- return;
3061
+ const resetTypeAhead = useCallback2(() => {
3062
+ if (typeAheadRef.current.timeout) clearTimeout(typeAheadRef.current.timeout);
3063
+ typeAheadRef.current = { query: "", timeout: null };
3064
+ }, []);
3065
+ const handleTypeAhead = (key) => {
3066
+ if (typeAheadRef.current.timeout) clearTimeout(typeAheadRef.current.timeout);
3067
+ const query = typeAheadRef.current.query + key.toLowerCase();
3068
+ typeAheadRef.current.query = query;
3069
+ typeAheadRef.current.timeout = setTimeout(() => {
3070
+ typeAheadRef.current = { query: "", timeout: null };
3071
+ }, TYPEAHEAD_RESET_MS);
3072
+ const menuItems = getMenuItems();
3073
+ if (menuItems.length === 0) return;
3074
+ const current2 = menuItems.indexOf(document.activeElement);
3075
+ const startIndex = current2 === -1 ? 0 : current2 + 1;
3076
+ for (let i = 0; i < menuItems.length; i++) {
3077
+ const candidate = menuItems[(startIndex + i) % menuItems.length];
3078
+ const text2 = candidate?.textContent?.trim().toLowerCase() ?? "";
3079
+ if (text2.startsWith(query)) {
3080
+ candidate?.focus();
3081
+ return;
3082
+ }
2896
3083
  }
2897
- const listEl = listRef.current;
2898
- const rootEl = rootRef.current;
2899
- if (!listEl || !rootEl) return;
2900
- const rootLeft = rootEl.getBoundingClientRect().left;
2901
- const viewport = document.documentElement.clientWidth;
2902
- setAlignEnd(rootLeft + listEl.offsetWidth > viewport);
2903
- }, [open]);
3084
+ };
2904
3085
  useEffect6(() => {
2905
3086
  if (!open) return;
2906
- listRef.current?.querySelector('[role="menuitem"]')?.focus();
3087
+ const menuItems = getMenuItems();
3088
+ const index = pendingFocusRef.current === "last" ? menuItems.length - 1 : 0;
3089
+ menuItems[index]?.focus();
3090
+ pendingFocusRef.current = "first";
2907
3091
  const onDocMouseDown = (event) => {
2908
- if (rootRef.current && !rootRef.current.contains(event.target)) {
3092
+ const target = event.target;
3093
+ const insideTrigger = rootRef.current?.contains(target) ?? false;
3094
+ const insideList = listRef.current?.contains(target) ?? false;
3095
+ if (!insideTrigger && !insideList) {
2909
3096
  setOpen(false);
2910
3097
  }
2911
3098
  };
@@ -2920,8 +3107,9 @@ var Menu = forwardRef29(function Menu2({ trigger: trigger2, items, testId }, ref
2920
3107
  return () => {
2921
3108
  document.removeEventListener("mousedown", onDocMouseDown);
2922
3109
  document.removeEventListener("keydown", onKeyDown);
3110
+ resetTypeAhead();
2923
3111
  };
2924
- }, [open]);
3112
+ }, [open, getMenuItems, resetTypeAhead]);
2925
3113
  const onMenuKeyDown = (event) => {
2926
3114
  const menuItems = getMenuItems();
2927
3115
  const current2 = menuItems.indexOf(document.activeElement);
@@ -2949,13 +3137,45 @@ var Menu = forwardRef29(function Menu2({ trigger: trigger2, items, testId }, ref
2949
3137
  case "Tab":
2950
3138
  setOpen(false);
2951
3139
  break;
3140
+ case " ":
3141
+ event.preventDefault();
3142
+ if (typeAheadRef.current.query.length > 0) {
3143
+ handleTypeAhead(event.key);
3144
+ } else {
3145
+ menuItems[current2]?.click();
3146
+ }
3147
+ break;
3148
+ default:
3149
+ if (event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey) {
3150
+ event.preventDefault();
3151
+ handleTypeAhead(event.key);
3152
+ }
3153
+ break;
2952
3154
  }
2953
3155
  };
2954
3156
  const triggerProps = trigger2.props;
2955
3157
  const consumerRef = trigger2.ref;
2956
3158
  const mergedTriggerRef = (node) => {
2957
3159
  triggerRef.current = node;
2958
- assignRef(consumerRef, node);
3160
+ assignRef2(consumerRef, node);
3161
+ };
3162
+ const handleTriggerKeyDown = (event) => {
3163
+ triggerProps.onKeyDown?.(event);
3164
+ if (open) return;
3165
+ switch (event.key) {
3166
+ case "Enter":
3167
+ case " ":
3168
+ case "ArrowDown":
3169
+ event.preventDefault();
3170
+ pendingFocusRef.current = "first";
3171
+ setOpen(true);
3172
+ break;
3173
+ case "ArrowUp":
3174
+ event.preventDefault();
3175
+ pendingFocusRef.current = "last";
3176
+ setOpen(true);
3177
+ break;
3178
+ }
2959
3179
  };
2960
3180
  const clonedTrigger = cloneElement2(trigger2, {
2961
3181
  ref: mergedTriggerRef,
@@ -2963,10 +3183,14 @@ var Menu = forwardRef29(function Menu2({ trigger: trigger2, items, testId }, ref
2963
3183
  "aria-expanded": open,
2964
3184
  onClick: (event) => {
2965
3185
  triggerProps.onClick?.(event);
2966
- setOpen((prev) => !prev);
2967
- }
3186
+ setOpen((prev) => {
3187
+ if (!prev) pendingFocusRef.current = "first";
3188
+ return !prev;
3189
+ });
3190
+ },
3191
+ onKeyDown: handleTriggerKeyDown
2968
3192
  });
2969
- return /* @__PURE__ */ jsxs26(
3193
+ return /* @__PURE__ */ jsxs27(
2970
3194
  "div",
2971
3195
  {
2972
3196
  ref: setRootRef,
@@ -2975,39 +3199,41 @@ var Menu = forwardRef29(function Menu2({ trigger: trigger2, items, testId }, ref
2975
3199
  "data-state": open ? "open" : "closed",
2976
3200
  children: [
2977
3201
  clonedTrigger,
2978
- open && /* @__PURE__ */ jsx42(
2979
- "div",
2980
- {
2981
- ref: listRef,
2982
- role: "menu",
2983
- className: list3,
2984
- "data-align": alignEnd ? "end" : "start",
2985
- "data-testid": slot("list"),
2986
- onKeyDown: onMenuKeyDown,
2987
- children: items.map((entry, index) => {
2988
- const ItemIcon = entry.icon;
2989
- return /* @__PURE__ */ jsxs26(
2990
- "button",
2991
- {
2992
- type: "button",
2993
- role: "menuitem",
2994
- tabIndex: -1,
2995
- className: entry.danger ? dangerItem : item3,
2996
- "data-testid": slot(`item-${index}`),
2997
- onClick: () => {
2998
- entry.onClick?.();
2999
- setOpen(false);
3202
+ open && typeof document !== "undefined" ? createPortal2(
3203
+ /* @__PURE__ */ jsx42(
3204
+ "div",
3205
+ {
3206
+ ref: listRef,
3207
+ role: "menu",
3208
+ className: list3,
3209
+ "data-testid": slot("list"),
3210
+ onKeyDown: onMenuKeyDown,
3211
+ children: items.map((entry, index) => {
3212
+ const ItemIcon = entry.icon;
3213
+ return /* @__PURE__ */ jsxs27(
3214
+ "button",
3215
+ {
3216
+ type: "button",
3217
+ role: "menuitem",
3218
+ tabIndex: -1,
3219
+ className: entry.danger ? dangerItem : item3,
3220
+ "data-testid": slot(`item-${index}`),
3221
+ onClick: () => {
3222
+ entry.onClick?.();
3223
+ setOpen(false);
3224
+ },
3225
+ children: [
3226
+ ItemIcon ? /* @__PURE__ */ jsx42(ItemIcon, { size: ICON_SIZE4 }) : null,
3227
+ entry.label
3228
+ ]
3000
3229
  },
3001
- children: [
3002
- ItemIcon ? /* @__PURE__ */ jsx42(ItemIcon, { size: ICON_SIZE4 }) : null,
3003
- entry.label
3004
- ]
3005
- },
3006
- index
3007
- );
3008
- })
3009
- }
3010
- )
3230
+ index
3231
+ );
3232
+ })
3233
+ }
3234
+ ),
3235
+ document.body
3236
+ ) : null
3011
3237
  ]
3012
3238
  }
3013
3239
  );
@@ -3020,7 +3246,7 @@ import {
3020
3246
  useId as useId6,
3021
3247
  useRef as useRef8
3022
3248
  } from "react";
3023
- import { createPortal } from "react-dom";
3249
+ import { createPortal as createPortal3 } from "react-dom";
3024
3250
 
3025
3251
  // src/components/dialog/use-styles.ts
3026
3252
  import { useMemo as useMemo32 } from "react";
@@ -3046,9 +3272,9 @@ function useStyles28() {
3046
3272
  }
3047
3273
 
3048
3274
  // src/components/dialog/index.tsx
3049
- import { jsx as jsx43, jsxs as jsxs27 } from "react/jsx-runtime";
3275
+ import { jsx as jsx43, jsxs as jsxs28 } from "react/jsx-runtime";
3050
3276
  var FOCUSABLE = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';
3051
- function assignRef2(ref, value) {
3277
+ function assignRef3(ref, value) {
3052
3278
  if (typeof ref === "function") ref(value);
3053
3279
  else if (ref) ref.current = value;
3054
3280
  }
@@ -3058,7 +3284,7 @@ var Dialog = forwardRef30(function Dialog2({ open, onClose, title, actions: acti
3058
3284
  const surfaceRef = useRef8(null);
3059
3285
  const setSurfaceRef = (node) => {
3060
3286
  surfaceRef.current = node;
3061
- assignRef2(ref, node);
3287
+ assignRef3(ref, node);
3062
3288
  };
3063
3289
  const previouslyFocused = useRef8(null);
3064
3290
  const generatedId = useId6();
@@ -3113,9 +3339,9 @@ var Dialog = forwardRef30(function Dialog2({ open, onClose, title, actions: acti
3113
3339
  first.focus();
3114
3340
  }
3115
3341
  };
3116
- return createPortal(
3342
+ return createPortal3(
3117
3343
  // biome-ignore lint/a11y/useKeyWithClickEvents: ESC handled by a document keydown listener.
3118
- /* @__PURE__ */ jsx43("div", { className: overlay2, "data-testid": slot("overlay"), onClick: onClose, children: /* @__PURE__ */ jsxs27(
3344
+ /* @__PURE__ */ jsx43("div", { className: overlay2, "data-testid": slot("overlay"), onClick: onClose, children: /* @__PURE__ */ jsxs28(
3119
3345
  "div",
3120
3346
  {
3121
3347
  ref: setSurfaceRef,
@@ -3141,11 +3367,11 @@ var Dialog = forwardRef30(function Dialog2({ open, onClose, title, actions: acti
3141
3367
  // src/components/snackbar/index.tsx
3142
3368
  import {
3143
3369
  forwardRef as forwardRef31,
3144
- useCallback as useCallback2,
3370
+ useCallback as useCallback3,
3145
3371
  useEffect as useEffect8,
3146
3372
  useRef as useRef9
3147
3373
  } from "react";
3148
- import { createPortal as createPortal2 } from "react-dom";
3374
+ import { createPortal as createPortal4 } from "react-dom";
3149
3375
 
3150
3376
  // src/components/snackbar/use-styles.ts
3151
3377
  import { useMemo as useMemo33 } from "react";
@@ -3169,7 +3395,7 @@ function useStyles29() {
3169
3395
  }
3170
3396
 
3171
3397
  // src/components/snackbar/index.tsx
3172
- import { jsx as jsx44, jsxs as jsxs28 } from "react/jsx-runtime";
3398
+ import { jsx as jsx44, jsxs as jsxs29 } from "react/jsx-runtime";
3173
3399
  var DEFAULT_DURATION = 5e3;
3174
3400
  var Snackbar = forwardRef31(function Snackbar2({
3175
3401
  open,
@@ -3192,13 +3418,13 @@ var Snackbar = forwardRef31(function Snackbar2({
3192
3418
  }, [onClose]);
3193
3419
  const interactingRef = useRef9({ hover: false, focus: false });
3194
3420
  const timeoutRef = useRef9();
3195
- const clearTimer = useCallback2(() => {
3421
+ const clearTimer = useCallback3(() => {
3196
3422
  if (timeoutRef.current !== void 0) {
3197
3423
  clearTimeout(timeoutRef.current);
3198
3424
  timeoutRef.current = void 0;
3199
3425
  }
3200
3426
  }, []);
3201
- const scheduleTimer = useCallback2(() => {
3427
+ const scheduleTimer = useCallback3(() => {
3202
3428
  clearTimer();
3203
3429
  if (!open || duration == null || !onCloseRef.current) return;
3204
3430
  if (interactingRef.current.hover || interactingRef.current.focus) return;
@@ -3231,8 +3457,8 @@ var Snackbar = forwardRef31(function Snackbar2({
3231
3457
  onBlur?.(event);
3232
3458
  };
3233
3459
  if (!open || typeof document === "undefined") return null;
3234
- return createPortal2(
3235
- /* @__PURE__ */ jsxs28(
3460
+ return createPortal4(
3461
+ /* @__PURE__ */ jsxs29(
3236
3462
  "div",
3237
3463
  {
3238
3464
  ref,
@@ -3295,13 +3521,13 @@ function useStyles30({ className }) {
3295
3521
  }
3296
3522
 
3297
3523
  // src/components/table/index.tsx
3298
- import { jsx as jsx45, jsxs as jsxs29 } from "react/jsx-runtime";
3524
+ import { jsx as jsx45, jsxs as jsxs30 } from "react/jsx-runtime";
3299
3525
  function TableInner({ columns, rows, getRowKey, className, caption: caption2, testId, ...rest }, ref) {
3300
3526
  const { root: root25, th: th2, td: td2, alignRight: alignRight2, caption: captionClass } = useStyles30({ className });
3301
3527
  const { testId: dataTestId, slot } = useTestId("list", testId);
3302
3528
  const headClass = (column) => column.align === "right" ? `${th2} ${alignRight2}` : th2;
3303
3529
  const cellClass = (column) => column.align === "right" ? `${td2} ${alignRight2}` : td2;
3304
- return /* @__PURE__ */ jsxs29("table", { ref, className: root25, "data-testid": dataTestId, ...rest, children: [
3530
+ return /* @__PURE__ */ jsxs30("table", { ref, className: root25, "data-testid": dataTestId, ...rest, children: [
3305
3531
  caption2 != null && /* @__PURE__ */ jsx45("caption", { className: captionClass, children: caption2 }),
3306
3532
  /* @__PURE__ */ jsx45("thead", { children: /* @__PURE__ */ jsx45("tr", { children: columns.map((column) => /* @__PURE__ */ jsx45("th", { scope: "col", className: headClass(column), children: column.header }, column.key)) }) }),
3307
3533
  /* @__PURE__ */ jsx45("tbody", { children: rows.map((row, index) => /* @__PURE__ */ jsx45("tr", { "data-testid": slot(`row-${index}`), children: columns.map((column) => /* @__PURE__ */ jsx45("td", { className: cellClass(column), children: column.render ? column.render(row) : String(row[column.key]) }, column.key)) }, getRowKey ? getRowKey(row, index) : index)) })
@@ -3333,11 +3559,11 @@ function useStyles31({ className }) {
3333
3559
  }
3334
3560
 
3335
3561
  // src/components/app-bar/index.tsx
3336
- import { jsx as jsx46, jsxs as jsxs30 } from "react/jsx-runtime";
3562
+ import { jsx as jsx46, jsxs as jsxs31 } from "react/jsx-runtime";
3337
3563
  var AppBar = forwardRef33(function AppBar2({ brand: brand2, actions: actions3, className, children, testId, ...rest }, ref) {
3338
3564
  const styles = useStyles31({ className });
3339
3565
  const { testId: dataTestId, slot } = useTestId("nav", testId);
3340
- return /* @__PURE__ */ jsxs30("header", { ref, className: styles.root, "data-testid": dataTestId, ...rest, children: [
3566
+ return /* @__PURE__ */ jsxs31("header", { ref, className: styles.root, "data-testid": dataTestId, ...rest, children: [
3341
3567
  brand2 !== void 0 ? /* @__PURE__ */ jsx46("div", { className: styles.brand, "data-testid": slot("brand"), children: brand2 }) : null,
3342
3568
  children,
3343
3569
  actions3 !== void 0 ? /* @__PURE__ */ jsx46("div", { className: styles.actions, "data-testid": slot("actions"), children: actions3 }) : null
@@ -3371,11 +3597,11 @@ function useStyles32({
3371
3597
  }
3372
3598
 
3373
3599
  // src/components/list-item/index.tsx
3374
- import { jsx as jsx47, jsxs as jsxs31 } from "react/jsx-runtime";
3600
+ import { jsx as jsx47, jsxs as jsxs32 } from "react/jsx-runtime";
3375
3601
  var ListItem = forwardRef34(function ListItem2({ leading: leading2, trailing: trailing2, selected: selected4, className, testId, children, ...rest }, ref) {
3376
3602
  const styles = useStyles32({ selected: selected4, className });
3377
3603
  const { testId: dataTestId, slot } = useTestId("list", testId);
3378
- return /* @__PURE__ */ jsxs31(
3604
+ return /* @__PURE__ */ jsxs32(
3379
3605
  "div",
3380
3606
  {
3381
3607
  ref,
@@ -3393,9 +3619,9 @@ var ListItem = forwardRef34(function ListItem2({ leading: leading2, trailing: tr
3393
3619
  });
3394
3620
 
3395
3621
  // src/components/icons/alert-circle/index.tsx
3396
- import { jsx as jsx48, jsxs as jsxs32 } from "react/jsx-runtime";
3622
+ import { jsx as jsx48, jsxs as jsxs33 } from "react/jsx-runtime";
3397
3623
  function AlertCircleIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
3398
- return /* @__PURE__ */ jsxs32(
3624
+ return /* @__PURE__ */ jsxs33(
3399
3625
  "svg",
3400
3626
  {
3401
3627
  xmlns: "http://www.w3.org/2000/svg",
@@ -3419,9 +3645,9 @@ function AlertCircleIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest
3419
3645
  }
3420
3646
 
3421
3647
  // src/components/icons/archive/index.tsx
3422
- import { jsx as jsx49, jsxs as jsxs33 } from "react/jsx-runtime";
3648
+ import { jsx as jsx49, jsxs as jsxs34 } from "react/jsx-runtime";
3423
3649
  function ArchiveIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
3424
- return /* @__PURE__ */ jsxs33(
3650
+ return /* @__PURE__ */ jsxs34(
3425
3651
  "svg",
3426
3652
  {
3427
3653
  xmlns: "http://www.w3.org/2000/svg",
@@ -3445,9 +3671,9 @@ function ArchiveIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
3445
3671
  }
3446
3672
 
3447
3673
  // src/components/icons/arrow-down/index.tsx
3448
- import { jsx as jsx50, jsxs as jsxs34 } from "react/jsx-runtime";
3674
+ import { jsx as jsx50, jsxs as jsxs35 } from "react/jsx-runtime";
3449
3675
  function ArrowDownIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
3450
- return /* @__PURE__ */ jsxs34(
3676
+ return /* @__PURE__ */ jsxs35(
3451
3677
  "svg",
3452
3678
  {
3453
3679
  xmlns: "http://www.w3.org/2000/svg",
@@ -3470,9 +3696,9 @@ function ArrowDownIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
3470
3696
  }
3471
3697
 
3472
3698
  // src/components/icons/arrow-left/index.tsx
3473
- import { jsx as jsx51, jsxs as jsxs35 } from "react/jsx-runtime";
3699
+ import { jsx as jsx51, jsxs as jsxs36 } from "react/jsx-runtime";
3474
3700
  function ArrowLeftIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
3475
- return /* @__PURE__ */ jsxs35(
3701
+ return /* @__PURE__ */ jsxs36(
3476
3702
  "svg",
3477
3703
  {
3478
3704
  xmlns: "http://www.w3.org/2000/svg",
@@ -3495,9 +3721,9 @@ function ArrowLeftIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
3495
3721
  }
3496
3722
 
3497
3723
  // src/components/icons/arrow-right/index.tsx
3498
- import { jsx as jsx52, jsxs as jsxs36 } from "react/jsx-runtime";
3724
+ import { jsx as jsx52, jsxs as jsxs37 } from "react/jsx-runtime";
3499
3725
  function ArrowRightIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
3500
- return /* @__PURE__ */ jsxs36(
3726
+ return /* @__PURE__ */ jsxs37(
3501
3727
  "svg",
3502
3728
  {
3503
3729
  xmlns: "http://www.w3.org/2000/svg",
@@ -3520,9 +3746,9 @@ function ArrowRightIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }
3520
3746
  }
3521
3747
 
3522
3748
  // src/components/icons/arrow-up/index.tsx
3523
- import { jsx as jsx53, jsxs as jsxs37 } from "react/jsx-runtime";
3749
+ import { jsx as jsx53, jsxs as jsxs38 } from "react/jsx-runtime";
3524
3750
  function ArrowUpIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
3525
- return /* @__PURE__ */ jsxs37(
3751
+ return /* @__PURE__ */ jsxs38(
3526
3752
  "svg",
3527
3753
  {
3528
3754
  xmlns: "http://www.w3.org/2000/svg",
@@ -3545,9 +3771,9 @@ function ArrowUpIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
3545
3771
  }
3546
3772
 
3547
3773
  // src/components/icons/at-sign/index.tsx
3548
- import { jsx as jsx54, jsxs as jsxs38 } from "react/jsx-runtime";
3774
+ import { jsx as jsx54, jsxs as jsxs39 } from "react/jsx-runtime";
3549
3775
  function AtSignIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
3550
- return /* @__PURE__ */ jsxs38(
3776
+ return /* @__PURE__ */ jsxs39(
3551
3777
  "svg",
3552
3778
  {
3553
3779
  xmlns: "http://www.w3.org/2000/svg",
@@ -3570,9 +3796,9 @@ function AtSignIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
3570
3796
  }
3571
3797
 
3572
3798
  // src/components/icons/bell/index.tsx
3573
- import { jsx as jsx55, jsxs as jsxs39 } from "react/jsx-runtime";
3799
+ import { jsx as jsx55, jsxs as jsxs40 } from "react/jsx-runtime";
3574
3800
  function BellIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
3575
- return /* @__PURE__ */ jsxs39(
3801
+ return /* @__PURE__ */ jsxs40(
3576
3802
  "svg",
3577
3803
  {
3578
3804
  xmlns: "http://www.w3.org/2000/svg",
@@ -3595,9 +3821,9 @@ function BellIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
3595
3821
  }
3596
3822
 
3597
3823
  // src/components/icons/bell-off/index.tsx
3598
- import { jsx as jsx56, jsxs as jsxs40 } from "react/jsx-runtime";
3824
+ import { jsx as jsx56, jsxs as jsxs41 } from "react/jsx-runtime";
3599
3825
  function BellOffIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
3600
- return /* @__PURE__ */ jsxs40(
3826
+ return /* @__PURE__ */ jsxs41(
3601
3827
  "svg",
3602
3828
  {
3603
3829
  xmlns: "http://www.w3.org/2000/svg",
@@ -3644,9 +3870,9 @@ function BookmarkIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
3644
3870
  }
3645
3871
 
3646
3872
  // src/components/icons/calendar/index.tsx
3647
- import { jsx as jsx58, jsxs as jsxs41 } from "react/jsx-runtime";
3873
+ import { jsx as jsx58, jsxs as jsxs42 } from "react/jsx-runtime";
3648
3874
  function CalendarIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
3649
- return /* @__PURE__ */ jsxs41(
3875
+ return /* @__PURE__ */ jsxs42(
3650
3876
  "svg",
3651
3877
  {
3652
3878
  xmlns: "http://www.w3.org/2000/svg",
@@ -3671,9 +3897,9 @@ function CalendarIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
3671
3897
  }
3672
3898
 
3673
3899
  // src/components/icons/camera/index.tsx
3674
- import { jsx as jsx59, jsxs as jsxs42 } from "react/jsx-runtime";
3900
+ import { jsx as jsx59, jsxs as jsxs43 } from "react/jsx-runtime";
3675
3901
  function CameraIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
3676
- return /* @__PURE__ */ jsxs42(
3902
+ return /* @__PURE__ */ jsxs43(
3677
3903
  "svg",
3678
3904
  {
3679
3905
  xmlns: "http://www.w3.org/2000/svg",
@@ -3718,9 +3944,9 @@ function ChevronUpIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
3718
3944
  }
3719
3945
 
3720
3946
  // src/components/icons/chevrons-left/index.tsx
3721
- import { jsx as jsx61, jsxs as jsxs43 } from "react/jsx-runtime";
3947
+ import { jsx as jsx61, jsxs as jsxs44 } from "react/jsx-runtime";
3722
3948
  function ChevronsLeftIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
3723
- return /* @__PURE__ */ jsxs43(
3949
+ return /* @__PURE__ */ jsxs44(
3724
3950
  "svg",
3725
3951
  {
3726
3952
  xmlns: "http://www.w3.org/2000/svg",
@@ -3743,9 +3969,9 @@ function ChevronsLeftIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest
3743
3969
  }
3744
3970
 
3745
3971
  // src/components/icons/chevrons-right/index.tsx
3746
- import { jsx as jsx62, jsxs as jsxs44 } from "react/jsx-runtime";
3972
+ import { jsx as jsx62, jsxs as jsxs45 } from "react/jsx-runtime";
3747
3973
  function ChevronsRightIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
3748
- return /* @__PURE__ */ jsxs44(
3974
+ return /* @__PURE__ */ jsxs45(
3749
3975
  "svg",
3750
3976
  {
3751
3977
  xmlns: "http://www.w3.org/2000/svg",
@@ -3768,9 +3994,9 @@ function ChevronsRightIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...res
3768
3994
  }
3769
3995
 
3770
3996
  // src/components/icons/clipboard/index.tsx
3771
- import { jsx as jsx63, jsxs as jsxs45 } from "react/jsx-runtime";
3997
+ import { jsx as jsx63, jsxs as jsxs46 } from "react/jsx-runtime";
3772
3998
  function ClipboardIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
3773
- return /* @__PURE__ */ jsxs45(
3999
+ return /* @__PURE__ */ jsxs46(
3774
4000
  "svg",
3775
4001
  {
3776
4002
  xmlns: "http://www.w3.org/2000/svg",
@@ -3793,9 +4019,9 @@ function ClipboardIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
3793
4019
  }
3794
4020
 
3795
4021
  // src/components/icons/clock/index.tsx
3796
- import { jsx as jsx64, jsxs as jsxs46 } from "react/jsx-runtime";
4022
+ import { jsx as jsx64, jsxs as jsxs47 } from "react/jsx-runtime";
3797
4023
  function ClockIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
3798
- return /* @__PURE__ */ jsxs46(
4024
+ return /* @__PURE__ */ jsxs47(
3799
4025
  "svg",
3800
4026
  {
3801
4027
  xmlns: "http://www.w3.org/2000/svg",
@@ -3840,9 +4066,9 @@ function CloudIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
3840
4066
  }
3841
4067
 
3842
4068
  // src/components/icons/copy/index.tsx
3843
- import { jsx as jsx66, jsxs as jsxs47 } from "react/jsx-runtime";
4069
+ import { jsx as jsx66, jsxs as jsxs48 } from "react/jsx-runtime";
3844
4070
  function CopyIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
3845
- return /* @__PURE__ */ jsxs47(
4071
+ return /* @__PURE__ */ jsxs48(
3846
4072
  "svg",
3847
4073
  {
3848
4074
  xmlns: "http://www.w3.org/2000/svg",
@@ -3865,9 +4091,9 @@ function CopyIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
3865
4091
  }
3866
4092
 
3867
4093
  // src/components/icons/corner-down-right/index.tsx
3868
- import { jsx as jsx67, jsxs as jsxs48 } from "react/jsx-runtime";
4094
+ import { jsx as jsx67, jsxs as jsxs49 } from "react/jsx-runtime";
3869
4095
  function CornerDownRightIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
3870
- return /* @__PURE__ */ jsxs48(
4096
+ return /* @__PURE__ */ jsxs49(
3871
4097
  "svg",
3872
4098
  {
3873
4099
  xmlns: "http://www.w3.org/2000/svg",
@@ -3890,9 +4116,9 @@ function CornerDownRightIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...r
3890
4116
  }
3891
4117
 
3892
4118
  // src/components/icons/credit-card/index.tsx
3893
- import { jsx as jsx68, jsxs as jsxs49 } from "react/jsx-runtime";
4119
+ import { jsx as jsx68, jsxs as jsxs50 } from "react/jsx-runtime";
3894
4120
  function CreditCardIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
3895
- return /* @__PURE__ */ jsxs49(
4121
+ return /* @__PURE__ */ jsxs50(
3896
4122
  "svg",
3897
4123
  {
3898
4124
  xmlns: "http://www.w3.org/2000/svg",
@@ -3915,9 +4141,9 @@ function CreditCardIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }
3915
4141
  }
3916
4142
 
3917
4143
  // src/components/icons/dollar-sign/index.tsx
3918
- import { jsx as jsx69, jsxs as jsxs50 } from "react/jsx-runtime";
4144
+ import { jsx as jsx69, jsxs as jsxs51 } from "react/jsx-runtime";
3919
4145
  function DollarSignIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
3920
- return /* @__PURE__ */ jsxs50(
4146
+ return /* @__PURE__ */ jsxs51(
3921
4147
  "svg",
3922
4148
  {
3923
4149
  xmlns: "http://www.w3.org/2000/svg",
@@ -3940,9 +4166,9 @@ function DollarSignIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }
3940
4166
  }
3941
4167
 
3942
4168
  // src/components/icons/download/index.tsx
3943
- import { jsx as jsx70, jsxs as jsxs51 } from "react/jsx-runtime";
4169
+ import { jsx as jsx70, jsxs as jsxs52 } from "react/jsx-runtime";
3944
4170
  function DownloadIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
3945
- return /* @__PURE__ */ jsxs51(
4171
+ return /* @__PURE__ */ jsxs52(
3946
4172
  "svg",
3947
4173
  {
3948
4174
  xmlns: "http://www.w3.org/2000/svg",
@@ -3966,9 +4192,9 @@ function DownloadIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
3966
4192
  }
3967
4193
 
3968
4194
  // src/components/icons/external-link/index.tsx
3969
- import { jsx as jsx71, jsxs as jsxs52 } from "react/jsx-runtime";
4195
+ import { jsx as jsx71, jsxs as jsxs53 } from "react/jsx-runtime";
3970
4196
  function ExternalLinkIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
3971
- return /* @__PURE__ */ jsxs52(
4197
+ return /* @__PURE__ */ jsxs53(
3972
4198
  "svg",
3973
4199
  {
3974
4200
  xmlns: "http://www.w3.org/2000/svg",
@@ -3992,9 +4218,9 @@ function ExternalLinkIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest
3992
4218
  }
3993
4219
 
3994
4220
  // src/components/icons/file/index.tsx
3995
- import { jsx as jsx72, jsxs as jsxs53 } from "react/jsx-runtime";
4221
+ import { jsx as jsx72, jsxs as jsxs54 } from "react/jsx-runtime";
3996
4222
  function FileIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
3997
- return /* @__PURE__ */ jsxs53(
4223
+ return /* @__PURE__ */ jsxs54(
3998
4224
  "svg",
3999
4225
  {
4000
4226
  xmlns: "http://www.w3.org/2000/svg",
@@ -4017,9 +4243,9 @@ function FileIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4017
4243
  }
4018
4244
 
4019
4245
  // src/components/icons/file-text/index.tsx
4020
- import { jsx as jsx73, jsxs as jsxs54 } from "react/jsx-runtime";
4246
+ import { jsx as jsx73, jsxs as jsxs55 } from "react/jsx-runtime";
4021
4247
  function FileTextIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4022
- return /* @__PURE__ */ jsxs54(
4248
+ return /* @__PURE__ */ jsxs55(
4023
4249
  "svg",
4024
4250
  {
4025
4251
  xmlns: "http://www.w3.org/2000/svg",
@@ -4067,9 +4293,9 @@ function FilterIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4067
4293
  }
4068
4294
 
4069
4295
  // src/components/icons/fingerprint/index.tsx
4070
- import { jsx as jsx75, jsxs as jsxs55 } from "react/jsx-runtime";
4296
+ import { jsx as jsx75, jsxs as jsxs56 } from "react/jsx-runtime";
4071
4297
  function FingerprintIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4072
- return /* @__PURE__ */ jsxs55(
4298
+ return /* @__PURE__ */ jsxs56(
4073
4299
  "svg",
4074
4300
  {
4075
4301
  xmlns: "http://www.w3.org/2000/svg",
@@ -4143,9 +4369,9 @@ function FolderOpenIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }
4143
4369
  }
4144
4370
 
4145
4371
  // src/components/icons/gift/index.tsx
4146
- import { jsx as jsx78, jsxs as jsxs56 } from "react/jsx-runtime";
4372
+ import { jsx as jsx78, jsxs as jsxs57 } from "react/jsx-runtime";
4147
4373
  function GiftIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4148
- return /* @__PURE__ */ jsxs56(
4374
+ return /* @__PURE__ */ jsxs57(
4149
4375
  "svg",
4150
4376
  {
4151
4377
  xmlns: "http://www.w3.org/2000/svg",
@@ -4192,9 +4418,9 @@ function GitHubIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4192
4418
  }
4193
4419
 
4194
4420
  // src/components/icons/globe/index.tsx
4195
- import { jsx as jsx80, jsxs as jsxs57 } from "react/jsx-runtime";
4421
+ import { jsx as jsx80, jsxs as jsxs58 } from "react/jsx-runtime";
4196
4422
  function GlobeIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4197
- return /* @__PURE__ */ jsxs57(
4423
+ return /* @__PURE__ */ jsxs58(
4198
4424
  "svg",
4199
4425
  {
4200
4426
  xmlns: "http://www.w3.org/2000/svg",
@@ -4218,9 +4444,9 @@ function GlobeIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4218
4444
  }
4219
4445
 
4220
4446
  // src/components/icons/grid/index.tsx
4221
- import { jsx as jsx81, jsxs as jsxs58 } from "react/jsx-runtime";
4447
+ import { jsx as jsx81, jsxs as jsxs59 } from "react/jsx-runtime";
4222
4448
  function GridIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4223
- return /* @__PURE__ */ jsxs58(
4449
+ return /* @__PURE__ */ jsxs59(
4224
4450
  "svg",
4225
4451
  {
4226
4452
  xmlns: "http://www.w3.org/2000/svg",
@@ -4268,9 +4494,9 @@ function HeartIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4268
4494
  }
4269
4495
 
4270
4496
  // src/components/icons/help-circle/index.tsx
4271
- import { jsx as jsx83, jsxs as jsxs59 } from "react/jsx-runtime";
4497
+ import { jsx as jsx83, jsxs as jsxs60 } from "react/jsx-runtime";
4272
4498
  function HelpCircleIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4273
- return /* @__PURE__ */ jsxs59(
4499
+ return /* @__PURE__ */ jsxs60(
4274
4500
  "svg",
4275
4501
  {
4276
4502
  xmlns: "http://www.w3.org/2000/svg",
@@ -4294,9 +4520,9 @@ function HelpCircleIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }
4294
4520
  }
4295
4521
 
4296
4522
  // src/components/icons/home/index.tsx
4297
- import { jsx as jsx84, jsxs as jsxs60 } from "react/jsx-runtime";
4523
+ import { jsx as jsx84, jsxs as jsxs61 } from "react/jsx-runtime";
4298
4524
  function HomeIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4299
- return /* @__PURE__ */ jsxs60(
4525
+ return /* @__PURE__ */ jsxs61(
4300
4526
  "svg",
4301
4527
  {
4302
4528
  xmlns: "http://www.w3.org/2000/svg",
@@ -4319,9 +4545,9 @@ function HomeIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4319
4545
  }
4320
4546
 
4321
4547
  // src/components/icons/image/index.tsx
4322
- import { jsx as jsx85, jsxs as jsxs61 } from "react/jsx-runtime";
4548
+ import { jsx as jsx85, jsxs as jsxs62 } from "react/jsx-runtime";
4323
4549
  function ImageIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4324
- return /* @__PURE__ */ jsxs61(
4550
+ return /* @__PURE__ */ jsxs62(
4325
4551
  "svg",
4326
4552
  {
4327
4553
  xmlns: "http://www.w3.org/2000/svg",
@@ -4345,9 +4571,9 @@ function ImageIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4345
4571
  }
4346
4572
 
4347
4573
  // src/components/icons/inbox/index.tsx
4348
- import { jsx as jsx86, jsxs as jsxs62 } from "react/jsx-runtime";
4574
+ import { jsx as jsx86, jsxs as jsxs63 } from "react/jsx-runtime";
4349
4575
  function InboxIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4350
- return /* @__PURE__ */ jsxs62(
4576
+ return /* @__PURE__ */ jsxs63(
4351
4577
  "svg",
4352
4578
  {
4353
4579
  xmlns: "http://www.w3.org/2000/svg",
@@ -4370,9 +4596,9 @@ function InboxIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4370
4596
  }
4371
4597
 
4372
4598
  // src/components/icons/key/index.tsx
4373
- import { jsx as jsx87, jsxs as jsxs63 } from "react/jsx-runtime";
4599
+ import { jsx as jsx87, jsxs as jsxs64 } from "react/jsx-runtime";
4374
4600
  function KeyIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4375
- return /* @__PURE__ */ jsxs63(
4601
+ return /* @__PURE__ */ jsxs64(
4376
4602
  "svg",
4377
4603
  {
4378
4604
  xmlns: "http://www.w3.org/2000/svg",
@@ -4396,9 +4622,9 @@ function KeyIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4396
4622
  }
4397
4623
 
4398
4624
  // src/components/icons/layout/index.tsx
4399
- import { jsx as jsx88, jsxs as jsxs64 } from "react/jsx-runtime";
4625
+ import { jsx as jsx88, jsxs as jsxs65 } from "react/jsx-runtime";
4400
4626
  function LayoutIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4401
- return /* @__PURE__ */ jsxs64(
4627
+ return /* @__PURE__ */ jsxs65(
4402
4628
  "svg",
4403
4629
  {
4404
4630
  xmlns: "http://www.w3.org/2000/svg",
@@ -4423,9 +4649,9 @@ function LayoutIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4423
4649
  }
4424
4650
 
4425
4651
  // src/components/icons/link/index.tsx
4426
- import { jsx as jsx89, jsxs as jsxs65 } from "react/jsx-runtime";
4652
+ import { jsx as jsx89, jsxs as jsxs66 } from "react/jsx-runtime";
4427
4653
  function LinkIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4428
- return /* @__PURE__ */ jsxs65(
4654
+ return /* @__PURE__ */ jsxs66(
4429
4655
  "svg",
4430
4656
  {
4431
4657
  xmlns: "http://www.w3.org/2000/svg",
@@ -4448,9 +4674,9 @@ function LinkIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4448
4674
  }
4449
4675
 
4450
4676
  // src/components/icons/list/index.tsx
4451
- import { jsx as jsx90, jsxs as jsxs66 } from "react/jsx-runtime";
4677
+ import { jsx as jsx90, jsxs as jsxs67 } from "react/jsx-runtime";
4452
4678
  function ListIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4453
- return /* @__PURE__ */ jsxs66(
4679
+ return /* @__PURE__ */ jsxs67(
4454
4680
  "svg",
4455
4681
  {
4456
4682
  xmlns: "http://www.w3.org/2000/svg",
@@ -4477,9 +4703,9 @@ function ListIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4477
4703
  }
4478
4704
 
4479
4705
  // src/components/icons/loader/index.tsx
4480
- import { jsx as jsx91, jsxs as jsxs67 } from "react/jsx-runtime";
4706
+ import { jsx as jsx91, jsxs as jsxs68 } from "react/jsx-runtime";
4481
4707
  function LoaderIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4482
- return /* @__PURE__ */ jsxs67(
4708
+ return /* @__PURE__ */ jsxs68(
4483
4709
  "svg",
4484
4710
  {
4485
4711
  xmlns: "http://www.w3.org/2000/svg",
@@ -4508,9 +4734,9 @@ function LoaderIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4508
4734
  }
4509
4735
 
4510
4736
  // src/components/icons/lock/index.tsx
4511
- import { jsx as jsx92, jsxs as jsxs68 } from "react/jsx-runtime";
4737
+ import { jsx as jsx92, jsxs as jsxs69 } from "react/jsx-runtime";
4512
4738
  function LockIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4513
- return /* @__PURE__ */ jsxs68(
4739
+ return /* @__PURE__ */ jsxs69(
4514
4740
  "svg",
4515
4741
  {
4516
4742
  xmlns: "http://www.w3.org/2000/svg",
@@ -4533,9 +4759,9 @@ function LockIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4533
4759
  }
4534
4760
 
4535
4761
  // src/components/icons/log-in/index.tsx
4536
- import { jsx as jsx93, jsxs as jsxs69 } from "react/jsx-runtime";
4762
+ import { jsx as jsx93, jsxs as jsxs70 } from "react/jsx-runtime";
4537
4763
  function LogInIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4538
- return /* @__PURE__ */ jsxs69(
4764
+ return /* @__PURE__ */ jsxs70(
4539
4765
  "svg",
4540
4766
  {
4541
4767
  xmlns: "http://www.w3.org/2000/svg",
@@ -4559,9 +4785,9 @@ function LogInIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4559
4785
  }
4560
4786
 
4561
4787
  // src/components/icons/log-out/index.tsx
4562
- import { jsx as jsx94, jsxs as jsxs70 } from "react/jsx-runtime";
4788
+ import { jsx as jsx94, jsxs as jsxs71 } from "react/jsx-runtime";
4563
4789
  function LogOutIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4564
- return /* @__PURE__ */ jsxs70(
4790
+ return /* @__PURE__ */ jsxs71(
4565
4791
  "svg",
4566
4792
  {
4567
4793
  xmlns: "http://www.w3.org/2000/svg",
@@ -4585,9 +4811,9 @@ function LogOutIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4585
4811
  }
4586
4812
 
4587
4813
  // src/components/icons/mail/index.tsx
4588
- import { jsx as jsx95, jsxs as jsxs71 } from "react/jsx-runtime";
4814
+ import { jsx as jsx95, jsxs as jsxs72 } from "react/jsx-runtime";
4589
4815
  function MailIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4590
- return /* @__PURE__ */ jsxs71(
4816
+ return /* @__PURE__ */ jsxs72(
4591
4817
  "svg",
4592
4818
  {
4593
4819
  xmlns: "http://www.w3.org/2000/svg",
@@ -4610,9 +4836,9 @@ function MailIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4610
4836
  }
4611
4837
 
4612
4838
  // src/components/icons/map-pin/index.tsx
4613
- import { jsx as jsx96, jsxs as jsxs72 } from "react/jsx-runtime";
4839
+ import { jsx as jsx96, jsxs as jsxs73 } from "react/jsx-runtime";
4614
4840
  function MapPinIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4615
- return /* @__PURE__ */ jsxs72(
4841
+ return /* @__PURE__ */ jsxs73(
4616
4842
  "svg",
4617
4843
  {
4618
4844
  xmlns: "http://www.w3.org/2000/svg",
@@ -4635,9 +4861,9 @@ function MapPinIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4635
4861
  }
4636
4862
 
4637
4863
  // src/components/icons/maximize/index.tsx
4638
- import { jsx as jsx97, jsxs as jsxs73 } from "react/jsx-runtime";
4864
+ import { jsx as jsx97, jsxs as jsxs74 } from "react/jsx-runtime";
4639
4865
  function MaximizeIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4640
- return /* @__PURE__ */ jsxs73(
4866
+ return /* @__PURE__ */ jsxs74(
4641
4867
  "svg",
4642
4868
  {
4643
4869
  xmlns: "http://www.w3.org/2000/svg",
@@ -4662,9 +4888,9 @@ function MaximizeIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
4662
4888
  }
4663
4889
 
4664
4890
  // src/components/icons/menu/index.tsx
4665
- import { jsx as jsx98, jsxs as jsxs74 } from "react/jsx-runtime";
4891
+ import { jsx as jsx98, jsxs as jsxs75 } from "react/jsx-runtime";
4666
4892
  function MenuIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4667
- return /* @__PURE__ */ jsxs74(
4893
+ return /* @__PURE__ */ jsxs75(
4668
4894
  "svg",
4669
4895
  {
4670
4896
  xmlns: "http://www.w3.org/2000/svg",
@@ -4732,9 +4958,9 @@ function MessageSquareIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...res
4732
4958
  }
4733
4959
 
4734
4960
  // src/components/icons/mic/index.tsx
4735
- import { jsx as jsx101, jsxs as jsxs75 } from "react/jsx-runtime";
4961
+ import { jsx as jsx101, jsxs as jsxs76 } from "react/jsx-runtime";
4736
4962
  function MicIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4737
- return /* @__PURE__ */ jsxs75(
4963
+ return /* @__PURE__ */ jsxs76(
4738
4964
  "svg",
4739
4965
  {
4740
4966
  xmlns: "http://www.w3.org/2000/svg",
@@ -4758,9 +4984,9 @@ function MicIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4758
4984
  }
4759
4985
 
4760
4986
  // src/components/icons/minimize/index.tsx
4761
- import { jsx as jsx102, jsxs as jsxs76 } from "react/jsx-runtime";
4987
+ import { jsx as jsx102, jsxs as jsxs77 } from "react/jsx-runtime";
4762
4988
  function MinimizeIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4763
- return /* @__PURE__ */ jsxs76(
4989
+ return /* @__PURE__ */ jsxs77(
4764
4990
  "svg",
4765
4991
  {
4766
4992
  xmlns: "http://www.w3.org/2000/svg",
@@ -4829,9 +5055,9 @@ function MoonIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4829
5055
  }
4830
5056
 
4831
5057
  // src/components/icons/more-horizontal/index.tsx
4832
- import { jsx as jsx105, jsxs as jsxs77 } from "react/jsx-runtime";
5058
+ import { jsx as jsx105, jsxs as jsxs78 } from "react/jsx-runtime";
4833
5059
  function MoreHorizontalIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4834
- return /* @__PURE__ */ jsxs77(
5060
+ return /* @__PURE__ */ jsxs78(
4835
5061
  "svg",
4836
5062
  {
4837
5063
  xmlns: "http://www.w3.org/2000/svg",
@@ -4855,9 +5081,9 @@ function MoreHorizontalIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...re
4855
5081
  }
4856
5082
 
4857
5083
  // src/components/icons/more-vertical/index.tsx
4858
- import { jsx as jsx106, jsxs as jsxs78 } from "react/jsx-runtime";
5084
+ import { jsx as jsx106, jsxs as jsxs79 } from "react/jsx-runtime";
4859
5085
  function MoreVerticalIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4860
- return /* @__PURE__ */ jsxs78(
5086
+ return /* @__PURE__ */ jsxs79(
4861
5087
  "svg",
4862
5088
  {
4863
5089
  xmlns: "http://www.w3.org/2000/svg",
@@ -4881,9 +5107,9 @@ function MoreVerticalIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest
4881
5107
  }
4882
5108
 
4883
5109
  // src/components/icons/package/index.tsx
4884
- import { jsx as jsx107, jsxs as jsxs79 } from "react/jsx-runtime";
5110
+ import { jsx as jsx107, jsxs as jsxs80 } from "react/jsx-runtime";
4885
5111
  function PackageIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4886
- return /* @__PURE__ */ jsxs79(
5112
+ return /* @__PURE__ */ jsxs80(
4887
5113
  "svg",
4888
5114
  {
4889
5115
  xmlns: "http://www.w3.org/2000/svg",
@@ -4929,9 +5155,9 @@ function PaperclipIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
4929
5155
  }
4930
5156
 
4931
5157
  // src/components/icons/pause/index.tsx
4932
- import { jsx as jsx109, jsxs as jsxs80 } from "react/jsx-runtime";
5158
+ import { jsx as jsx109, jsxs as jsxs81 } from "react/jsx-runtime";
4933
5159
  function PauseIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4934
- return /* @__PURE__ */ jsxs80(
5160
+ return /* @__PURE__ */ jsxs81(
4935
5161
  "svg",
4936
5162
  {
4937
5163
  xmlns: "http://www.w3.org/2000/svg",
@@ -4954,9 +5180,9 @@ function PauseIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4954
5180
  }
4955
5181
 
4956
5182
  // src/components/icons/pencil/index.tsx
4957
- import { jsx as jsx110, jsxs as jsxs81 } from "react/jsx-runtime";
5183
+ import { jsx as jsx110, jsxs as jsxs82 } from "react/jsx-runtime";
4958
5184
  function PencilIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
4959
- return /* @__PURE__ */ jsxs81(
5185
+ return /* @__PURE__ */ jsxs82(
4960
5186
  "svg",
4961
5187
  {
4962
5188
  xmlns: "http://www.w3.org/2000/svg",
@@ -5023,9 +5249,9 @@ function PlayIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5023
5249
  }
5024
5250
 
5025
5251
  // src/components/icons/plus/index.tsx
5026
- import { jsx as jsx113, jsxs as jsxs82 } from "react/jsx-runtime";
5252
+ import { jsx as jsx113, jsxs as jsxs83 } from "react/jsx-runtime";
5027
5253
  function PlusIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5028
- return /* @__PURE__ */ jsxs82(
5254
+ return /* @__PURE__ */ jsxs83(
5029
5255
  "svg",
5030
5256
  {
5031
5257
  xmlns: "http://www.w3.org/2000/svg",
@@ -5048,9 +5274,9 @@ function PlusIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5048
5274
  }
5049
5275
 
5050
5276
  // src/components/icons/printer/index.tsx
5051
- import { jsx as jsx114, jsxs as jsxs83 } from "react/jsx-runtime";
5277
+ import { jsx as jsx114, jsxs as jsxs84 } from "react/jsx-runtime";
5052
5278
  function PrinterIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5053
- return /* @__PURE__ */ jsxs83(
5279
+ return /* @__PURE__ */ jsxs84(
5054
5280
  "svg",
5055
5281
  {
5056
5282
  xmlns: "http://www.w3.org/2000/svg",
@@ -5074,9 +5300,9 @@ function PrinterIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5074
5300
  }
5075
5301
 
5076
5302
  // src/components/icons/redo/index.tsx
5077
- import { jsx as jsx115, jsxs as jsxs84 } from "react/jsx-runtime";
5303
+ import { jsx as jsx115, jsxs as jsxs85 } from "react/jsx-runtime";
5078
5304
  function RedoIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5079
- return /* @__PURE__ */ jsxs84(
5305
+ return /* @__PURE__ */ jsxs85(
5080
5306
  "svg",
5081
5307
  {
5082
5308
  xmlns: "http://www.w3.org/2000/svg",
@@ -5099,9 +5325,9 @@ function RedoIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5099
5325
  }
5100
5326
 
5101
5327
  // src/components/icons/refresh-cw/index.tsx
5102
- import { jsx as jsx116, jsxs as jsxs85 } from "react/jsx-runtime";
5328
+ import { jsx as jsx116, jsxs as jsxs86 } from "react/jsx-runtime";
5103
5329
  function RefreshCwIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5104
- return /* @__PURE__ */ jsxs85(
5330
+ return /* @__PURE__ */ jsxs86(
5105
5331
  "svg",
5106
5332
  {
5107
5333
  xmlns: "http://www.w3.org/2000/svg",
@@ -5126,9 +5352,9 @@ function RefreshCwIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
5126
5352
  }
5127
5353
 
5128
5354
  // src/components/icons/save/index.tsx
5129
- import { jsx as jsx117, jsxs as jsxs86 } from "react/jsx-runtime";
5355
+ import { jsx as jsx117, jsxs as jsxs87 } from "react/jsx-runtime";
5130
5356
  function SaveIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5131
- return /* @__PURE__ */ jsxs86(
5357
+ return /* @__PURE__ */ jsxs87(
5132
5358
  "svg",
5133
5359
  {
5134
5360
  xmlns: "http://www.w3.org/2000/svg",
@@ -5152,9 +5378,9 @@ function SaveIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5152
5378
  }
5153
5379
 
5154
5380
  // src/components/icons/search/index.tsx
5155
- import { jsx as jsx118, jsxs as jsxs87 } from "react/jsx-runtime";
5381
+ import { jsx as jsx118, jsxs as jsxs88 } from "react/jsx-runtime";
5156
5382
  function SearchIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5157
- return /* @__PURE__ */ jsxs87(
5383
+ return /* @__PURE__ */ jsxs88(
5158
5384
  "svg",
5159
5385
  {
5160
5386
  xmlns: "http://www.w3.org/2000/svg",
@@ -5177,9 +5403,9 @@ function SearchIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5177
5403
  }
5178
5404
 
5179
5405
  // src/components/icons/send/index.tsx
5180
- import { jsx as jsx119, jsxs as jsxs88 } from "react/jsx-runtime";
5406
+ import { jsx as jsx119, jsxs as jsxs89 } from "react/jsx-runtime";
5181
5407
  function SendIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5182
- return /* @__PURE__ */ jsxs88(
5408
+ return /* @__PURE__ */ jsxs89(
5183
5409
  "svg",
5184
5410
  {
5185
5411
  xmlns: "http://www.w3.org/2000/svg",
@@ -5202,9 +5428,9 @@ function SendIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5202
5428
  }
5203
5429
 
5204
5430
  // src/components/icons/settings/index.tsx
5205
- import { jsx as jsx120, jsxs as jsxs89 } from "react/jsx-runtime";
5431
+ import { jsx as jsx120, jsxs as jsxs90 } from "react/jsx-runtime";
5206
5432
  function SettingsIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5207
- return /* @__PURE__ */ jsxs89(
5433
+ return /* @__PURE__ */ jsxs90(
5208
5434
  "svg",
5209
5435
  {
5210
5436
  xmlns: "http://www.w3.org/2000/svg",
@@ -5227,9 +5453,9 @@ function SettingsIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
5227
5453
  }
5228
5454
 
5229
5455
  // src/components/icons/share/index.tsx
5230
- import { jsx as jsx121, jsxs as jsxs90 } from "react/jsx-runtime";
5456
+ import { jsx as jsx121, jsxs as jsxs91 } from "react/jsx-runtime";
5231
5457
  function ShareIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5232
- return /* @__PURE__ */ jsxs90(
5458
+ return /* @__PURE__ */ jsxs91(
5233
5459
  "svg",
5234
5460
  {
5235
5461
  xmlns: "http://www.w3.org/2000/svg",
@@ -5275,9 +5501,9 @@ function ShieldIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5275
5501
  }
5276
5502
 
5277
5503
  // src/components/icons/shield-check/index.tsx
5278
- import { jsx as jsx123, jsxs as jsxs91 } from "react/jsx-runtime";
5504
+ import { jsx as jsx123, jsxs as jsxs92 } from "react/jsx-runtime";
5279
5505
  function ShieldCheckIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5280
- return /* @__PURE__ */ jsxs91(
5506
+ return /* @__PURE__ */ jsxs92(
5281
5507
  "svg",
5282
5508
  {
5283
5509
  xmlns: "http://www.w3.org/2000/svg",
@@ -5300,9 +5526,9 @@ function ShieldCheckIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest
5300
5526
  }
5301
5527
 
5302
5528
  // src/components/icons/shopping-bag/index.tsx
5303
- import { jsx as jsx124, jsxs as jsxs92 } from "react/jsx-runtime";
5529
+ import { jsx as jsx124, jsxs as jsxs93 } from "react/jsx-runtime";
5304
5530
  function ShoppingBagIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5305
- return /* @__PURE__ */ jsxs92(
5531
+ return /* @__PURE__ */ jsxs93(
5306
5532
  "svg",
5307
5533
  {
5308
5534
  xmlns: "http://www.w3.org/2000/svg",
@@ -5326,9 +5552,9 @@ function ShoppingBagIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest
5326
5552
  }
5327
5553
 
5328
5554
  // src/components/icons/shopping-cart/index.tsx
5329
- import { jsx as jsx125, jsxs as jsxs93 } from "react/jsx-runtime";
5555
+ import { jsx as jsx125, jsxs as jsxs94 } from "react/jsx-runtime";
5330
5556
  function ShoppingCartIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5331
- return /* @__PURE__ */ jsxs93(
5557
+ return /* @__PURE__ */ jsxs94(
5332
5558
  "svg",
5333
5559
  {
5334
5560
  xmlns: "http://www.w3.org/2000/svg",
@@ -5352,9 +5578,9 @@ function ShoppingCartIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest
5352
5578
  }
5353
5579
 
5354
5580
  // src/components/icons/sidebar/index.tsx
5355
- import { jsx as jsx126, jsxs as jsxs94 } from "react/jsx-runtime";
5581
+ import { jsx as jsx126, jsxs as jsxs95 } from "react/jsx-runtime";
5356
5582
  function SidebarIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5357
- return /* @__PURE__ */ jsxs94(
5583
+ return /* @__PURE__ */ jsxs95(
5358
5584
  "svg",
5359
5585
  {
5360
5586
  xmlns: "http://www.w3.org/2000/svg",
@@ -5377,9 +5603,9 @@ function SidebarIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5377
5603
  }
5378
5604
 
5379
5605
  // src/components/icons/skip-back/index.tsx
5380
- import { jsx as jsx127, jsxs as jsxs95 } from "react/jsx-runtime";
5606
+ import { jsx as jsx127, jsxs as jsxs96 } from "react/jsx-runtime";
5381
5607
  function SkipBackIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5382
- return /* @__PURE__ */ jsxs95(
5608
+ return /* @__PURE__ */ jsxs96(
5383
5609
  "svg",
5384
5610
  {
5385
5611
  xmlns: "http://www.w3.org/2000/svg",
@@ -5402,9 +5628,9 @@ function SkipBackIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
5402
5628
  }
5403
5629
 
5404
5630
  // src/components/icons/skip-forward/index.tsx
5405
- import { jsx as jsx128, jsxs as jsxs96 } from "react/jsx-runtime";
5631
+ import { jsx as jsx128, jsxs as jsxs97 } from "react/jsx-runtime";
5406
5632
  function SkipForwardIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5407
- return /* @__PURE__ */ jsxs96(
5633
+ return /* @__PURE__ */ jsxs97(
5408
5634
  "svg",
5409
5635
  {
5410
5636
  xmlns: "http://www.w3.org/2000/svg",
@@ -5427,9 +5653,9 @@ function SkipForwardIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest
5427
5653
  }
5428
5654
 
5429
5655
  // src/components/icons/sliders/index.tsx
5430
- import { jsx as jsx129, jsxs as jsxs97 } from "react/jsx-runtime";
5656
+ import { jsx as jsx129, jsxs as jsxs98 } from "react/jsx-runtime";
5431
5657
  function SlidersIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5432
- return /* @__PURE__ */ jsxs97(
5658
+ return /* @__PURE__ */ jsxs98(
5433
5659
  "svg",
5434
5660
  {
5435
5661
  xmlns: "http://www.w3.org/2000/svg",
@@ -5459,9 +5685,9 @@ function SlidersIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5459
5685
  }
5460
5686
 
5461
5687
  // src/components/icons/smile/index.tsx
5462
- import { jsx as jsx130, jsxs as jsxs98 } from "react/jsx-runtime";
5688
+ import { jsx as jsx130, jsxs as jsxs99 } from "react/jsx-runtime";
5463
5689
  function SmileIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5464
- return /* @__PURE__ */ jsxs98(
5690
+ return /* @__PURE__ */ jsxs99(
5465
5691
  "svg",
5466
5692
  {
5467
5693
  xmlns: "http://www.w3.org/2000/svg",
@@ -5508,9 +5734,9 @@ function StarIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5508
5734
  }
5509
5735
 
5510
5736
  // src/components/icons/sun/index.tsx
5511
- import { jsx as jsx132, jsxs as jsxs99 } from "react/jsx-runtime";
5737
+ import { jsx as jsx132, jsxs as jsxs100 } from "react/jsx-runtime";
5512
5738
  function SunIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5513
- return /* @__PURE__ */ jsxs99(
5739
+ return /* @__PURE__ */ jsxs100(
5514
5740
  "svg",
5515
5741
  {
5516
5742
  xmlns: "http://www.w3.org/2000/svg",
@@ -5540,9 +5766,9 @@ function SunIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5540
5766
  }
5541
5767
 
5542
5768
  // src/components/icons/tag/index.tsx
5543
- import { jsx as jsx133, jsxs as jsxs100 } from "react/jsx-runtime";
5769
+ import { jsx as jsx133, jsxs as jsxs101 } from "react/jsx-runtime";
5544
5770
  function TagIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5545
- return /* @__PURE__ */ jsxs100(
5771
+ return /* @__PURE__ */ jsxs101(
5546
5772
  "svg",
5547
5773
  {
5548
5774
  xmlns: "http://www.w3.org/2000/svg",
@@ -5565,9 +5791,9 @@ function TagIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5565
5791
  }
5566
5792
 
5567
5793
  // src/components/icons/thumbs-down/index.tsx
5568
- import { jsx as jsx134, jsxs as jsxs101 } from "react/jsx-runtime";
5794
+ import { jsx as jsx134, jsxs as jsxs102 } from "react/jsx-runtime";
5569
5795
  function ThumbsDownIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5570
- return /* @__PURE__ */ jsxs101(
5796
+ return /* @__PURE__ */ jsxs102(
5571
5797
  "svg",
5572
5798
  {
5573
5799
  xmlns: "http://www.w3.org/2000/svg",
@@ -5590,9 +5816,9 @@ function ThumbsDownIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }
5590
5816
  }
5591
5817
 
5592
5818
  // src/components/icons/thumbs-up/index.tsx
5593
- import { jsx as jsx135, jsxs as jsxs102 } from "react/jsx-runtime";
5819
+ import { jsx as jsx135, jsxs as jsxs103 } from "react/jsx-runtime";
5594
5820
  function ThumbsUpIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5595
- return /* @__PURE__ */ jsxs102(
5821
+ return /* @__PURE__ */ jsxs103(
5596
5822
  "svg",
5597
5823
  {
5598
5824
  xmlns: "http://www.w3.org/2000/svg",
@@ -5615,9 +5841,9 @@ function ThumbsUpIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
5615
5841
  }
5616
5842
 
5617
5843
  // src/components/icons/trash/index.tsx
5618
- import { jsx as jsx136, jsxs as jsxs103 } from "react/jsx-runtime";
5844
+ import { jsx as jsx136, jsxs as jsxs104 } from "react/jsx-runtime";
5619
5845
  function TrashIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5620
- return /* @__PURE__ */ jsxs103(
5846
+ return /* @__PURE__ */ jsxs104(
5621
5847
  "svg",
5622
5848
  {
5623
5849
  xmlns: "http://www.w3.org/2000/svg",
@@ -5641,9 +5867,9 @@ function TrashIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5641
5867
  }
5642
5868
 
5643
5869
  // src/components/icons/undo/index.tsx
5644
- import { jsx as jsx137, jsxs as jsxs104 } from "react/jsx-runtime";
5870
+ import { jsx as jsx137, jsxs as jsxs105 } from "react/jsx-runtime";
5645
5871
  function UndoIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5646
- return /* @__PURE__ */ jsxs104(
5872
+ return /* @__PURE__ */ jsxs105(
5647
5873
  "svg",
5648
5874
  {
5649
5875
  xmlns: "http://www.w3.org/2000/svg",
@@ -5666,9 +5892,9 @@ function UndoIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5666
5892
  }
5667
5893
 
5668
5894
  // src/components/icons/unlock/index.tsx
5669
- import { jsx as jsx138, jsxs as jsxs105 } from "react/jsx-runtime";
5895
+ import { jsx as jsx138, jsxs as jsxs106 } from "react/jsx-runtime";
5670
5896
  function UnlockIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5671
- return /* @__PURE__ */ jsxs105(
5897
+ return /* @__PURE__ */ jsxs106(
5672
5898
  "svg",
5673
5899
  {
5674
5900
  xmlns: "http://www.w3.org/2000/svg",
@@ -5691,9 +5917,9 @@ function UnlockIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5691
5917
  }
5692
5918
 
5693
5919
  // src/components/icons/upload/index.tsx
5694
- import { jsx as jsx139, jsxs as jsxs106 } from "react/jsx-runtime";
5920
+ import { jsx as jsx139, jsxs as jsxs107 } from "react/jsx-runtime";
5695
5921
  function UploadIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5696
- return /* @__PURE__ */ jsxs106(
5922
+ return /* @__PURE__ */ jsxs107(
5697
5923
  "svg",
5698
5924
  {
5699
5925
  xmlns: "http://www.w3.org/2000/svg",
@@ -5717,9 +5943,9 @@ function UploadIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5717
5943
  }
5718
5944
 
5719
5945
  // src/components/icons/user/index.tsx
5720
- import { jsx as jsx140, jsxs as jsxs107 } from "react/jsx-runtime";
5946
+ import { jsx as jsx140, jsxs as jsxs108 } from "react/jsx-runtime";
5721
5947
  function UserIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5722
- return /* @__PURE__ */ jsxs107(
5948
+ return /* @__PURE__ */ jsxs108(
5723
5949
  "svg",
5724
5950
  {
5725
5951
  xmlns: "http://www.w3.org/2000/svg",
@@ -5742,9 +5968,9 @@ function UserIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5742
5968
  }
5743
5969
 
5744
5970
  // src/components/icons/user-check/index.tsx
5745
- import { jsx as jsx141, jsxs as jsxs108 } from "react/jsx-runtime";
5971
+ import { jsx as jsx141, jsxs as jsxs109 } from "react/jsx-runtime";
5746
5972
  function UserCheckIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5747
- return /* @__PURE__ */ jsxs108(
5973
+ return /* @__PURE__ */ jsxs109(
5748
5974
  "svg",
5749
5975
  {
5750
5976
  xmlns: "http://www.w3.org/2000/svg",
@@ -5768,9 +5994,9 @@ function UserCheckIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
5768
5994
  }
5769
5995
 
5770
5996
  // src/components/icons/user-plus/index.tsx
5771
- import { jsx as jsx142, jsxs as jsxs109 } from "react/jsx-runtime";
5997
+ import { jsx as jsx142, jsxs as jsxs110 } from "react/jsx-runtime";
5772
5998
  function UserPlusIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5773
- return /* @__PURE__ */ jsxs109(
5999
+ return /* @__PURE__ */ jsxs110(
5774
6000
  "svg",
5775
6001
  {
5776
6002
  xmlns: "http://www.w3.org/2000/svg",
@@ -5795,9 +6021,9 @@ function UserPlusIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest })
5795
6021
  }
5796
6022
 
5797
6023
  // src/components/icons/users/index.tsx
5798
- import { jsx as jsx143, jsxs as jsxs110 } from "react/jsx-runtime";
6024
+ import { jsx as jsx143, jsxs as jsxs111 } from "react/jsx-runtime";
5799
6025
  function UsersIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5800
- return /* @__PURE__ */ jsxs110(
6026
+ return /* @__PURE__ */ jsxs111(
5801
6027
  "svg",
5802
6028
  {
5803
6029
  xmlns: "http://www.w3.org/2000/svg",
@@ -5822,9 +6048,9 @@ function UsersIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5822
6048
  }
5823
6049
 
5824
6050
  // src/components/icons/volume-2/index.tsx
5825
- import { jsx as jsx144, jsxs as jsxs111 } from "react/jsx-runtime";
6051
+ import { jsx as jsx144, jsxs as jsxs112 } from "react/jsx-runtime";
5826
6052
  function Volume2Icon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5827
- return /* @__PURE__ */ jsxs111(
6053
+ return /* @__PURE__ */ jsxs112(
5828
6054
  "svg",
5829
6055
  {
5830
6056
  xmlns: "http://www.w3.org/2000/svg",
@@ -5848,9 +6074,9 @@ function Volume2Icon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5848
6074
  }
5849
6075
 
5850
6076
  // src/components/icons/volume-x/index.tsx
5851
- import { jsx as jsx145, jsxs as jsxs112 } from "react/jsx-runtime";
6077
+ import { jsx as jsx145, jsxs as jsxs113 } from "react/jsx-runtime";
5852
6078
  function VolumeXIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5853
- return /* @__PURE__ */ jsxs112(
6079
+ return /* @__PURE__ */ jsxs113(
5854
6080
  "svg",
5855
6081
  {
5856
6082
  xmlns: "http://www.w3.org/2000/svg",
@@ -5874,9 +6100,9 @@ function VolumeXIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5874
6100
  }
5875
6101
 
5876
6102
  // src/components/icons/wifi/index.tsx
5877
- import { jsx as jsx146, jsxs as jsxs113 } from "react/jsx-runtime";
6103
+ import { jsx as jsx146, jsxs as jsxs114 } from "react/jsx-runtime";
5878
6104
  function WifiIcon({ size: size3 = 20, strokeWidth = 1.75, title, ...rest }) {
5879
- return /* @__PURE__ */ jsxs113(
6105
+ return /* @__PURE__ */ jsxs114(
5880
6106
  "svg",
5881
6107
  {
5882
6108
  xmlns: "http://www.w3.org/2000/svg",