@fragments-sdk/ui 0.16.1 → 0.17.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.
Files changed (139) hide show
  1. package/dist/assets/ui.css +2021 -1606
  2. package/dist/components/Accordion/Accordion.module.scss.cjs +8 -8
  3. package/dist/components/Accordion/Accordion.module.scss.js +8 -8
  4. package/dist/components/Alert/Alert.module.scss.cjs +12 -12
  5. package/dist/components/Alert/Alert.module.scss.js +12 -12
  6. package/dist/components/Alert/index.cjs +2 -1
  7. package/dist/components/Alert/index.d.ts.map +1 -1
  8. package/dist/components/Alert/index.js +2 -1
  9. package/dist/components/Avatar/index.cjs +12 -4
  10. package/dist/components/Avatar/index.d.ts.map +1 -1
  11. package/dist/components/Avatar/index.js +12 -4
  12. package/dist/components/Badge/Badge.module.scss.cjs +13 -13
  13. package/dist/components/Badge/Badge.module.scss.js +13 -13
  14. package/dist/components/Button/Button.module.scss.cjs +11 -11
  15. package/dist/components/Button/Button.module.scss.js +11 -11
  16. package/dist/components/Button/index.cjs +51 -4
  17. package/dist/components/Button/index.d.ts.map +1 -1
  18. package/dist/components/Button/index.js +51 -4
  19. package/dist/components/Card/Card.module.scss.cjs +14 -14
  20. package/dist/components/Card/Card.module.scss.js +14 -14
  21. package/dist/components/Card/index.cjs +35 -2
  22. package/dist/components/Card/index.d.ts.map +1 -1
  23. package/dist/components/Card/index.js +35 -2
  24. package/dist/components/Checkbox/Checkbox.module.scss.cjs +10 -10
  25. package/dist/components/Checkbox/Checkbox.module.scss.js +10 -10
  26. package/dist/components/Chip/Chip.module.scss.cjs +15 -15
  27. package/dist/components/Chip/Chip.module.scss.js +15 -15
  28. package/dist/components/CodeBlock/CodeBlock.module.scss.cjs +21 -21
  29. package/dist/components/CodeBlock/CodeBlock.module.scss.js +21 -21
  30. package/dist/components/Collapsible/Collapsible.module.scss.cjs +10 -10
  31. package/dist/components/Collapsible/Collapsible.module.scss.js +10 -10
  32. package/dist/components/ColorPicker/ColorPicker.module.scss.cjs +14 -14
  33. package/dist/components/ColorPicker/ColorPicker.module.scss.js +14 -14
  34. package/dist/components/Combobox/Combobox.module.scss.cjs +24 -24
  35. package/dist/components/Combobox/Combobox.module.scss.js +24 -24
  36. package/dist/components/DataTable/DataTable.module.scss.cjs +26 -26
  37. package/dist/components/DataTable/DataTable.module.scss.js +26 -26
  38. package/dist/components/DatePicker/DatePicker.module.scss.cjs +31 -31
  39. package/dist/components/DatePicker/DatePicker.module.scss.js +31 -31
  40. package/dist/components/Dialog/Dialog.module.scss.cjs +14 -14
  41. package/dist/components/Dialog/Dialog.module.scss.js +14 -14
  42. package/dist/components/Drawer/Drawer.module.scss.cjs +26 -26
  43. package/dist/components/Drawer/Drawer.module.scss.js +26 -26
  44. package/dist/components/Editor/Editor.module.scss.cjs +17 -17
  45. package/dist/components/Editor/Editor.module.scss.js +17 -17
  46. package/dist/components/Fieldset/Fieldset.module.scss.cjs +6 -3
  47. package/dist/components/Fieldset/Fieldset.module.scss.js +6 -3
  48. package/dist/components/Fieldset/index.cjs +7 -1
  49. package/dist/components/Fieldset/index.d.ts +6 -1
  50. package/dist/components/Fieldset/index.d.ts.map +1 -1
  51. package/dist/components/Fieldset/index.js +7 -1
  52. package/dist/components/Header/Header.module.scss.cjs +42 -21
  53. package/dist/components/Header/Header.module.scss.js +42 -21
  54. package/dist/components/Header/index.cjs +121 -3
  55. package/dist/components/Header/index.d.ts +26 -3
  56. package/dist/components/Header/index.d.ts.map +1 -1
  57. package/dist/components/Header/index.js +122 -4
  58. package/dist/components/Input/Input.module.scss.cjs +27 -15
  59. package/dist/components/Input/Input.module.scss.js +27 -15
  60. package/dist/components/Input/index.cjs +20 -7
  61. package/dist/components/Input/index.d.ts +8 -2
  62. package/dist/components/Input/index.d.ts.map +1 -1
  63. package/dist/components/Input/index.js +20 -7
  64. package/dist/components/Link/Link.module.scss.cjs +10 -10
  65. package/dist/components/Link/Link.module.scss.js +10 -10
  66. package/dist/components/Listbox/Listbox.module.scss.cjs +8 -8
  67. package/dist/components/Listbox/Listbox.module.scss.js +8 -8
  68. package/dist/components/NavigationMenu/NavigationMenu.module.scss.cjs +28 -28
  69. package/dist/components/NavigationMenu/NavigationMenu.module.scss.js +28 -28
  70. package/dist/components/Pagination/Pagination.module.scss.cjs +7 -7
  71. package/dist/components/Pagination/Pagination.module.scss.js +7 -7
  72. package/dist/components/Popover/Popover.module.scss.cjs +10 -10
  73. package/dist/components/Popover/Popover.module.scss.js +10 -10
  74. package/dist/components/Prompt/Prompt.module.scss.cjs +14 -14
  75. package/dist/components/Prompt/Prompt.module.scss.js +14 -14
  76. package/dist/components/RadioGroup/RadioGroup.module.scss.cjs +16 -16
  77. package/dist/components/RadioGroup/RadioGroup.module.scss.js +16 -16
  78. package/dist/components/Select/Select.module.scss.cjs +17 -17
  79. package/dist/components/Select/Select.module.scss.js +17 -17
  80. package/dist/components/Sidebar/Sidebar.module.scss.cjs +42 -42
  81. package/dist/components/Sidebar/Sidebar.module.scss.js +42 -42
  82. package/dist/components/Slider/Slider.module.scss.cjs +12 -12
  83. package/dist/components/Slider/Slider.module.scss.js +12 -12
  84. package/dist/components/Tabs/Tabs.module.scss.cjs +9 -9
  85. package/dist/components/Tabs/Tabs.module.scss.js +9 -9
  86. package/dist/components/Textarea/Textarea.module.scss.cjs +34 -19
  87. package/dist/components/Textarea/Textarea.module.scss.js +34 -19
  88. package/dist/components/Textarea/index.cjs +36 -6
  89. package/dist/components/Textarea/index.d.ts +6 -2
  90. package/dist/components/Textarea/index.d.ts.map +1 -1
  91. package/dist/components/Textarea/index.js +36 -6
  92. package/dist/components/Theme/ThemeToggle.module.scss.cjs +6 -6
  93. package/dist/components/Theme/ThemeToggle.module.scss.js +6 -6
  94. package/dist/components/Toast/Toast.module.scss.cjs +22 -22
  95. package/dist/components/Toast/Toast.module.scss.js +22 -22
  96. package/dist/components/Toggle/Toggle.module.scss.cjs +13 -13
  97. package/dist/components/Toggle/Toggle.module.scss.js +13 -13
  98. package/dist/components/Toggle/index.cjs +7 -3
  99. package/dist/components/Toggle/index.d.ts.map +1 -1
  100. package/dist/components/Toggle/index.js +7 -3
  101. package/dist/components/ToggleGroup/ToggleGroup.module.scss.cjs +17 -17
  102. package/dist/components/ToggleGroup/ToggleGroup.module.scss.js +17 -17
  103. package/dist/index.d.ts +2 -2
  104. package/dist/index.d.ts.map +1 -1
  105. package/fragments.json +1 -1
  106. package/package.json +1 -1
  107. package/src/components/Alert/Alert.module.scss +8 -8
  108. package/src/components/Alert/index.tsx +2 -1
  109. package/src/components/Avatar/index.tsx +6 -2
  110. package/src/components/Badge/Badge.module.scss +17 -11
  111. package/src/components/Button/Button.module.scss +6 -5
  112. package/src/components/Button/index.tsx +60 -4
  113. package/src/components/Card/index.tsx +48 -3
  114. package/src/components/Checkbox/Checkbox.module.scss +16 -9
  115. package/src/components/ColorPicker/ColorPicker.module.scss +5 -13
  116. package/src/components/Combobox/Combobox.module.scss +30 -25
  117. package/src/components/DatePicker/DatePicker.module.scss +18 -28
  118. package/src/components/Editor/Editor.module.scss +23 -15
  119. package/src/components/Fieldset/Fieldset.module.scss +12 -6
  120. package/src/components/Fieldset/index.tsx +11 -1
  121. package/src/components/Header/Header.module.scss +99 -0
  122. package/src/components/Header/index.tsx +191 -10
  123. package/src/components/Input/Input.module.scss +97 -26
  124. package/src/components/Input/index.tsx +31 -12
  125. package/src/components/Listbox/Listbox.module.scss +9 -2
  126. package/src/components/RadioGroup/RadioGroup.module.scss +8 -6
  127. package/src/components/Select/Select.module.scss +10 -24
  128. package/src/components/Sidebar/Sidebar.module.scss +6 -4
  129. package/src/components/Slider/Slider.module.scss +12 -22
  130. package/src/components/Textarea/Textarea.module.scss +49 -18
  131. package/src/components/Textarea/index.tsx +43 -12
  132. package/src/components/Toast/Toast.module.scss +48 -8
  133. package/src/components/Toggle/Toggle.module.scss +21 -35
  134. package/src/components/Toggle/index.tsx +11 -3
  135. package/src/components/ToggleGroup/ToggleGroup.module.scss +23 -19
  136. package/src/index.ts +2 -0
  137. package/src/styles/globals.scss +4 -1
  138. package/src/tokens/_mixins.scss +57 -4
  139. package/src/tokens/_variables.scss +20 -1
