react-minolith 0.0.23 → 0.0.24

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 (121) hide show
  1. package/dist/Breadcrumbs.module-BtQf5S18.js +18 -0
  2. package/dist/Breadcrumbs.module-BtQf5S18.js.map +1 -0
  3. package/dist/assets/Accordion.css +1 -1
  4. package/dist/assets/Badge.css +1 -1
  5. package/dist/assets/Blockquote.css +1 -1
  6. package/dist/assets/Breadcrumbs.css +1 -0
  7. package/dist/assets/Button.css +1 -1
  8. package/dist/assets/Card.css +1 -1
  9. package/dist/assets/Columns.css +1 -1
  10. package/dist/assets/Container.css +1 -1
  11. package/dist/assets/Dialogue.css +1 -1
  12. package/dist/assets/Div.css +1 -1
  13. package/dist/assets/Dot.css +1 -1
  14. package/dist/assets/Footer.css +1 -1
  15. package/dist/assets/Gingham.css +1 -1
  16. package/dist/assets/Header.css +1 -1
  17. package/dist/assets/Heading.css +1 -1
  18. package/dist/assets/Label.css +1 -1
  19. package/dist/assets/Link.css +1 -1
  20. package/dist/assets/Loader.css +1 -1
  21. package/dist/assets/Message.css +1 -1
  22. package/dist/assets/MinolithCssVariableStylesProvider.css +1 -1
  23. package/dist/assets/Modal.css +1 -1
  24. package/dist/assets/Nav.css +1 -1
  25. package/dist/assets/Paragraph.css +1 -1
  26. package/dist/assets/Progress.css +1 -1
  27. package/dist/assets/Section.css +1 -1
  28. package/dist/assets/Span.css +1 -1
  29. package/dist/assets/Stripe.css +1 -1
  30. package/dist/assets/Textarea.css +1 -1
  31. package/dist/backgrounds/Dot/Dot.js +19 -19
  32. package/dist/backgrounds/Gingham/Gingham.js +21 -21
  33. package/dist/backgrounds/Stripe/Stripe.js +26 -26
  34. package/dist/common/models/ComponentsCssVariable.d.ts +3 -0
  35. package/dist/common/models/ComponentsCssVariable.d.ts.map +1 -1
  36. package/dist/components/Accordion/Accordion.js +22 -22
  37. package/dist/components/Accordion/AccordionDetails.js +23 -23
  38. package/dist/components/Accordion/AccordionSummary.js +21 -21
  39. package/dist/components/Badge/Badge.js +21 -21
  40. package/dist/components/Blockquote/Blockquote.js +22 -22
  41. package/dist/components/Breadcrumbs/Breadcrumb.d.ts +3 -0
  42. package/dist/components/Breadcrumbs/Breadcrumb.d.ts.map +1 -0
  43. package/dist/components/Breadcrumbs/Breadcrumb.js +13 -0
  44. package/dist/components/Breadcrumbs/Breadcrumb.js.map +1 -0
  45. package/dist/components/Breadcrumbs/BreadcrumbProps.d.ts +5 -0
  46. package/dist/components/Breadcrumbs/BreadcrumbProps.d.ts.map +1 -0
  47. package/dist/components/Breadcrumbs/BreadcrumbProps.js +2 -0
  48. package/dist/components/Breadcrumbs/BreadcrumbProps.js.map +1 -0
  49. package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +3 -0
  50. package/dist/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
  51. package/dist/components/Breadcrumbs/Breadcrumbs.js +13 -0
  52. package/dist/components/Breadcrumbs/Breadcrumbs.js.map +1 -0
  53. package/dist/components/Breadcrumbs/Breadcrumbs.stories.d.ts +12 -0
  54. package/dist/components/Breadcrumbs/Breadcrumbs.stories.d.ts.map +1 -0
  55. package/dist/components/Breadcrumbs/BreadcrumbsNav.d.ts +3 -0
  56. package/dist/components/Breadcrumbs/BreadcrumbsNav.d.ts.map +1 -0
  57. package/dist/components/Breadcrumbs/BreadcrumbsNav.js +20 -0
  58. package/dist/components/Breadcrumbs/BreadcrumbsNav.js.map +1 -0
  59. package/dist/components/Breadcrumbs/BreadcrumbsNavProps.d.ts +5 -0
  60. package/dist/components/Breadcrumbs/BreadcrumbsNavProps.d.ts.map +1 -0
  61. package/dist/components/Breadcrumbs/BreadcrumbsNavProps.js +2 -0
  62. package/dist/components/Breadcrumbs/BreadcrumbsNavProps.js.map +1 -0
  63. package/dist/components/Breadcrumbs/BreadcrumbsProps.d.ts +7 -0
  64. package/dist/components/Breadcrumbs/BreadcrumbsProps.d.ts.map +1 -0
  65. package/dist/components/Breadcrumbs/BreadcrumbsProps.js +2 -0
  66. package/dist/components/Breadcrumbs/BreadcrumbsProps.js.map +1 -0
  67. package/dist/components/Breadcrumbs/index.d.ts +7 -0
  68. package/dist/components/Breadcrumbs/index.d.ts.map +1 -0
  69. package/dist/components/Breadcrumbs/index.js +9 -0
  70. package/dist/components/Breadcrumbs/index.js.map +1 -0
  71. package/dist/components/Button/Button.js +26 -26
  72. package/dist/components/Card/Card.js +23 -23
  73. package/dist/components/Card/CardBody.js +23 -23
  74. package/dist/components/Card/CardFooter.js +23 -23
  75. package/dist/components/Card/CardHeader.js +23 -23
  76. package/dist/components/Dialogue/Dialogue.js +36 -36
  77. package/dist/components/Dialogue/DialogueAvatar.js +36 -36
  78. package/dist/components/Dialogue/DialogueAvatarContainer.js +36 -36
  79. package/dist/components/Dialogue/DialogueContentContainer.js +36 -36
  80. package/dist/components/Dialogue/DialogueMessage.js +36 -36
  81. package/dist/components/Dialogue/DialogueMessageInner.js +36 -36
  82. package/dist/components/Dialogue/DialogueName.js +36 -36
  83. package/dist/components/Div/Div.js +1 -1
  84. package/dist/components/Footer/Footer.js +12 -12
  85. package/dist/components/Header/Header.js +16 -16
  86. package/dist/components/Heading/Heading.js +6 -6
  87. package/dist/components/Input/Input.js +37 -37
  88. package/dist/components/Label/Label.js +13 -13
  89. package/dist/components/Link/Link.js +15 -15
  90. package/dist/components/Loader/Loader.js +45 -45
  91. package/dist/components/Message/Message.js +20 -20
  92. package/dist/components/Message/MessageBody.js +17 -17
  93. package/dist/components/Message/MessageHeader.js +17 -17
  94. package/dist/components/Modal/Modal.js +20 -20
  95. package/dist/components/Modal/ModalContent.js +18 -18
  96. package/dist/components/Nav/Nav.js +39 -39
  97. package/dist/components/Nav/NavAccordion.js +39 -39
  98. package/dist/components/Nav/NavBrand.js +40 -40
  99. package/dist/components/Nav/NavBrandCenter.js +39 -39
  100. package/dist/components/Nav/NavBrandLeft.js +40 -40
  101. package/dist/components/Nav/NavBrandRight.js +40 -40
  102. package/dist/components/Nav/NavMenu.js +40 -40
  103. package/dist/components/Nav/NavMenuItem.js +40 -40
  104. package/dist/components/Nav/NavStatic.js +39 -39
  105. package/dist/components/Paragraph/Paragraph.js +1 -1
  106. package/dist/components/Progress/Progress.js +140 -140
  107. package/dist/components/Ruby/Ruby.js +1 -1
  108. package/dist/components/Section/Section.js +1 -1
  109. package/dist/components/Span/Span.js +3 -3
  110. package/dist/components/Textarea/Textarea.js +37 -37
  111. package/dist/layouts/Columns/Column.js +969 -969
  112. package/dist/layouts/Columns/Columns.js +1107 -1107
  113. package/dist/layouts/Container/Container.js +764 -764
  114. package/dist/react-minolith.d.ts +1 -0
  115. package/dist/react-minolith.d.ts.map +1 -1
  116. package/dist/react-minolith.js +106 -100
  117. package/dist/react-minolith.js.map +1 -1
  118. package/dist/utilities/minolithStyleUtility/minolithStyleUtility.d.ts.map +1 -1
  119. package/dist/utilities/minolithStyleUtility/minolithStyleUtility.js +97 -91
  120. package/dist/utilities/minolithStyleUtility/minolithStyleUtility.js.map +1 -1
  121. package/package.json +2 -2