@@ -1,13 +1,13 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const accordion = "_accordion_c9ujp_1";
4
- const item = "_item_c9ujp_12";
5
- const heading = "_heading_c9ujp_17";
6
- const trigger = "_trigger_c9ujp_23";
7
- const triggerContent = "_triggerContent_c9ujp_67";
8
- const chevron = "_chevron_c9ujp_71";
9
- const content = "_content_c9ujp_80";
10
- const contentInner = "_contentInner_c9ujp_93";
3
+ const accordion = "_accordion_oog7h_1";
4
+ const item = "_item_oog7h_12";
5
+ const heading = "_heading_oog7h_17";
6
+ const trigger = "_trigger_oog7h_23";
7
+ const triggerContent = "_triggerContent_oog7h_67";
8
+ const chevron = "_chevron_oog7h_71";
9
+ const content = "_content_oog7h_80";
10
+ const contentInner = "_contentInner_oog7h_93";
11
11
  const styles = {
12
12
  accordion,
13
13
  item,
@@ -1,11 +1,11 @@
1
- const accordion = "_accordion_c9ujp_1";
2
- const item = "_item_c9ujp_12";
3
- const heading = "_heading_c9ujp_17";
4
- const trigger = "_trigger_c9ujp_23";
5
- const triggerContent = "_triggerContent_c9ujp_67";
6
- const chevron = "_chevron_c9ujp_71";
7
- const content = "_content_c9ujp_80";
8
- const contentInner = "_contentInner_c9ujp_93";
1
+ const accordion = "_accordion_oog7h_1";
2
+ const item = "_item_oog7h_12";
3
+ const heading = "_heading_oog7h_17";
4
+ const trigger = "_trigger_oog7h_23";
5
+ const triggerContent = "_triggerContent_oog7h_67";
6
+ const chevron = "_chevron_oog7h_71";
7
+ const content = "_content_oog7h_80";
8
+ const contentInner = "_contentInner_oog7h_93";
9
9
  const styles = {
10
10
  accordion,
11
11
  item,
@@ -1,17 +1,17 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const alert = "_alert_2yjq3_1";
4
- const info = "_info_2yjq3_12";
5
- const success = "_success_2yjq3_18";
6
- const warning = "_warning_2yjq3_24";
7
- const error = "_error_2yjq3_30";
8
- const icon = "_icon_2yjq3_36";
9
- const body = "_body_2yjq3_66";
10
- const title = "_title_2yjq3_71";
11
- const content = "_content_2yjq3_76";
12
- const actions = "_actions_2yjq3_80";
13
- const close = "_close_2yjq3_86";
14
- const action = "_action_2yjq3_80";
3
+ const alert = "_alert_1hv7q_1";
4
+ const info = "_info_1hv7q_12";
5
+ const success = "_success_1hv7q_18";
6
+ const warning = "_warning_1hv7q_24";
7
+ const error = "_error_1hv7q_30";
8
+ const icon = "_icon_1hv7q_36";
9
+ const body = "_body_1hv7q_66";
10
+ const title = "_title_1hv7q_71";
11
+ const content = "_content_1hv7q_76";
12
+ const actions = "_actions_1hv7q_80";
13
+ const close = "_close_1hv7q_86";
14
+ const action = "_action_1hv7q_80";
15
15
  const styles = {
16
16
  alert,
17
17
  info,
@@ -1,15 +1,15 @@
1
- const alert = "_alert_2yjq3_1";
2
- const info = "_info_2yjq3_12";
3
- const success = "_success_2yjq3_18";
4
- const warning = "_warning_2yjq3_24";
5
- const error = "_error_2yjq3_30";
6
- const icon = "_icon_2yjq3_36";
7
- const body = "_body_2yjq3_66";
8
- const title = "_title_2yjq3_71";
9
- const content = "_content_2yjq3_76";
10
- const actions = "_actions_2yjq3_80";
11
- const close = "_close_2yjq3_86";
12
- const action = "_action_2yjq3_80";
1
+ const alert = "_alert_1hv7q_1";
2
+ const info = "_info_1hv7q_12";
3
+ const success = "_success_1hv7q_18";
4
+ const warning = "_warning_1hv7q_24";
5
+ const error = "_error_1hv7q_30";
6
+ const icon = "_icon_1hv7q_36";
7
+ const body = "_body_1hv7q_66";
8
+ const title = "_title_1hv7q_71";
9
+ const content = "_content_1hv7q_76";
10
+ const actions = "_actions_1hv7q_80";
11
+ const close = "_close_1hv7q_86";
12
+ const action = "_action_1hv7q_80";
13
13
  const styles = {
14
14
  alert,
15
15
  info,
@@ -56,6 +56,7 @@ function AlertRoot({
56
56
  }, []);
57
57
  if (dismissed) return null;
58
58
  const classes = [Alert_module.default.alert, Alert_module.default[severity], className].filter(Boolean).join(" ");
59
+ const role = severity === "warning" || severity === "error" ? "alert" : "status";
59
60
  const contextValue = {
60
61
  severity,
61
62
  titleId,
@@ -66,7 +67,7 @@ function AlertRoot({
66
67
  "div",
67
68
  {
68
69
  ...htmlProps,
69
- role: "alert",
70
+ role,
70
71
  "aria-labelledby": titleId,
71
72
  "aria-describedby": descId,
72
73
  className: classes,
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.tsx"],"names":[],"mappings":"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"}
@@ -37,6 +37,7 @@ function AlertRoot({
37
37
  }, []);
38
38
  if (dismissed) return null;
39
39
  const classes = [styles.alert, styles[severity], className].filter(Boolean).join(" ");
40
+ const role = severity === "warning" || severity === "error" ? "alert" : "status";
40
41
  const contextValue = {
41
42
  severity,
42
43
  titleId,
@@ -47,7 +48,7 @@ function AlertRoot({
47
48
  "div",
48
49
  {
49
50
  ...htmlProps,
50
- role: "alert",
51
+ role,
51
52
  "aria-labelledby": titleId,
52
53
  "aria-describedby": descId,
53
54
  className: classes,
@@ -191,10 +191,18 @@ function AvatarGroup({
191
191
  }
192
192
  return child;
193
193
  }),
194
- overflowCount > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: [Avatar_module.default.avatar, Avatar_module.default[size], Avatar_module.default.overflow].join(" "), children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: Avatar_module.default.initials, children: [
195
- "+",
196
- overflowCount
197
- ] }) })
194
+ overflowCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
195
+ "div",
196
+ {
197
+ className: [Avatar_module.default.avatar, Avatar_module.default[size], Avatar_module.default.overflow].join(" "),
198
+ role: "img",
199
+ "aria-label": `${overflowCount} more ${overflowCount === 1 ? "person" : "people"}`,
200
+ children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: Avatar_module.default.initials, "aria-hidden": "true", children: [
201
+ "+",
202
+ overflowCount
203
+ ] })
204
+ }
205
+ )
198
206
  ] });
199
207
  }
200
208
  const Avatar = Object.assign(AvatarBase, {
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1D;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACtF,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,oBAAoB;IACpB,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,sDAAsD;IACtD,UAAU,CAAC,EAAE,IAAI,CACf,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EACzC,KAAK,GAAG,KAAK,GAAG,WAAW,GAAG,OAAO,CACtC,CAAC;CACH;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,2CAA2C;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wCAAwC;IACxC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,mCAAmC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA2KD,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,IAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,SAAS,EACb,EAAE,gBAAgB,2CA0BlB;AAMD,eAAO,MAAM,MAAM;;CAEjB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1D;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACtF,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,oBAAoB;IACpB,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,sDAAsD;IACtD,UAAU,CAAC,EAAE,IAAI,CACf,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EACzC,KAAK,GAAG,KAAK,GAAG,WAAW,GAAG,OAAO,CACtC,CAAC;CACH;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,2CAA2C;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wCAAwC;IACxC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,mCAAmC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA2KD,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,IAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,SAAS,EACb,EAAE,gBAAgB,2CA8BlB;AAMD,eAAO,MAAM,MAAM;;CAEjB,CAAC"}
@@ -172,10 +172,18 @@ function AvatarGroup({
172
172
  }
173
173
  return child;
174
174
  }),
175
- overflowCount > 0 && /* @__PURE__ */ jsx("div", { className: [styles.avatar, styles[size], styles.overflow].join(" "), children: /* @__PURE__ */ jsxs("span", { className: styles.initials, children: [
176
- "+",
177
- overflowCount
178
- ] }) })
175
+ overflowCount > 0 && /* @__PURE__ */ jsx(
176
+ "div",
177
+ {
178
+ className: [styles.avatar, styles[size], styles.overflow].join(" "),
179
+ role: "img",
180
+ "aria-label": `${overflowCount} more ${overflowCount === 1 ? "person" : "people"}`,
181
+ children: /* @__PURE__ */ jsxs("span", { className: styles.initials, "aria-hidden": "true", children: [
182
+ "+",
183
+ overflowCount
184
+ ] })
185
+ }
186
+ )
179
187
  ] });