@@ -1,34 +1,34 @@
1
1
  import { jsx as _ } from "react/jsx-runtime";
2
- import a from "../../utilities/classNameUtility.js";
3
- import '../../assets/Button.css';const l = "_button_1stve_1", t = {
4
- button: l,
5
- "is-circle": "_is-circle_1stve_19",
6
- "is-small": "_is-small_1stve_27",
7
- "is-large": "_is-large_1stve_34",
8
- "is-xlarge": "_is-xlarge_1stve_41",
9
- "is-hovered": "_is-hovered_1stve_48",
10
- "is-focus": "_is-focus_1stve_54",
11
- "is-focused": "_is-focused_1stve_54",
12
- "is-active": "_is-active_1stve_60",
13
- "is-disabled": "_is-disabled_1stve_66",
14
- "is-gray": "_is-gray_1stve_71",
15
- "is-hover": "_is-hover_1stve_48",
16
- "is-red": "_is-red_1stve_97",
17
- "is-orange": "_is-orange_1stve_123",
18
- "is-yellow": "_is-yellow_1stve_149",
19
- "is-green": "_is-green_1stve_175",
20
- "is-cyan": "_is-cyan_1stve_201",
21
- "is-blue": "_is-blue_1stve_227",
22
- "is-violet": "_is-violet_1stve_253",
23
- "is-magenta": "_is-magenta_1stve_279"
2
+ import t from "../../utilities/classNameUtility.js";
3
+ import '../../assets/Button.css';const d = "_button_1yawd_1", a = {
4
+ button: d,
5
+ "is-circle": "_is-circle_1yawd_21",
6
+ "is-small": "_is-small_1yawd_29",
7
+ "is-large": "_is-large_1yawd_36",
8
+ "is-xlarge": "_is-xlarge_1yawd_43",
9
+ "is-hovered": "_is-hovered_1yawd_50",
10
+ "is-focus": "_is-focus_1yawd_56",
11
+ "is-focused": "_is-focused_1yawd_56",
12
+ "is-active": "_is-active_1yawd_62",
13
+ "is-disabled": "_is-disabled_1yawd_68",
14
+ "is-gray": "_is-gray_1yawd_73",
15
+ "is-hover": "_is-hover_1yawd_50",
16
+ "is-red": "_is-red_1yawd_99",
17
+ "is-orange": "_is-orange_1yawd_125",
18
+ "is-yellow": "_is-yellow_1yawd_151",
19
+ "is-green": "_is-green_1yawd_177",
20
+ "is-cyan": "_is-cyan_1yawd_203",
21
+ "is-blue": "_is-blue_1yawd_229",
22
+ "is-violet": "_is-violet_1yawd_255",
23
+ "is-magenta": "_is-magenta_1yawd_281"
24
24
  };
25
- function r(s) {
25
+ function n(s) {
26
26
  const e = { ...s };
27
27
  delete e.colorName, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
28
- const i = [t.button];
29
- return s.colorName && i.push(t[`is-${s.colorName}`]), i.push(...a.getUtilityClassNames(s)), s.className && i.push(s.className), /* @__PURE__ */ _("button", { ...e, className: i.join(" ") });
28
+ const i = [a.button];
29
+ return s.colorName && i.push(a[`is-${s.colorName}`]), i.push(...t.getUtilityClassNames(s)), s.className && i.push(s.className), /* @__PURE__ */ _("button", { ...e, className: i.join(" ") });
30
30
  }
31
31
  export {
32
- r as default
32
+ n as default
33
33
  };
34
34
  //# sourceMappingURL=Button.js.map
@@ -1,28 +1,28 @@
1
- import { jsx as l } from "react/jsx-runtime";
2
- import _ from "../../utilities/classNameUtility.js";
3
- import '../../assets/Card.css';const i = "_card_1rlak_1", r = {
4
- card: i,
5
- "has-shadow": "_has-shadow_1rlak_11",
6
- "card-header": "_card-header_1rlak_14",
7
- "card-body": "_card-body_1rlak_24",
8
- "card-footer": "_card-footer_1rlak_40",
9
- "is-gray": "_is-gray_1rlak_48",
10
- "is-red": "_is-red_1rlak_65",
11
- "is-orange": "_is-orange_1rlak_82",
12
- "is-yellow": "_is-yellow_1rlak_99",
13
- "is-green": "_is-green_1rlak_116",
14
- "is-cyan": "_is-cyan_1rlak_133",
15
- "is-blue": "_is-blue_1rlak_150",
16
- "is-violet": "_is-violet_1rlak_167",
17
- "is-magenta": "_is-magenta_1rlak_184"
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import i from "../../utilities/classNameUtility.js";
3
+ import '../../assets/Card.css';const b = "_card_1o7bb_1", _ = {
4
+ card: b,
5
+ "has-shadow": "_has-shadow_1o7bb_13",
6
+ "card-header": "_card-header_1o7bb_16",
7
+ "card-body": "_card-body_1o7bb_28",
8
+ "card-footer": "_card-footer_1o7bb_46",
9
+ "is-gray": "_is-gray_1o7bb_56",
10
+ "is-red": "_is-red_1o7bb_73",
11
+ "is-orange": "_is-orange_1o7bb_90",
12
+ "is-yellow": "_is-yellow_1o7bb_107",
13
+ "is-green": "_is-green_1o7bb_124",
14
+ "is-cyan": "_is-cyan_1o7bb_141",
15
+ "is-blue": "_is-blue_1o7bb_158",
16
+ "is-violet": "_is-violet_1o7bb_175",
17
+ "is-magenta": "_is-magenta_1o7bb_192"
18
18
  };
19
- function o(e) {
20
- const a = { ...e };
21
- delete a.as, delete a.colorName, delete a.fore, delete a.back, delete a.highlighter, delete a.border, delete a.positioning, delete a.sizing, delete a.spacing;
22
- const s = [r.card];
23
- return e.colorName && s.push(r[`is-${e.colorName}`]), s.push(..._.getUtilityClassNames(e)), e.className && s.push(e.className), e.as ? /* @__PURE__ */ l(e.as, { ...a, className: s.join(" ") }) : /* @__PURE__ */ l("div", { ...a, className: s.join(" ") });
19
+ function t(a) {
20
+ const e = { ...a };
21
+ delete e.as, delete e.colorName, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
22
+ const s = [_.card];
23
+ return a.colorName && s.push(_[`is-${a.colorName}`]), s.push(...i.getUtilityClassNames(a)), a.className && s.push(a.className), a.as ? /* @__PURE__ */ o(a.as, { ...e, className: s.join(" ") }) : /* @__PURE__ */ o("div", { ...e, className: s.join(" ") });
24
24
  }
25
25
  export {
26
- o as default
26
+ t as default
27
27
  };
28
28
  //# sourceMappingURL=Card.js.map
@@ -1,28 +1,28 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- import l from "../../utilities/classNameUtility.js";
3
- import '../../assets/Card.css';const _ = "_card_1rlak_1", i = {
4
- card: _,
5
- "has-shadow": "_has-shadow_1rlak_11",
6
- "card-header": "_card-header_1rlak_14",
7
- "card-body": "_card-body_1rlak_24",
8
- "card-footer": "_card-footer_1rlak_40",
9
- "is-gray": "_is-gray_1rlak_48",
10
- "is-red": "_is-red_1rlak_65",
11
- "is-orange": "_is-orange_1rlak_82",
12
- "is-yellow": "_is-yellow_1rlak_99",
13
- "is-green": "_is-green_1rlak_116",
14
- "is-cyan": "_is-cyan_1rlak_133",
15
- "is-blue": "_is-blue_1rlak_150",
16
- "is-violet": "_is-violet_1rlak_167",
17
- "is-magenta": "_is-magenta_1rlak_184"
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import _ from "../../utilities/classNameUtility.js";
3
+ import '../../assets/Card.css';const i = "_card_1o7bb_1", b = {
4
+ card: i,
5
+ "has-shadow": "_has-shadow_1o7bb_13",
6
+ "card-header": "_card-header_1o7bb_16",
7
+ "card-body": "_card-body_1o7bb_28",
8
+ "card-footer": "_card-footer_1o7bb_46",
9
+ "is-gray": "_is-gray_1o7bb_56",
10
+ "is-red": "_is-red_1o7bb_73",
11
+ "is-orange": "_is-orange_1o7bb_90",
12
+ "is-yellow": "_is-yellow_1o7bb_107",
13
+ "is-green": "_is-green_1o7bb_124",
14
+ "is-cyan": "_is-cyan_1o7bb_141",
15
+ "is-blue": "_is-blue_1o7bb_158",
16
+ "is-violet": "_is-violet_1o7bb_175",
17
+ "is-magenta": "_is-magenta_1o7bb_192"
18
18
  };
19
- function o(e) {
20
- const a = { ...e };
21
- delete a.as, delete a.fore, delete a.back, delete a.highlighter, delete a.border, delete a.positioning, delete a.sizing, delete a.spacing;
22
- const s = [i["card-body"]];
23
- return s.push(...l.getUtilityClassNames(e)), e.className && s.push(e.className), e.as ? /* @__PURE__ */ r(e.as, { ...a, className: s.join(" ") }) : /* @__PURE__ */ r("div", { ...a, className: s.join(" ") });
19
+ function r(s) {
20
+ const e = { ...s };
21
+ delete e.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
22
+ const a = [b["card-body"]];
23
+ return a.push(..._.getUtilityClassNames(s)), s.className && a.push(s.className), s.as ? /* @__PURE__ */ o(s.as, { ...e, className: a.join(" ") }) : /* @__PURE__ */ o("div", { ...e, className: a.join(" ") });
24
24
  }
25
25
  export {
26
- o as default
26
+ r as default
27
27
  };
28
28
  //# sourceMappingURL=CardBody.js.map
@@ -1,28 +1,28 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- import l from "../../utilities/classNameUtility.js";
3
- import '../../assets/Card.css';const _ = "_card_1rlak_1", i = {
4
- card: _,
5
- "has-shadow": "_has-shadow_1rlak_11",
6
- "card-header": "_card-header_1rlak_14",
7
- "card-body": "_card-body_1rlak_24",
8
- "card-footer": "_card-footer_1rlak_40",
9
- "is-gray": "_is-gray_1rlak_48",
10
- "is-red": "_is-red_1rlak_65",
11
- "is-orange": "_is-orange_1rlak_82",
12
- "is-yellow": "_is-yellow_1rlak_99",
13
- "is-green": "_is-green_1rlak_116",
14
- "is-cyan": "_is-cyan_1rlak_133",
15
- "is-blue": "_is-blue_1rlak_150",
16
- "is-violet": "_is-violet_1rlak_167",
17
- "is-magenta": "_is-magenta_1rlak_184"
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import _ from "../../utilities/classNameUtility.js";
3
+ import '../../assets/Card.css';const i = "_card_1o7bb_1", b = {
4
+ card: i,
5
+ "has-shadow": "_has-shadow_1o7bb_13",
6
+ "card-header": "_card-header_1o7bb_16",
7
+ "card-body": "_card-body_1o7bb_28",
8
+ "card-footer": "_card-footer_1o7bb_46",
9
+ "is-gray": "_is-gray_1o7bb_56",
10
+ "is-red": "_is-red_1o7bb_73",
11
+ "is-orange": "_is-orange_1o7bb_90",
12
+ "is-yellow": "_is-yellow_1o7bb_107",
13
+ "is-green": "_is-green_1o7bb_124",
14
+ "is-cyan": "_is-cyan_1o7bb_141",
15
+ "is-blue": "_is-blue_1o7bb_158",
16
+ "is-violet": "_is-violet_1o7bb_175",
17
+ "is-magenta": "_is-magenta_1o7bb_192"
18
18
  };
19
- function o(e) {
20
- const a = { ...e };
21
- delete a.as, delete a.fore, delete a.back, delete a.highlighter, delete a.border, delete a.positioning, delete a.sizing, delete a.spacing;
22
- const s = [i["card-footer"]];
23
- return s.push(...l.getUtilityClassNames(e)), e.className && s.push(e.className), e.as ? /* @__PURE__ */ r(e.as, { ...a, className: s.join(" ") }) : /* @__PURE__ */ r("div", { ...a, className: s.join(" ") });
19
+ function r(s) {
20
+ const e = { ...s };
21
+ delete e.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
22
+ const a = [b["card-footer"]];
23
+ return a.push(..._.getUtilityClassNames(s)), s.className && a.push(s.className), s.as ? /* @__PURE__ */ o(s.as, { ...e, className: a.join(" ") }) : /* @__PURE__ */ o("div", { ...e, className: a.join(" ") });
24
24
  }
25
25
  export {
26
- o as default
26
+ r as default
27
27
  };
28
28
  //# sourceMappingURL=CardFooter.js.map
@@ -1,28 +1,28 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- import l from "../../utilities/classNameUtility.js";
3
- import '../../assets/Card.css';const _ = "_card_1rlak_1", i = {
4
- card: _,
5
- "has-shadow": "_has-shadow_1rlak_11",
6
- "card-header": "_card-header_1rlak_14",
7
- "card-body": "_card-body_1rlak_24",
8
- "card-footer": "_card-footer_1rlak_40",
9
- "is-gray": "_is-gray_1rlak_48",
10
- "is-red": "_is-red_1rlak_65",
11
- "is-orange": "_is-orange_1rlak_82",
12
- "is-yellow": "_is-yellow_1rlak_99",
13
- "is-green": "_is-green_1rlak_116",
14
- "is-cyan": "_is-cyan_1rlak_133",
15
- "is-blue": "_is-blue_1rlak_150",
16
- "is-violet": "_is-violet_1rlak_167",
17
- "is-magenta": "_is-magenta_1rlak_184"
1
+ import { jsx as _ } from "react/jsx-runtime";
2
+ import i from "../../utilities/classNameUtility.js";
3
+ import '../../assets/Card.css';const o = "_card_1o7bb_1", b = {
4
+ card: o,
5
+ "has-shadow": "_has-shadow_1o7bb_13",
6
+ "card-header": "_card-header_1o7bb_16",
7
+ "card-body": "_card-body_1o7bb_28",
8
+ "card-footer": "_card-footer_1o7bb_46",
9
+ "is-gray": "_is-gray_1o7bb_56",
10
+ "is-red": "_is-red_1o7bb_73",
11
+ "is-orange": "_is-orange_1o7bb_90",
12
+ "is-yellow": "_is-yellow_1o7bb_107",
13
+ "is-green": "_is-green_1o7bb_124",
14
+ "is-cyan": "_is-cyan_1o7bb_141",
15
+ "is-blue": "_is-blue_1o7bb_158",
16
+ "is-violet": "_is-violet_1o7bb_175",
17
+ "is-magenta": "_is-magenta_1o7bb_192"
18
18
  };
19
- function o(e) {
20
- const a = { ...e };
21
- delete a.as, delete a.fore, delete a.back, delete a.highlighter, delete a.border, delete a.positioning, delete a.sizing, delete a.spacing;
22
- const s = [i["card-header"]];
23
- return s.push(...l.getUtilityClassNames(e)), e.className && s.push(e.className), e.as ? /* @__PURE__ */ r(e.as, { ...a, className: s.join(" ") }) : /* @__PURE__ */ r("div", { ...a, className: s.join(" ") });
19
+ function t(s) {
20
+ const e = { ...s };
21
+ delete e.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
22
+ const a = [b["card-header"]];
23
+ return a.push(...i.getUtilityClassNames(s)), s.className && a.push(s.className), s.as ? /* @__PURE__ */ _(s.as, { ...e, className: a.join(" ") }) : /* @__PURE__ */ _("div", { ...e, className: a.join(" ") });
24
24
  }
25
25
  export {
26
- o as default
26
+ t as default
27
27
  };
28
28
  //# sourceMappingURL=CardHeader.js.map
@@ -1,43 +1,43 @@
1
- import { jsx as a } from "react/jsx-runtime";
2
- import s from "../../utilities/classNameUtility.js";
3
- import '../../assets/Dialogue.css';const r = "_dialogue_t1dve_1", d = {
4
- dialogue: r,
5
- "is-avatar-small": "_is-avatar-small_t1dve_30",
6
- "is-avatar-large": "_is-avatar-large_t1dve_35",
7
- "is-avatar-circle": "_is-avatar-circle_t1dve_40",
8
- "dialogue-avatar-container": "_dialogue-avatar-container_t1dve_52",
9
- "dialogue-avatar": "_dialogue-avatar_t1dve_52",
10
- "is-border-width-xthin": "_is-border-width-xthin_t1dve_59",
11
- "is-border-width-thin": "_is-border-width-thin_t1dve_64",
12
- "is-border-width-medium": "_is-border-width-medium_t1dve_69",
13
- "is-border-width-thick": "_is-border-width-thick_t1dve_74",
14
- "is-border-width-xthick": "_is-border-width-xthick_t1dve_79",
15
- "is-border-width-xxthick": "_is-border-width-xxthick_t1dve_84",
16
- "is-border-width-xxxthick": "_is-border-width-xxxthick_t1dve_89",
17
- "dialogue-content-container": "_dialogue-content-container_t1dve_95",
18
- "dialogue-name": "_dialogue-name_t1dve_122",
19
- "dialogue-message": "_dialogue-message_t1dve_123",
20
- "dialogue-message-inner": "_dialogue-message-inner_t1dve_152",
21
- "is-left": "_is-left_t1dve_155",
22
- "is-right": "_is-right_t1dve_197",
23
- "is-border-style-solid": "_is-border-style-solid_t1dve_239",
24
- "is-border-style-dashed": "_is-border-style-dashed_t1dve_246",
25
- "is-border-style-dotted": "_is-border-style-dotted_t1dve_253",
26
- "is-gray": "_is-gray_t1dve_260",
27
- "is-red": "_is-red_t1dve_282",
28
- "is-orange": "_is-orange_t1dve_304",
29
- "is-yellow": "_is-yellow_t1dve_326",
30
- "is-green": "_is-green_t1dve_348",
31
- "is-cyan": "_is-cyan_t1dve_370",
32
- "is-blue": "_is-blue_t1dve_392",
33
- "is-violet": "_is-violet_t1dve_414",
34
- "is-magenta": "_is-magenta_t1dve_436"
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import r from "../../utilities/classNameUtility.js";
3
+ import '../../assets/Dialogue.css';const d = "_dialogue_xmpuw_1", s = {
4
+ dialogue: d,
5
+ "is-avatar-small": "_is-avatar-small_xmpuw_32",
6
+ "is-avatar-large": "_is-avatar-large_xmpuw_37",
7
+ "is-avatar-circle": "_is-avatar-circle_xmpuw_42",
8
+ "dialogue-avatar-container": "_dialogue-avatar-container_xmpuw_54",
9
+ "dialogue-avatar": "_dialogue-avatar_xmpuw_54",
10
+ "is-border-width-xthin": "_is-border-width-xthin_xmpuw_61",
11
+ "is-border-width-thin": "_is-border-width-thin_xmpuw_66",
12
+ "is-border-width-medium": "_is-border-width-medium_xmpuw_71",
13
+ "is-border-width-thick": "_is-border-width-thick_xmpuw_76",
14
+ "is-border-width-xthick": "_is-border-width-xthick_xmpuw_81",
15
+ "is-border-width-xxthick": "_is-border-width-xxthick_xmpuw_86",
16
+ "is-border-width-xxxthick": "_is-border-width-xxxthick_xmpuw_91",
17
+ "dialogue-content-container": "_dialogue-content-container_xmpuw_97",
18
+ "dialogue-name": "_dialogue-name_xmpuw_128",
19
+ "dialogue-message": "_dialogue-message_xmpuw_129",
20
+ "dialogue-message-inner": "_dialogue-message-inner_xmpuw_162",
21
+ "is-left": "_is-left_xmpuw_165",
22
+ "is-right": "_is-right_xmpuw_207",
23
+ "is-border-style-solid": "_is-border-style-solid_xmpuw_249",
24
+ "is-border-style-dashed": "_is-border-style-dashed_xmpuw_256",
25
+ "is-border-style-dotted": "_is-border-style-dotted_xmpuw_263",
26
+ "is-gray": "_is-gray_xmpuw_270",
27
+ "is-red": "_is-red_xmpuw_292",
28
+ "is-orange": "_is-orange_xmpuw_314",
29
+ "is-yellow": "_is-yellow_xmpuw_336",
30
+ "is-green": "_is-green_xmpuw_358",
31
+ "is-cyan": "_is-cyan_xmpuw_380",
32
+ "is-blue": "_is-blue_xmpuw_402",
33
+ "is-violet": "_is-violet_xmpuw_424",
34
+ "is-magenta": "_is-magenta_xmpuw_446"
35
35
  };
36
36
  function o(e) {
37
37
  const i = { ...e };
38
38
  delete i.as, delete i.colorName, delete i.avatarSize, delete i.borderStyle, delete i.borderWidth, delete i.isRight, delete i.isAvatarCircle, delete i.fore, delete i.back, delete i.highlighter, delete i.border, delete i.positioning, delete i.sizing, delete i.spacing;
39
- const t = [d.dialogue];
40
- return e.colorName && t.push(d[`is-${e.colorName}`]), e.isRight ? t.push(d["is-right"]) : t.push(d["is-left"]), e.avatarSize && t.push(d[`is-avatar-size-${e.avatarSize}`]), e.borderStyle && t.push(d[`is-border-style-${e.borderStyle}`]), e.borderWidth && t.push(d[`is-border-width-${e.borderWidth}`]), e.isAvatarCircle && t.push(d["is-avatar-circle"]), t.push(...s.getUtilityClassNames(e)), e.className && t.push(e.className), e.as ? /* @__PURE__ */ a(e.as, { ...i, className: t.join(" ") }) : /* @__PURE__ */ a("div", { ...i, className: t.join(" ") });
39
+ const a = [s.dialogue];
40
+ return e.colorName && a.push(s[`is-${e.colorName}`]), e.isRight ? a.push(s["is-right"]) : a.push(s["is-left"]), e.avatarSize && a.push(s[`is-avatar-size-${e.avatarSize}`]), e.borderStyle && a.push(s[`is-border-style-${e.borderStyle}`]), e.borderWidth && a.push(s[`is-border-width-${e.borderWidth}`]), e.isAvatarCircle && a.push(s["is-avatar-circle"]), a.push(...r.getUtilityClassNames(e)), e.className && a.push(e.className), e.as ? /* @__PURE__ */ t(e.as, { ...i, className: a.join(" ") }) : /* @__PURE__ */ t("div", { ...i, className: a.join(" ") });
41
41
  }
42
42
  export {
43
43
  o as default
@@ -1,43 +1,43 @@
1
- import { jsx as d } from "react/jsx-runtime";
2
- import a from "../../utilities/classNameUtility.js";
3
- import '../../assets/Dialogue.css';const s = "_dialogue_t1dve_1", _ = {
4
- dialogue: s,
5
- "is-avatar-small": "_is-avatar-small_t1dve_30",
6
- "is-avatar-large": "_is-avatar-large_t1dve_35",
7
- "is-avatar-circle": "_is-avatar-circle_t1dve_40",
8
- "dialogue-avatar-container": "_dialogue-avatar-container_t1dve_52",
9
- "dialogue-avatar": "_dialogue-avatar_t1dve_52",
10
- "is-border-width-xthin": "_is-border-width-xthin_t1dve_59",
11
- "is-border-width-thin": "_is-border-width-thin_t1dve_64",
12
- "is-border-width-medium": "_is-border-width-medium_t1dve_69",
13
- "is-border-width-thick": "_is-border-width-thick_t1dve_74",
14
- "is-border-width-xthick": "_is-border-width-xthick_t1dve_79",
15
- "is-border-width-xxthick": "_is-border-width-xxthick_t1dve_84",
16
- "is-border-width-xxxthick": "_is-border-width-xxxthick_t1dve_89",
17
- "dialogue-content-container": "_dialogue-content-container_t1dve_95",
18
- "dialogue-name": "_dialogue-name_t1dve_122",
19
- "dialogue-message": "_dialogue-message_t1dve_123",
20
- "dialogue-message-inner": "_dialogue-message-inner_t1dve_152",
21
- "is-left": "_is-left_t1dve_155",
22
- "is-right": "_is-right_t1dve_197",
23
- "is-border-style-solid": "_is-border-style-solid_t1dve_239",
24
- "is-border-style-dashed": "_is-border-style-dashed_t1dve_246",
25
- "is-border-style-dotted": "_is-border-style-dotted_t1dve_253",
26
- "is-gray": "_is-gray_t1dve_260",
27
- "is-red": "_is-red_t1dve_282",
28
- "is-orange": "_is-orange_t1dve_304",
29
- "is-yellow": "_is-yellow_t1dve_326",
30
- "is-green": "_is-green_t1dve_348",
31
- "is-cyan": "_is-cyan_t1dve_370",
32
- "is-blue": "_is-blue_t1dve_392",
33
- "is-violet": "_is-violet_t1dve_414",
34
- "is-magenta": "_is-magenta_t1dve_436"
1
+ import { jsx as s } from "react/jsx-runtime";
2
+ import _ from "../../utilities/classNameUtility.js";
3
+ import '../../assets/Dialogue.css';const t = "_dialogue_xmpuw_1", r = {
4
+ dialogue: t,
5
+ "is-avatar-small": "_is-avatar-small_xmpuw_32",
6
+ "is-avatar-large": "_is-avatar-large_xmpuw_37",
7
+ "is-avatar-circle": "_is-avatar-circle_xmpuw_42",
8
+ "dialogue-avatar-container": "_dialogue-avatar-container_xmpuw_54",
9
+ "dialogue-avatar": "_dialogue-avatar_xmpuw_54",
10
+ "is-border-width-xthin": "_is-border-width-xthin_xmpuw_61",
11
+ "is-border-width-thin": "_is-border-width-thin_xmpuw_66",
12
+ "is-border-width-medium": "_is-border-width-medium_xmpuw_71",
13
+ "is-border-width-thick": "_is-border-width-thick_xmpuw_76",
14
+ "is-border-width-xthick": "_is-border-width-xthick_xmpuw_81",
15
+ "is-border-width-xxthick": "_is-border-width-xxthick_xmpuw_86",
16
+ "is-border-width-xxxthick": "_is-border-width-xxxthick_xmpuw_91",
17
+ "dialogue-content-container": "_dialogue-content-container_xmpuw_97",
18
+ "dialogue-name": "_dialogue-name_xmpuw_128",
19
+ "dialogue-message": "_dialogue-message_xmpuw_129",
20
+ "dialogue-message-inner": "_dialogue-message-inner_xmpuw_162",
21
+ "is-left": "_is-left_xmpuw_165",
22
+ "is-right": "_is-right_xmpuw_207",
23
+ "is-border-style-solid": "_is-border-style-solid_xmpuw_249",
24
+ "is-border-style-dashed": "_is-border-style-dashed_xmpuw_256",
25
+ "is-border-style-dotted": "_is-border-style-dotted_xmpuw_263",
26
+ "is-gray": "_is-gray_xmpuw_270",
27
+ "is-red": "_is-red_xmpuw_292",
28
+ "is-orange": "_is-orange_xmpuw_314",
29
+ "is-yellow": "_is-yellow_xmpuw_336",
30
+ "is-green": "_is-green_xmpuw_358",
31
+ "is-cyan": "_is-cyan_xmpuw_380",
32
+ "is-blue": "_is-blue_xmpuw_402",
33
+ "is-violet": "_is-violet_xmpuw_424",
34
+ "is-magenta": "_is-magenta_xmpuw_446"
35
35
  };
36
36
  function l(i) {
37
37
  const e = { ...i };
38
38
  delete e.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
39
- const t = [_["dialogue-avatar"]];
40
- return t.push(...a.getUtilityClassNames(i)), i.className && t.push(i.className), i.as ? /* @__PURE__ */ d(i.as, { ...e, className: t.join(" ") }) : /* @__PURE__ */ d("img", { ...e, className: t.join(" ") });
39
+ const a = [r["dialogue-avatar"]];
40
+ return a.push(..._.getUtilityClassNames(i)), i.className && a.push(i.className), i.as ? /* @__PURE__ */ s(i.as, { ...e, className: a.join(" ") }) : /* @__PURE__ */ s("img", { ...e, className: a.join(" ") });
41
41
  }
42
42
  export {
43
43
  l as default
@@ -1,43 +1,43 @@
1
- import { jsx as d } from "react/jsx-runtime";
2
- import a from "../../utilities/classNameUtility.js";
3
- import '../../assets/Dialogue.css';const s = "_dialogue_t1dve_1", _ = {
4
- dialogue: s,
5
- "is-avatar-small": "_is-avatar-small_t1dve_30",
6
- "is-avatar-large": "_is-avatar-large_t1dve_35",
7
- "is-avatar-circle": "_is-avatar-circle_t1dve_40",
8
- "dialogue-avatar-container": "_dialogue-avatar-container_t1dve_52",
9
- "dialogue-avatar": "_dialogue-avatar_t1dve_52",
10
- "is-border-width-xthin": "_is-border-width-xthin_t1dve_59",
11
- "is-border-width-thin": "_is-border-width-thin_t1dve_64",
12
- "is-border-width-medium": "_is-border-width-medium_t1dve_69",
13
- "is-border-width-thick": "_is-border-width-thick_t1dve_74",
14
- "is-border-width-xthick": "_is-border-width-xthick_t1dve_79",
15
- "is-border-width-xxthick": "_is-border-width-xxthick_t1dve_84",
16
- "is-border-width-xxxthick": "_is-border-width-xxxthick_t1dve_89",
17
- "dialogue-content-container": "_dialogue-content-container_t1dve_95",
18
- "dialogue-name": "_dialogue-name_t1dve_122",
19
- "dialogue-message": "_dialogue-message_t1dve_123",
20
- "dialogue-message-inner": "_dialogue-message-inner_t1dve_152",
21
- "is-left": "_is-left_t1dve_155",
22
- "is-right": "_is-right_t1dve_197",
23
- "is-border-style-solid": "_is-border-style-solid_t1dve_239",
24
- "is-border-style-dashed": "_is-border-style-dashed_t1dve_246",
25
- "is-border-style-dotted": "_is-border-style-dotted_t1dve_253",
26
- "is-gray": "_is-gray_t1dve_260",
27
- "is-red": "_is-red_t1dve_282",
28
- "is-orange": "_is-orange_t1dve_304",
29
- "is-yellow": "_is-yellow_t1dve_326",
30
- "is-green": "_is-green_t1dve_348",
31
- "is-cyan": "_is-cyan_t1dve_370",
32
- "is-blue": "_is-blue_t1dve_392",
33
- "is-violet": "_is-violet_t1dve_414",
34
- "is-magenta": "_is-magenta_t1dve_436"
1
+ import { jsx as s } from "react/jsx-runtime";
2
+ import _ from "../../utilities/classNameUtility.js";
3
+ import '../../assets/Dialogue.css';const t = "_dialogue_xmpuw_1", r = {
4
+ dialogue: t,
5
+ "is-avatar-small": "_is-avatar-small_xmpuw_32",
6
+ "is-avatar-large": "_is-avatar-large_xmpuw_37",
7
+ "is-avatar-circle": "_is-avatar-circle_xmpuw_42",
8
+ "dialogue-avatar-container": "_dialogue-avatar-container_xmpuw_54",
9
+ "dialogue-avatar": "_dialogue-avatar_xmpuw_54",
10
+ "is-border-width-xthin": "_is-border-width-xthin_xmpuw_61",
11
+ "is-border-width-thin": "_is-border-width-thin_xmpuw_66",
12
+ "is-border-width-medium": "_is-border-width-medium_xmpuw_71",
13
+ "is-border-width-thick": "_is-border-width-thick_xmpuw_76",
14
+ "is-border-width-xthick": "_is-border-width-xthick_xmpuw_81",
15
+ "is-border-width-xxthick": "_is-border-width-xxthick_xmpuw_86",
16
+ "is-border-width-xxxthick": "_is-border-width-xxxthick_xmpuw_91",
17
+ "dialogue-content-container": "_dialogue-content-container_xmpuw_97",
18
+ "dialogue-name": "_dialogue-name_xmpuw_128",
19
+ "dialogue-message": "_dialogue-message_xmpuw_129",
20
+ "dialogue-message-inner": "_dialogue-message-inner_xmpuw_162",
21
+ "is-left": "_is-left_xmpuw_165",
22
+ "is-right": "_is-right_xmpuw_207",
23
+ "is-border-style-solid": "_is-border-style-solid_xmpuw_249",
24
+ "is-border-style-dashed": "_is-border-style-dashed_xmpuw_256",
25
+ "is-border-style-dotted": "_is-border-style-dotted_xmpuw_263",
26
+ "is-gray": "_is-gray_xmpuw_270",
27
+ "is-red": "_is-red_xmpuw_292",
28
+ "is-orange": "_is-orange_xmpuw_314",
29
+ "is-yellow": "_is-yellow_xmpuw_336",
30
+ "is-green": "_is-green_xmpuw_358",
31
+ "is-cyan": "_is-cyan_xmpuw_380",
32
+ "is-blue": "_is-blue_xmpuw_402",
33
+ "is-violet": "_is-violet_xmpuw_424",
34
+ "is-magenta": "_is-magenta_xmpuw_446"
35
35
  };
36
36
  function l(i) {
37
37
  const e = { ...i };
38
38
  delete e.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
39
- const t = [_["dialogue-avatar-container"]];
40
- return t.push(...a.getUtilityClassNames(i)), i.className && t.push(i.className), i.as ? /* @__PURE__ */ d(i.as, { ...e, className: t.join(" ") }) : /* @__PURE__ */ d("div", { ...e, className: t.join(" ") });
39
+ const a = [r["dialogue-avatar-container"]];
40
+ return a.push(..._.getUtilityClassNames(i)), i.className && a.push(i.className), i.as ? /* @__PURE__ */ s(i.as, { ...e, className: a.join(" ") }) : /* @__PURE__ */ s("div", { ...e, className: a.join(" ") });
41
41
  }
42
42
  export {
43
43
  l as default
@@ -1,43 +1,43 @@
1
- import { jsx as d } from "react/jsx-runtime";
2
- import s from "../../utilities/classNameUtility.js";
3
- import '../../assets/Dialogue.css';const a = "_dialogue_t1dve_1", _ = {
4
- dialogue: a,
5
- "is-avatar-small": "_is-avatar-small_t1dve_30",
6
- "is-avatar-large": "_is-avatar-large_t1dve_35",
7
- "is-avatar-circle": "_is-avatar-circle_t1dve_40",
8
- "dialogue-avatar-container": "_dialogue-avatar-container_t1dve_52",
9
- "dialogue-avatar": "_dialogue-avatar_t1dve_52",
10
- "is-border-width-xthin": "_is-border-width-xthin_t1dve_59",
11
- "is-border-width-thin": "_is-border-width-thin_t1dve_64",
12
- "is-border-width-medium": "_is-border-width-medium_t1dve_69",
13
- "is-border-width-thick": "_is-border-width-thick_t1dve_74",
14
- "is-border-width-xthick": "_is-border-width-xthick_t1dve_79",
15
- "is-border-width-xxthick": "_is-border-width-xxthick_t1dve_84",
16
- "is-border-width-xxxthick": "_is-border-width-xxxthick_t1dve_89",
17
- "dialogue-content-container": "_dialogue-content-container_t1dve_95",
18
- "dialogue-name": "_dialogue-name_t1dve_122",
19
- "dialogue-message": "_dialogue-message_t1dve_123",
20
- "dialogue-message-inner": "_dialogue-message-inner_t1dve_152",
21
- "is-left": "_is-left_t1dve_155",
22
- "is-right": "_is-right_t1dve_197",
23
- "is-border-style-solid": "_is-border-style-solid_t1dve_239",
24
- "is-border-style-dashed": "_is-border-style-dashed_t1dve_246",
25
- "is-border-style-dotted": "_is-border-style-dotted_t1dve_253",
26
- "is-gray": "_is-gray_t1dve_260",
27
- "is-red": "_is-red_t1dve_282",
28
- "is-orange": "_is-orange_t1dve_304",
29
- "is-yellow": "_is-yellow_t1dve_326",
30
- "is-green": "_is-green_t1dve_348",
31
- "is-cyan": "_is-cyan_t1dve_370",
32
- "is-blue": "_is-blue_t1dve_392",
33
- "is-violet": "_is-violet_t1dve_414",
34
- "is-magenta": "_is-magenta_t1dve_436"
1
+ import { jsx as a } from "react/jsx-runtime";
2
+ import t from "../../utilities/classNameUtility.js";
3
+ import '../../assets/Dialogue.css';const _ = "_dialogue_xmpuw_1", r = {
4
+ dialogue: _,
5
+ "is-avatar-small": "_is-avatar-small_xmpuw_32",
6
+ "is-avatar-large": "_is-avatar-large_xmpuw_37",
7
+ "is-avatar-circle": "_is-avatar-circle_xmpuw_42",
8
+ "dialogue-avatar-container": "_dialogue-avatar-container_xmpuw_54",
9
+ "dialogue-avatar": "_dialogue-avatar_xmpuw_54",
10
+ "is-border-width-xthin": "_is-border-width-xthin_xmpuw_61",
11
+ "is-border-width-thin": "_is-border-width-thin_xmpuw_66",
12
+ "is-border-width-medium": "_is-border-width-medium_xmpuw_71",
13
+ "is-border-width-thick": "_is-border-width-thick_xmpuw_76",
14
+ "is-border-width-xthick": "_is-border-width-xthick_xmpuw_81",
15
+ "is-border-width-xxthick": "_is-border-width-xxthick_xmpuw_86",
16
+ "is-border-width-xxxthick": "_is-border-width-xxxthick_xmpuw_91",
17
+ "dialogue-content-container": "_dialogue-content-container_xmpuw_97",
18
+ "dialogue-name": "_dialogue-name_xmpuw_128",
19
+ "dialogue-message": "_dialogue-message_xmpuw_129",
20
+ "dialogue-message-inner": "_dialogue-message-inner_xmpuw_162",
21
+ "is-left": "_is-left_xmpuw_165",
22
+ "is-right": "_is-right_xmpuw_207",
23
+ "is-border-style-solid": "_is-border-style-solid_xmpuw_249",
24
+ "is-border-style-dashed": "_is-border-style-dashed_xmpuw_256",
25
+ "is-border-style-dotted": "_is-border-style-dotted_xmpuw_263",
26
+ "is-gray": "_is-gray_xmpuw_270",
27
+ "is-red": "_is-red_xmpuw_292",
28
+ "is-orange": "_is-orange_xmpuw_314",
29
+ "is-yellow": "_is-yellow_xmpuw_336",
30
+ "is-green": "_is-green_xmpuw_358",
31
+ "is-cyan": "_is-cyan_xmpuw_380",
32
+ "is-blue": "_is-blue_xmpuw_402",
33
+ "is-violet": "_is-violet_xmpuw_424",
34
+ "is-magenta": "_is-magenta_xmpuw_446"
35
35
  };
36
36
  function l(i) {
37
37
  const e = { ...i };
38
38
  delete e.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing;
39
- const t = [_["dialogue-content-container"]];
40
- return t.push(...s.getUtilityClassNames(i)), i.className && t.push(i.className), i.as ? /* @__PURE__ */ d(i.as, { ...e, className: t.join(" ") }) : /* @__PURE__ */ d("div", { ...e, className: t.join(" ") });
39
+ const s = [r["dialogue-content-container"]];
40
+ return s.push(...t.getUtilityClassNames(i)), i.className && s.push(i.className), i.as ? /* @__PURE__ */ a(i.as, { ...e, className: s.join(" ") }) : /* @__PURE__ */ a("div", { ...e, className: s.join(" ") });
41
41
  }
42
42
  export {
43
43
  l as default