180
188
  }
181
189
  const Avatar = Object.assign(AvatarBase, {
@@ -1,23 +1,23 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const badge = "_badge_ip4yb_1";
4
- const sm = "_sm_ip4yb_13";
5
- const md = "_md_ip4yb_18";
6
- const lg = "_lg_ip4yb_23";
7
- const success = "_success_ip4yb_33";
8
- const warning = "_warning_ip4yb_38";
9
- const error = "_error_ip4yb_43";
10
- const info = "_info_ip4yb_48";
11
- const outline = "_outline_ip4yb_53";
12
- const dot = "_dot_ip4yb_59";
13
- const icon = "_icon_ip4yb_70";
14
- const remove = "_remove_ip4yb_75";
3
+ const badge = "_badge_br9gx_1";
4
+ const sm = "_sm_br9gx_13";
5
+ const md = "_md_br9gx_18";
6
+ const lg = "_lg_br9gx_23";
7
+ const success = "_success_br9gx_33";
8
+ const warning = "_warning_br9gx_39";
9
+ const error = "_error_br9gx_45";
10
+ const info = "_info_br9gx_51";
11
+ const outline = "_outline_br9gx_57";
12
+ const dot = "_dot_br9gx_63";
13
+ const icon = "_icon_br9gx_74";
14
+ const remove = "_remove_br9gx_79";
15
15
  const styles = {
16
16
  badge,
17
17
  sm,
18
18
  md,
19
19
  lg,
20
- "default": "_default_ip4yb_28",
20
+ "default": "_default_br9gx_28",
21
21
  success,
22
22
  warning,
23
23
  error,
@@ -1,21 +1,21 @@
1
- const badge = "_badge_ip4yb_1";
2
- const sm = "_sm_ip4yb_13";
3
- const md = "_md_ip4yb_18";
4
- const lg = "_lg_ip4yb_23";
5
- const success = "_success_ip4yb_33";
6
- const warning = "_warning_ip4yb_38";
7
- const error = "_error_ip4yb_43";
8
- const info = "_info_ip4yb_48";
9
- const outline = "_outline_ip4yb_53";
10
- const dot = "_dot_ip4yb_59";
11
- const icon = "_icon_ip4yb_70";
12
- const remove = "_remove_ip4yb_75";
1
+ const badge = "_badge_br9gx_1";
2
+ const sm = "_sm_br9gx_13";
3
+ const md = "_md_br9gx_18";
4
+ const lg = "_lg_br9gx_23";
5
+ const success = "_success_br9gx_33";
6
+ const warning = "_warning_br9gx_39";
7
+ const error = "_error_br9gx_45";
8
+ const info = "_info_br9gx_51";
9
+ const outline = "_outline_br9gx_57";
10
+ const dot = "_dot_br9gx_63";
11
+ const icon = "_icon_br9gx_74";
12
+ const remove = "_remove_br9gx_79";
13
13
  const styles = {
14
14
  badge,
15
15
  sm,
16
16
  md,
17
17
  lg,
18
- "default": "_default_ip4yb_28",
18
+ "default": "_default_br9gx_28",
19
19
  success,
20
20
  warning,
21
21
  error,
@@ -1,16 +1,16 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const button = "_button_13zq1_1";
4
- const sm = "_sm_13zq1_42";
5
- const md = "_md_13zq1_48";
6
- const lg = "_lg_13zq1_54";
7
- const primary = "_primary_13zq1_60";
8
- const secondary = "_secondary_13zq1_72";
9
- const ghost = "_ghost_13zq1_84";
10
- const danger = "_danger_13zq1_96";
11
- const outlined = "_outlined_13zq1_108";
12
- const icon = "_icon_13zq1_120";
13
- const fullWidth = "_fullWidth_13zq1_134";
3
+ const button = "_button_so5u9_1";
4
+ const sm = "_sm_so5u9_42";
5
+ const md = "_md_so5u9_48";
6
+ const lg = "_lg_so5u9_54";
7
+ const primary = "_primary_so5u9_60";
8
+ const secondary = "_secondary_so5u9_72";
9
+ const ghost = "_ghost_so5u9_84";
10
+ const danger = "_danger_so5u9_96";
11
+ const outlined = "_outlined_so5u9_109";
12
+ const icon = "_icon_so5u9_121";
13
+ const fullWidth = "_fullWidth_so5u9_135";
14
14
  const styles = {
15
15
  button,
16
16
  sm,
@@ -1,14 +1,14 @@
1
- const button = "_button_13zq1_1";
2
- const sm = "_sm_13zq1_42";
3
- const md = "_md_13zq1_48";
4
- const lg = "_lg_13zq1_54";
5
- const primary = "_primary_13zq1_60";
6
- const secondary = "_secondary_13zq1_72";
7
- const ghost = "_ghost_13zq1_84";
8
- const danger = "_danger_13zq1_96";
9
- const outlined = "_outlined_13zq1_108";
10
- const icon = "_icon_13zq1_120";
11
- const fullWidth = "_fullWidth_13zq1_134";
1
+ const button = "_button_so5u9_1";
2
+ const sm = "_sm_so5u9_42";
3
+ const md = "_md_so5u9_48";
4
+ const lg = "_lg_so5u9_54";
5
+ const primary = "_primary_so5u9_60";
6
+ const secondary = "_secondary_so5u9_72";
7
+ const ghost = "_ghost_so5u9_84";
8
+ const danger = "_danger_so5u9_96";
9
+ const outlined = "_outlined_so5u9_109";
10
+ const icon = "_icon_so5u9_121";
11
+ const fullWidth = "_fullWidth_so5u9_135";
12
12
  const styles = {
13
13
  button,
14
14
  sm,
@@ -21,6 +21,14 @@ function _interopNamespaceDefault(e) {
21
21
  return Object.freeze(n);
22
22
  }
23
23
  const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
24
+ function composeEventHandlers(childHandler, parentHandler) {
25
+ if (!childHandler) return parentHandler;
26
+ if (!parentHandler) return childHandler;
27
+ return ((...args) => {
28
+ childHandler(...args);
29
+ parentHandler(...args);
30
+ });
31
+ }
24
32
  const ButtonRoot = React__namespace.forwardRef(function Button2(props, ref) {
25
33
  const {
26
34
  children,
@@ -43,12 +51,51 @@ const ButtonRoot = React__namespace.forwardRef(function Button2(props, ref) {
43
51
  className
44
52
  ].filter(Boolean).join(" ");
45
53
  if (asChild && React__namespace.isValidElement(children)) {
46
- const { as: _as2, ...childProps } = rest;
47
- return React__namespace.cloneElement(children, {
54
+ const {
55
+ as: _as2,
56
+ disabled,
57
+ style,
58
+ onClick,
59
+ onKeyDown,
60
+ ...childProps
61
+ } = rest;
62
+ const childElement = children;
63
+ const childElementProps = childElement.props;
64
+ const isIntrinsicButton = typeof childElement.type === "string" && childElement.type === "button";
65
+ const isDisabled = Boolean(disabled);
66
+ const mergedProps = {
48
67
  ...childProps,
49
- className: [classNames, children.props.className].filter(Boolean).join(" "),
68
+ className: [classNames, childElementProps.className].filter(Boolean).join(" "),
69
+ style: { ...style, ...childElementProps.style },
50
70
  ref
51
- });
71
+ };
72
+ if (isIntrinsicButton) {
73
+ mergedProps.disabled = isDisabled;
74
+ } else if (isDisabled) {
75
+ mergedProps["aria-disabled"] = true;
76
+ mergedProps["data-disabled"] = "";
77
+ mergedProps.tabIndex = -1;
78
+ mergedProps.onClick = (event) => {
79
+ event.preventDefault();
80
+ event.stopPropagation();
81
+ };
82
+ mergedProps.onKeyDown = (event) => {
83
+ if (event.key === "Enter" || event.key === " ") {
84
+ event.preventDefault();
85
+ event.stopPropagation();
86
+ }
87
+ };
88
+ } else {
89
+ mergedProps.onClick = composeEventHandlers(
90
+ childElementProps.onClick,
91
+ onClick
92
+ );
93
+ mergedProps.onKeyDown = composeEventHandlers(
94
+ childElementProps.onKeyDown,
95
+ onKeyDown
96
+ );
97
+ }
98
+ return React__namespace.cloneElement(childElement, mergedProps);
52
99
  }
53
100
  if (props.as === "a") {
54
101
  const { as: _as2, ...anchorProps } = rest;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;GAGG;AACH,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;kEAE8D;IAC9D,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;IACzF;;+DAE2D;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,sHAAsH;IACtH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;iEAC6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAGF,MAAM,WAAW,mBACf,SAAQ,eAAe,EACrB,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,EAAE,CAAC,EAAE,QAAQ,CAAC;CACf;AAGD,MAAM,WAAW,mBACf,SAAQ,eAAe,EACrB,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,EAAE,EAAE,GAAG,CAAC;CACT;AAED,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG,mBAAmB,CAAC;AA8EpE,eAAO,MAAM,MAAM;;CAEjB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B;;;GAGG;AACH,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;kEAE8D;IAC9D,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;IACzF;;+DAE2D;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,sHAAsH;IACtH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;iEAC6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAGF,MAAM,WAAW,mBACf,SAAQ,eAAe,EACrB,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,EAAE,CAAC,EAAE,QAAQ,CAAC;CACf;AAGD,MAAM,WAAW,mBACf,SAAQ,eAAe,EACrB,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,EAAE,EAAE,GAAG,CAAC;CACT;AAED,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG,mBAAmB,CAAC;AA0HpE,eAAO,MAAM,MAAM;;CAEjB,CAAC"}
@@ -2,6 +2,14 @@ import { jsx } from "react/jsx-runtime";
2
2
  import * as React from "react";
3
3
  import { Button as Button$1 } from "@base-ui/react/button";
4
4
  import styles from "./Button.module.scss.js";
5
+ function composeEventHandlers(childHandler, parentHandler) {
6
+ if (!childHandler) return parentHandler;
7
+ if (!parentHandler) return childHandler;
8
+ return ((...args) => {
9
+ childHandler(...args);
10
+ parentHandler(...args);
11
+ });
12
+ }
5
13
  const ButtonRoot = React.forwardRef(function Button2(props, ref) {
6
14
  const {
7
15
  children,
@@ -24,12 +32,51 @@ const ButtonRoot = React.forwardRef(function Button2(props, ref) {
24
32
  className
25
33
  ].filter(Boolean).join(" ");
26
34
  if (asChild && React.isValidElement(children)) {
27
- const { as: _as2, ...childProps } = rest;
28
- return React.cloneElement(children, {
35
+ const {
36
+ as: _as2,
37
+ disabled,
38
+ style,
39
+ onClick,
40
+ onKeyDown,
41
+ ...childProps
42
+ } = rest;
43
+ const childElement = children;
44
+ const childElementProps = childElement.props;
45
+ const isIntrinsicButton = typeof childElement.type === "string" && childElement.type === "button";
46
+ const isDisabled = Boolean(disabled);
47
+ const mergedProps = {
29
48
  ...childProps,
30
- className: [classNames, children.props.className].filter(Boolean).join(" "),
49
+ className: [classNames, childElementProps.className].filter(Boolean).join(" "),
50
+ style: { ...style, ...childElementProps.style },
31
51
  ref
32
- });
52
+ };
53
+ if (isIntrinsicButton) {
54
+ mergedProps.disabled = isDisabled;
55
+ } else if (isDisabled) {
56
+ mergedProps["aria-disabled"] = true;
57
+ mergedProps["data-disabled"] = "";
58
+ mergedProps.tabIndex = -1;
59
+ mergedProps.onClick = (event) => {
60
+ event.preventDefault();
61
+ event.stopPropagation();
62
+ };
63
+ mergedProps.onKeyDown = (event) => {
64
+ if (event.key === "Enter" || event.key === " ") {
65
+ event.preventDefault();
66
+ event.stopPropagation();
67
+ }
68
+ };
69
+ } else {
70
+ mergedProps.onClick = composeEventHandlers(
71
+ childElementProps.onClick,
72
+ onClick
73
+ );
74
+ mergedProps.onKeyDown = composeEventHandlers(
75
+ childElementProps.onKeyDown,
76
+ onKeyDown
77
+ );
78
+ }
79
+ return React.cloneElement(childElement, mergedProps);
33
80
  }
34
81
  if (props.as === "a") {
35
82
  const { as: _as2, ...anchorProps } = rest;
@@ -1,21 +1,21 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const card = "_card_15yji_1";
4
- const outlined = "_outlined_15yji_13";
5
- const elevated = "_elevated_15yji_18";
6
- const paddingNone = "_paddingNone_15yji_22";
7
- const paddingSm = "_paddingSm_15yji_26";
8
- const paddingMd = "_paddingMd_15yji_30";
9
- const paddingLg = "_paddingLg_15yji_34";
10
- const interactive = "_interactive_15yji_38";
11
- const header = "_header_15yji_78";
12
- const title = "_title_15yji_82";
13
- const description = "_description_15yji_90";
14
- const body = "_body_15yji_97";
15
- const footer = "_footer_15yji_103";
3
+ const card = "_card_1g0p6_1";
4
+ const outlined = "_outlined_1g0p6_13";
5
+ const elevated = "_elevated_1g0p6_18";
6
+ const paddingNone = "_paddingNone_1g0p6_22";
7
+ const paddingSm = "_paddingSm_1g0p6_26";
8
+ const paddingMd = "_paddingMd_1g0p6_30";
9
+ const paddingLg = "_paddingLg_1g0p6_34";
10
+ const interactive = "_interactive_1g0p6_38";
11
+ const header = "_header_1g0p6_78";
12
+ const title = "_title_1g0p6_82";
13
+ const description = "_description_1g0p6_90";
14
+ const body = "_body_1g0p6_97";
15
+ const footer = "_footer_1g0p6_103";
16
16
  const styles = {
17
17
  card,
18
- "default": "_default_15yji_9",
18
+ "default": "_default_1g0p6_9",
19
19
  outlined,
20
20
  elevated,
21
21
  paddingNone,
@@ -1,19 +1,19 @@
1
- const card = "_card_15yji_1";
2
- const outlined = "_outlined_15yji_13";
3
- const elevated = "_elevated_15yji_18";
4
- const paddingNone = "_paddingNone_15yji_22";
5
- const paddingSm = "_paddingSm_15yji_26";
6
- const paddingMd = "_paddingMd_15yji_30";
7
- const paddingLg = "_paddingLg_15yji_34";
8
- const interactive = "_interactive_15yji_38";
9
- const header = "_header_15yji_78";
10
- const title = "_title_15yji_82";
11
- const description = "_description_15yji_90";
12
- const body = "_body_15yji_97";
13
- const footer = "_footer_15yji_103";
1
+ const card = "_card_1g0p6_1";
2
+ const outlined = "_outlined_1g0p6_13";
3
+ const elevated = "_elevated_1g0p6_18";
4
+ const paddingNone = "_paddingNone_1g0p6_22";
5
+ const paddingSm = "_paddingSm_1g0p6_26";
6
+ const paddingMd = "_paddingMd_1g0p6_30";
7
+ const paddingLg = "_paddingLg_1g0p6_34";
8
+ const interactive = "_interactive_1g0p6_38";
9
+ const header = "_header_1g0p6_78";
10
+ const title = "_title_1g0p6_82";
11
+ const description = "_description_1g0p6_90";
12
+ const body = "_body_1g0p6_97";
13
+ const footer = "_footer_1g0p6_103";
14
14
  const styles = {
15
15
  card,
16
- "default": "_default_15yji_9",
16
+ "default": "_default_1g0p6_9",
17
17
  outlined,
18
18
  elevated,
19
19
  paddingNone,
@@ -27,6 +27,13 @@ const paddingMap = {
27
27
  md: Card_module.default.paddingMd,
28
28
  lg: Card_module.default.paddingLg
29
29
  };
30
+ function composeEventHandlers(userHandler, internalHandler) {
31
+ return (event) => {
32
+ userHandler == null ? void 0 : userHandler(event);
33
+ if (event.defaultPrevented) return;
34
+ internalHandler(event);
35
+ };
36
+ }
30
37
  function CardRoot({
31
38
  children,
32
39
  variant: variantProp = "default",
@@ -37,7 +44,16 @@ function CardRoot({
37
44
  ...htmlProps
38
45
  }) {
39
46
  const variant = variantProp === "outline" ? "outlined" : variantProp;
40
- const isInteractive = typeof htmlProps.onClick === "function";
47
+ const {
48
+ onKeyDown,
49
+ onKeyUp,
50
+ role,
51
+ tabIndex,
52
+ ...elementProps
53
+ } = htmlProps;
54
+ const isInteractive = typeof elementProps.onClick === "function";
55
+ const resolvedRole = isInteractive ? role ?? "button" : role;
56
+ const resolvedTabIndex = isInteractive ? tabIndex ?? 0 : tabIndex;
41
57
  const classes = [
42
58
  Card_module.default.card,
43
59
  Card_module.default[variant],
@@ -53,7 +69,24 @@ function CardRoot({
53
69
  return /* @__PURE__ */ jsxRuntime.jsx(CardContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
54
70
  Component,
55
71
  {
56
- ...htmlProps,
72
+ ...elementProps,
73
+ role: resolvedRole,
74
+ tabIndex: resolvedTabIndex,
75
+ onKeyDown: isInteractive && resolvedRole === "button" ? composeEventHandlers(onKeyDown, (event) => {
76
+ if (event.key === "Enter") {
77
+ event.preventDefault();
78
+ event.currentTarget.click();
79
+ }
80
+ if (event.key === " ") {
81
+ event.preventDefault();
82
+ }
83
+ }) : onKeyDown,
84
+ onKeyUp: isInteractive && resolvedRole === "button" ? composeEventHandlers(onKeyUp, (event) => {
85
+ if (event.key === " ") {
86
+ event.preventDefault();
87
+ event.currentTarget.click();
88
+ }
89
+ }) : onKeyUp,
57
90
  className: classes,
58
91
  style,
59
92
  children
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;GAGG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACpF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;gEAE4D;IAC5D,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IAC1D;uBACmB;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC;4BACwB;IACxB,EAAE,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;CACpC;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IACtF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA6BD,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,OAAO,EAAE,WAAuB,EAChC,OAAc,EACd,EAAE,EAAE,SAAqB,EACzB,SAAS,EACT,KAAK,EACL,GAAG,SAAS,EACb,EAAE,SAAS,2CAiCX;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,eAAe,2CAGzE;AAED,iBAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,cAAc,2CAGvE;AAED,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,oBAAoB,2CAGnF;AAED,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,aAAa,2CAGrE;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,eAAe,2CAGzE;AAMD,eAAO,MAAM,IAAI;;;;;;CAMf,CAAC;AAGH,OAAO,EACL,QAAQ,EACR,UAAU,EACV,SAAS,EACT,eAAe,EACf,QAAQ,EACR,UAAU,GACX,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;;GAGG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACpF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;gEAE4D;IAC5D,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IAC1D;uBACmB;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC;4BACwB;IACxB,EAAE,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;CACpC;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IACtF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAwCD,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,OAAO,EAAE,WAAuB,EAChC,OAAc,EACd,EAAE,EAAE,SAAqB,EACzB,SAAS,EACT,KAAK,EACL,GAAG,SAAS,EACb,EAAE,SAAS,2CAmEX;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,eAAe,2CAGzE;AAED,iBAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,cAAc,2CAGvE;AAED,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,oBAAoB,2CAGnF;AAED,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,aAAa,2CAGrE;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,eAAe,2CAGzE;AAMD,eAAO,MAAM,IAAI;;;;;;CAMf,CAAC;AAGH,OAAO,EACL,QAAQ,EACR,UAAU,EACV,SAAS,EACT,eAAe,EACf,QAAQ,EACR,UAAU,GACX,CAAC"}