quirk-ui 0.0.7 → 0.0.8

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 (133) hide show
  1. package/dist/assets/index33.css +1 -1
  2. package/dist/assets/index34.css +1 -1
  3. package/dist/assets/index35.css +1 -1
  4. package/dist/assets/index36.css +1 -1
  5. package/dist/assets/index37.css +1 -1
  6. package/dist/assets/index38.css +1 -1
  7. package/dist/assets/index39.css +1 -1
  8. package/dist/assets/index40.css +1 -1
  9. package/dist/assets/index41.css +1 -1
  10. package/dist/assets/index42.css +1 -1
  11. package/dist/assets/index43.css +1 -1
  12. package/dist/assets/index44.css +1 -1
  13. package/dist/assets/index45.css +1 -1
  14. package/dist/assets/index46.css +1 -1
  15. package/dist/assets/index47.css +1 -0
  16. package/dist/components/Accordion/Accordion.test.js +2 -2
  17. package/dist/components/Alert/Alert.test.js +2 -2
  18. package/dist/components/Avatar/Avatar.test.js +2 -2
  19. package/dist/components/Badge/Badge.test.js +2 -2
  20. package/dist/components/Box/Box.test.js +2 -2
  21. package/dist/components/Breadcrumbs/Breadcrumbs.test.js +44 -0
  22. package/dist/components/Breadcrumbs/index.js +33 -0
  23. package/dist/components/Button/Button.test.js +2 -2
  24. package/dist/components/ButtonGroup/ButtonGroup.test.js +2 -2
  25. package/dist/components/Calendar/Calendar.test.js +3 -3
  26. package/dist/components/Calendar/index.js +1 -1
  27. package/dist/components/Card/Card.test.js +2 -2
  28. package/dist/components/Carousel/Carousel.test.js +2 -2
  29. package/dist/components/Checkbox/Checkbox.test.js +2 -2
  30. package/dist/components/Checkbox/index.js +1 -1
  31. package/dist/components/Container/Container.test.js +2 -2
  32. package/dist/components/DatePicker/DatePicker.test.js +3 -3
  33. package/dist/components/DatePicker/index.js +2 -2
  34. package/dist/components/Divider/Divider.test.js +2 -2
  35. package/dist/components/Drawer/Drawer.test.js +2 -2
  36. package/dist/components/Fieldset/Fieldset.test.js +2 -2
  37. package/dist/components/Fieldset/index.js +1 -1
  38. package/dist/components/FileUpload/FileUpload.test.js +2 -2
  39. package/dist/components/FileUpload/index.js +1 -1
  40. package/dist/components/FloatingActionButton/FloatingActionButton.test.js +2 -2
  41. package/dist/components/Form/Form.test.js +2 -2
  42. package/dist/components/Form/index.js +1 -1
  43. package/dist/components/Grid/Grid.test.js +2 -2
  44. package/dist/components/Heading/Heading.test.js +2 -2
  45. package/dist/components/IconButton/IconButton.test.js +2 -2
  46. package/dist/components/Input/Input.test.js +2 -2
  47. package/dist/components/Input/index.js +1 -1
  48. package/dist/components/Label/Label.test.js +2 -2
  49. package/dist/components/Label/index.js +1 -1
  50. package/dist/components/Link/Link.test.js +3 -3
  51. package/dist/components/Link/index.js +1 -1
  52. package/dist/components/List/List.test.js +1 -1
  53. package/dist/components/Modal/Modal.test.js +1 -1
  54. package/dist/components/MultiSelect/MultiSelect.test.js +2 -2
  55. package/dist/components/MultiSelect/index.js +1 -1
  56. package/dist/components/NavBar/NavBar.test.js +1 -1
  57. package/dist/components/NavBar/index.js +34 -34
  58. package/dist/components/Notification/Notification.test.js +1 -1
  59. package/dist/components/NotificationContainer/NotificationContainer.test.js +1 -1
  60. package/dist/components/ProgressBar/ProgressBar.test.js +1 -1
  61. package/dist/components/Radio/Radio.test.js +2 -2
  62. package/dist/components/Radio/index.js +1 -1
  63. package/dist/components/Range/Range.test.js +2 -2
  64. package/dist/components/Range/index.js +1 -1
  65. package/dist/components/Select/Select.test.js +2 -2
  66. package/dist/components/Select/index.js +1 -1
  67. package/dist/components/Skeleton/Skeleton.test.js +1 -1
  68. package/dist/components/Spacer/Spacer.test.js +2 -2
  69. package/dist/components/Spinner/Spinner.test.js +1 -1
  70. package/dist/components/Stack/Stack.test.js +2 -2
  71. package/dist/components/Switch/Switch.test.js +2 -2
  72. package/dist/components/Table/Table.test.js +2 -2
  73. package/dist/components/Tabs/Tabs.test.js +2 -2
  74. package/dist/components/Text/Text.test.js +2 -2
  75. package/dist/components/Textarea/Textarea.test.js +2 -2
  76. package/dist/components/Tooltip/Tooltip.test.js +2 -2
  77. package/dist/{index-BXkubhGb.js → index-B6OfCZTv.js} +1 -1
  78. package/dist/{index-Bgo8MuTU.js → index-CQnr_MAI.js} +1 -1
  79. package/dist/{index-RF23qrF-.js → index-Cgpo7Zt_.js} +1 -1
  80. package/dist/lib/components/Breadcrumbs/Breadcrumbs.test.d.ts +0 -0
  81. package/dist/lib/components/Breadcrumbs/index.d.ts +12 -0
  82. package/dist/lib/main.d.ts +1 -0
  83. package/dist/main.js +31 -29
  84. package/dist/utils/NotificationManager/NotificationManager.test.js +1 -1
  85. package/dist/vi.B-PuvDzu-uHQO4Rlx.js +47316 -0
  86. package/package.json +3 -3
  87. package/dist/assets/index.css.d.ts +0 -1
  88. package/dist/assets/index10.css.d.ts +0 -9
  89. package/dist/assets/index11.css.d.ts +0 -7
  90. package/dist/assets/index12.css.d.ts +0 -13
  91. package/dist/assets/index13.css.d.ts +0 -8
  92. package/dist/assets/index14.css.d.ts +0 -13
  93. package/dist/assets/index15.css.d.ts +0 -10
  94. package/dist/assets/index16.css.d.ts +0 -5
  95. package/dist/assets/index17.css.d.ts +0 -11
  96. package/dist/assets/index18.css.d.ts +0 -31
  97. package/dist/assets/index19.css.d.ts +0 -7
  98. package/dist/assets/index2.css.d.ts +0 -11
  99. package/dist/assets/index20.css.d.ts +0 -6
  100. package/dist/assets/index21.css.d.ts +0 -19
  101. package/dist/assets/index22.css.d.ts +0 -14
  102. package/dist/assets/index23.css.d.ts +0 -13
  103. package/dist/assets/index24.css.d.ts +0 -10
  104. package/dist/assets/index25.css.d.ts +0 -13
  105. package/dist/assets/index26.css.d.ts +0 -12
  106. package/dist/assets/index27.css.d.ts +0 -14
  107. package/dist/assets/index28.css.d.ts +0 -5
  108. package/dist/assets/index29.css.d.ts +0 -12
  109. package/dist/assets/index3.css.d.ts +0 -7
  110. package/dist/assets/index30.css.d.ts +0 -15
  111. package/dist/assets/index31.css.d.ts +0 -12
  112. package/dist/assets/index32.css.d.ts +0 -14
  113. package/dist/assets/index33.css.d.ts +0 -5
  114. package/dist/assets/index34.css.d.ts +0 -8
  115. package/dist/assets/index35.css.d.ts +0 -6
  116. package/dist/assets/index36.css.d.ts +0 -7
  117. package/dist/assets/index37.css.d.ts +0 -7
  118. package/dist/assets/index38.css.d.ts +0 -6
  119. package/dist/assets/index39.css.d.ts +0 -6
  120. package/dist/assets/index4.css.d.ts +0 -9
  121. package/dist/assets/index40.css.d.ts +0 -7
  122. package/dist/assets/index41.css.d.ts +0 -10
  123. package/dist/assets/index42.css.d.ts +0 -9
  124. package/dist/assets/index43.css.d.ts +0 -20
  125. package/dist/assets/index44.css.d.ts +0 -21
  126. package/dist/assets/index45.css.d.ts +0 -9
  127. package/dist/assets/index46.css.d.ts +0 -12
  128. package/dist/assets/index5.css.d.ts +0 -8
  129. package/dist/assets/index6.css.d.ts +0 -8
  130. package/dist/assets/index7.css.d.ts +0 -21
  131. package/dist/assets/index8.css.d.ts +0 -14
  132. package/dist/assets/index9.css.d.ts +0 -11
  133. package/dist/vi.B-PuvDzu-a048kFcX.js +0 -41965
@@ -1,8 +1,8 @@
1
1
  import { jsx as _e } from "react/jsx-runtime";
2
2
  import en from "react";
3
- import { c as H, d as tn, i as nn, r as Ge, g as Pe, s as Ae, v as rn } from "../../vi.B-PuvDzu-a048kFcX.js";
3
+ import { c as H, d as tn, i as nn, r as Ge, g as Pe, s as Ae, v as rn } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
4
4
  import { MultiSelect as Xe } from "./index.js";
5
- import "../../index-Bgo8MuTU.js";
5
+ import "../../index-CQnr_MAI.js";
6
6
  function a(e, t, n) {
7
7
  return e.namespaceURI && e.namespaceURI !== "http://www.w3.org/1999/xhtml" || (t = Array.isArray(t) ? t : [
8
8
  t
@@ -2,7 +2,7 @@ import { jsxs as d, jsx as l } from "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../Tabs/index.js";
4
4
  import { Label as h } from "../Label/index.js";
5
- import '../../assets/index39.css';const w = "_wrapper_a587t_1", x = "_select_a587t_7", p = {
5
+ import '../../assets/index40.css';const w = "_wrapper_a587t_1", x = "_select_a587t_7", p = {
6
6
  wrapper: w,
7
7
  select: x
8
8
  };
@@ -1,5 +1,5 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { d as b, i as r, r as i, g as t, s as a, f as s, w as l } from "../../vi.B-PuvDzu-a048kFcX.js";
2
+ import { d as b, i as r, r as i, g as t, s as a, f as s, w as l } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
3
3
  import { Navbar as n } from "./index.js";
4
4
  const c = [
5
5
  { label: "Home", href: "/" },
@@ -1,9 +1,9 @@
1
- import { jsx as o, jsxs as d } from "react/jsx-runtime";
2
- import { useState as f, useRef as L, useCallback as m, useEffect as z } from "react";
3
- import { X as T } from "../../x-CnsEH4Ox.js";
1
+ import { jsx as s, jsxs as d } from "react/jsx-runtime";
2
+ import { useState as f, useRef as T, useCallback as m, useEffect as y } from "react";
3
+ import { X as z } from "../../x-CnsEH4Ox.js";
4
4
  import { c as I } from "../../createLucideIcon-C8GTh_Qx.js";
5
5
  import { C as O } from "../../chevron-down-DSUzBz9F.js";
6
- import '../../assets/index43.css';/**
6
+ import '../../assets/index44.css';/**
7
7
  * @license lucide-react v0.488.0 - ISC
8
8
  *
9
9
  * This source code is licensed under the ISC license.
@@ -13,7 +13,7 @@ const W = [
13
13
  ["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }],
14
14
  ["line", { x1: "4", x2: "20", y1: "6", y2: "6", key: "1owob3" }],
15
15
  ["line", { x1: "4", x2: "20", y1: "18", y2: "18", key: "yk5zj1" }]
16
- ], j = I("menu", W), M = "_navbar_1u7z9_5", R = "_sticky_1u7z9_19", S = "_container_1u7z9_25", P = "_logo_1u7z9_35", D = "_menuToggle_1u7z9_41", X = "_nav_1u7z9_5", q = "_linkWrapper_1u7z9_57", A = "_linkItem_1u7z9_63", B = "_sublinkToggle_1u7z9_71", F = "_link_1u7z9_57", G = "_sublinks_1u7z9_101", H = "_show_1u7z9_123", J = "_chevron_1u7z9_130", K = "_open_1u7z9_134", Q = "_parent_1u7z9_176", e = {
16
+ ], j = I("menu", W), M = "_navbar_1b9s5_5", R = "_sticky_1b9s5_19", S = "_container_1b9s5_25", P = "_logo_1b9s5_35", D = "_menuToggle_1b9s5_41", X = "_nav_1b9s5_5", q = "_linkWrapper_1b9s5_57", A = "_linkItem_1b9s5_63", B = "_sublinkToggle_1b9s5_71", F = "_link_1b9s5_57", G = "_sublinks_1b9s5_101", H = "_show_1b9s5_124", J = "_chevron_1b9s5_131", K = "_open_1b9s5_135", Q = "_parent_1b9s5_177", e = {
17
17
  navbar: M,
18
18
  sticky: R,
19
19
  container: S,
@@ -31,36 +31,36 @@ const W = [
31
31
  parent: Q
32
32
  };
33
33
  function ne({
34
- logo: y,
35
- items: w,
36
- isSticky: $ = !1,
37
- className: x
34
+ logo: w,
35
+ items: $,
36
+ isSticky: x = !1,
37
+ className: N
38
38
  }) {
39
- const [l, _] = f(!1), [N, r] = f(null), i = L(null), C = () => {
40
- _((s) => !s);
41
- }, E = (s) => {
42
- r((a) => a === s ? null : s);
43
- }, v = m((s) => {
44
- i.current && !i.current.contains(s.target) && r(null);
45
- }, []), p = m(() => {
39
+ const [l, _] = f(!1), [C, r] = f(null), i = T(null), E = () => {
40
+ _((o) => !o);
41
+ }, L = (o) => {
42
+ r((a) => a === o ? null : o);
43
+ }, b = m((o) => {
44
+ i.current && !i.current.contains(o.target) && r(null);
45
+ }, []), v = m(() => {
46
46
  r(null);
47
- }, []), b = m(() => {
47
+ }, []), p = m(() => {
48
48
  window.innerWidth > 768 && (_(!1), r(null), document.body.style.overflow = "");
49
49
  }, []);
50
- z(() => (window.addEventListener("resize", b), document.addEventListener("click", v), window.addEventListener("scroll", p), () => {
51
- window.removeEventListener("resize", b), document.removeEventListener("click", v), window.removeEventListener("scroll", p);
52
- }), []), z(() => (document.body.style.overflow = l ? "hidden" : "", () => {
50
+ y(() => (window.addEventListener("resize", p), document.addEventListener("click", b), window.addEventListener("scroll", v), () => {
51
+ window.removeEventListener("resize", p), document.removeEventListener("click", b), window.removeEventListener("scroll", v);
52
+ }), []), y(() => (document.body.style.overflow = l ? "hidden" : "", () => {
53
53
  document.body.style.overflow = "";
54
54
  }), [l]);
55
- const h = (s, a = "") => s.map((n) => {
55
+ const h = (o, a = "") => o.map((n) => {
56
56
  var g;
57
- const t = `${a}/${n.label}`, c = N === t, u = (g = n.sublinks) == null ? void 0 : g.length;
57
+ const t = `${a}/${n.label}`, c = C === t, u = (g = n.sublinks) == null ? void 0 : g.length;
58
58
  return /* @__PURE__ */ d(
59
59
  "div",
60
60
  {
61
61
  className: `${e.linkWrapper} ${a ? "" : e.parent}`,
62
62
  children: [
63
- /* @__PURE__ */ o("div", { className: e.linkItem, children: n.href ? /* @__PURE__ */ o(
63
+ /* @__PURE__ */ s("div", { className: e.linkItem, children: n.href ? /* @__PURE__ */ s(
64
64
  "a",
65
65
  {
66
66
  href: n.href,
@@ -80,14 +80,14 @@ function ne({
80
80
  "aria-haspopup": u ? "true" : void 0,
81
81
  "aria-expanded": c,
82
82
  className: `${e.sublinkToggle} ${c ? e.open : ""}`,
83
- onClick: () => E(t),
83
+ onClick: () => L(t),
84
84
  children: [
85
85
  n.label,
86
- u && /* @__PURE__ */ o(O, { size: 21, className: e.chevron })
86
+ u && /* @__PURE__ */ s(O, { size: 21, className: e.chevron })
87
87
  ]
88
88
  }
89
89
  ) }),
90
- u && /* @__PURE__ */ o(
90
+ u && /* @__PURE__ */ s(
91
91
  "div",
92
92
  {
93
93
  className: `${e.sublinks} ${c ? e.show : ""}`,
@@ -101,33 +101,33 @@ function ne({
101
101
  t
102
102
  );
103
103
  });
104
- return /* @__PURE__ */ o(
104
+ return /* @__PURE__ */ s(
105
105
  "header",
106
106
  {
107
107
  ref: i,
108
- className: `${e.navbar} ${$ ? e.sticky : ""} ${x ?? ""}`,
108
+ className: `${e.navbar} ${x ? e.sticky : ""} ${N ?? ""}`,
109
109
  role: "navigation",
110
110
  "aria-label": "Main navigation",
111
111
  children: /* @__PURE__ */ d("div", { className: e.container, children: [
112
- /* @__PURE__ */ o("div", { className: e.logo, children: y }),
113
- /* @__PURE__ */ o(
112
+ /* @__PURE__ */ s("div", { className: e.logo, children: w }),
113
+ /* @__PURE__ */ s(
114
114
  "button",
115
115
  {
116
116
  className: e.menuToggle,
117
- onClick: C,
117
+ onClick: E,
118
118
  "aria-label": l ? "Close menu" : "Open menu",
119
119
  "aria-expanded": l,
120
120
  "aria-controls": "main-menu",
121
- children: l ? /* @__PURE__ */ o(T, { size: 24 }) : /* @__PURE__ */ o(j, { size: 24 })
121
+ children: l ? /* @__PURE__ */ s(z, { size: 24 }) : /* @__PURE__ */ s(j, { size: 24 })
122
122
  }
123
123
  ),
124
- /* @__PURE__ */ o(
124
+ /* @__PURE__ */ s(
125
125
  "nav",
126
126
  {
127
127
  className: `${e.nav} ${l ? e.open : ""}`,
128
128
  id: "main-menu",
129
129
  role: "menubar",
130
- children: h(w)
130
+ children: h($)
131
131
  }
132
132
  )
133
133
  ] })
@@ -1,5 +1,5 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { d as l, i, r as a, v as s, g as o, s as r, f as m } from "../../vi.B-PuvDzu-a048kFcX.js";
2
+ import { d as l, i, r as a, v as s, g as o, s as r, f as m } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
3
3
  import { Notification as n } from "./index.js";
4
4
  l("Notification", () => {
5
5
  i("renders with the correct message", () => {
@@ -1,5 +1,5 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
- import { d as r, i as n, r as s, s as t, g as o } from "../../vi.B-PuvDzu-a048kFcX.js";
2
+ import { d as r, i as n, r as s, s as t, g as o } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
3
3
  import { NotificationContainer as a } from "./index.js";
4
4
  r("NotificationContainer", () => {
5
5
  const i = [
@@ -1,5 +1,5 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
- import { d as p, i as t, r as o, s as a, g as e } from "../../vi.B-PuvDzu-a048kFcX.js";
2
+ import { d as p, i as t, r as o, s as a, g as e } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
3
3
  import { ProgressBar as g } from "./index.js";
4
4
  p("ProgressBar", () => {
5
5
  t("renders the progress bar with the correct progress", () => {
@@ -1,7 +1,7 @@
1
1
  import { jsx as a } from "react/jsx-runtime";
2
- import { d as s, i, r as n, g as o, s as t, v as l } from "../../vi.B-PuvDzu-a048kFcX.js";
2
+ import { d as s, i, r as n, g as o, s as t, v as l } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
3
3
  import { Radio as r } from "./index.js";
4
- import "../../index-Bgo8MuTU.js";
4
+ import "../../index-CQnr_MAI.js";
5
5
  s("Radio", () => {
6
6
  i("renders correctly", () => {
7
7
  n(
@@ -1,6 +1,6 @@
1
1
  import { jsxs as n, jsx as o } from "react/jsx-runtime";
2
2
  import { Label as _ } from "../Label/index.js";
3
- import '../../assets/index36.css';const m = "_wrapper_1p7l5_1", d = "_radio_1p7l5_7", f = "_label_1p7l5_29", a = {
3
+ import '../../assets/index37.css';const m = "_wrapper_1p7l5_1", d = "_radio_1p7l5_7", f = "_label_1p7l5_29", a = {
4
4
  wrapper: m,
5
5
  radio: d,
6
6
  label: f
@@ -1,7 +1,7 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
- import { d as i, i as l, r as n, g as e, s as a, v as m, f as g } from "../../vi.B-PuvDzu-a048kFcX.js";
2
+ import { d as i, i as l, r as n, g as e, s as a, v as m, f as g } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
3
3
  import { Range as s } from "./index.js";
4
- import "../../index-Bgo8MuTU.js";
4
+ import "../../index-CQnr_MAI.js";
5
5
  i("Range", () => {
6
6
  l("renders with a label and value", () => {
7
7
  n(
@@ -2,7 +2,7 @@ import { jsxs as d, jsx as e } from "react/jsx-runtime";
2
2
  import { useState as M, useEffect as $ } from "react";
3
3
  import "../Tabs/index.js";
4
4
  import { Label as I } from "../Label/index.js";
5
- import '../../assets/index41.css';const j = "_wrapper_7toxm_1", y = "_trackContainer_7toxm_7", E = "_track_7toxm_7", S = "_value_7toxm_44", b = "_error_7toxm_52", F = "_errorMessage_7toxm_56", s = {
5
+ import '../../assets/index42.css';const j = "_wrapper_7toxm_1", y = "_trackContainer_7toxm_7", E = "_track_7toxm_7", S = "_value_7toxm_44", b = "_error_7toxm_52", F = "_errorMessage_7toxm_56", s = {
6
6
  wrapper: j,
7
7
  trackContainer: y,
8
8
  track: E,
@@ -1,7 +1,7 @@
1
1
  import { jsx as l } from "react/jsx-runtime";
2
- import { d as r, i as n, r as s, g as o, s as a, v as b, f as m } from "../../vi.B-PuvDzu-a048kFcX.js";
2
+ import { d as r, i as n, r as s, g as o, s as a, v as b, f as m } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
3
3
  import { Select as c } from "./index.js";
4
- import "../../index-Bgo8MuTU.js";
4
+ import "../../index-CQnr_MAI.js";
5
5
  r("Select", () => {
6
6
  const t = [
7
7
  { label: "Option A", value: "a" },
@@ -2,7 +2,7 @@ import { jsxs as n, jsx as l } from "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../Tabs/index.js";
4
4
  import { Label as d } from "../Label/index.js";
5
- import '../../assets/index38.css';const _ = "_wrapper_3s7ns_1", f = "_select_3s7ns_7", a = {
5
+ import '../../assets/index39.css';const _ = "_wrapper_3s7ns_1", f = "_select_3s7ns_7", a = {
6
6
  wrapper: _,
7
7
  select: f
8
8
  };
@@ -1,5 +1,5 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { d as n, i as r, r as i, s as a, g as t } from "../../vi.B-PuvDzu-a048kFcX.js";
2
+ import { d as n, i as r, r as i, s as a, g as t } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
3
3
  import { Skeleton as s } from "./index.js";
4
4
  n("Skeleton", () => {
5
5
  r("render a default rectangle skeleton", () => {
@@ -1,7 +1,7 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
- import { d as i, i as e, r as a, g as t } from "../../vi.B-PuvDzu-a048kFcX.js";
2
+ import { d as i, i as e, r as a, g as t } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
3
3
  import { Spacer as c } from "./index.js";
4
- import "../../index-Bgo8MuTU.js";
4
+ import "../../index-CQnr_MAI.js";
5
5
  i("Spacer", () => {
6
6
  e("renders with default props", () => {
7
7
  const { container: s } = a(/* @__PURE__ */ r(c, {}));
@@ -1,5 +1,5 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
- import { d as l, i as r, r as t, s as o, g as a } from "../../vi.B-PuvDzu-a048kFcX.js";
2
+ import { d as l, i as r, r as t, s as o, g as a } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
3
3
  import { Spinner as c } from "./index.js";
4
4
  l("Spinner", () => {
5
5
  r("renders with 10 prongs", () => {
@@ -1,7 +1,7 @@
1
1
  import { jsxs as r, jsx as e } from "react/jsx-runtime";
2
- import { d as l, i as s, r as n, g as t, s as d } from "../../vi.B-PuvDzu-a048kFcX.js";
2
+ import { d as l, i as s, r as n, g as t, s as d } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
3
3
  import { Stack as a } from "./index.js";
4
- import "../../index-Bgo8MuTU.js";
4
+ import "../../index-CQnr_MAI.js";
5
5
  l("Stack", () => {
6
6
  s("renders children", () => {
7
7
  n(
@@ -1,7 +1,7 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
- import { d as i, i as a, r as s, g as n, s as c, v as h, f as g } from "../../vi.B-PuvDzu-a048kFcX.js";
2
+ import { d as i, i as a, r as s, g as n, s as c, v as h, f as g } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
3
3
  import { Switch as l } from "./index.js";
4
- import "../../index-Bgo8MuTU.js";
4
+ import "../../index-CQnr_MAI.js";
5
5
  i("Switch", () => {
6
6
  a("renders with label", () => {
7
7
  s(
@@ -1,7 +1,7 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { d as g, i as n, r as a, g as e, s as t, v as i, f as h } from "../../vi.B-PuvDzu-a048kFcX.js";
2
+ import { d as g, i as n, r as a, g as e, s as t, v as i, f as h } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
3
3
  import { Table as c } from "./index.js";
4
- import "../../index-Bgo8MuTU.js";
4
+ import "../../index-CQnr_MAI.js";
5
5
  const s = [
6
6
  { name: "Alice", age: 30 },
7
7
  { name: "Bob", age: 33 }
@@ -1,7 +1,7 @@
1
1
  import { jsxs as l, jsx as n } from "react/jsx-runtime";
2
- import { d as h, i as o, g as t, s as e, f as r, r as c } from "../../vi.B-PuvDzu-a048kFcX.js";
2
+ import { d as h, i as o, g as t, s as e, f as r, r as c } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
3
3
  import { Tabs as a } from "./index.js";
4
- import "../../index-Bgo8MuTU.js";
4
+ import "../../index-CQnr_MAI.js";
5
5
  h("Tabs", () => {
6
6
  const i = () => {
7
7
  c(
@@ -1,7 +1,7 @@
1
1
  import { jsx as s, jsxs as l } from "react/jsx-runtime";
2
- import { d as u, i as r, r as a, s as n, g as e, b as m } from "../../vi.B-PuvDzu-a048kFcX.js";
2
+ import { d as u, i as r, r as a, s as n, g as e, b as m } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
3
3
  import { Text as i } from "./index.js";
4
- import "../../index-Bgo8MuTU.js";
4
+ import "../../index-CQnr_MAI.js";
5
5
  u("Text", () => {
6
6
  r("renders default paragraph text", () => {
7
7
  a(/* @__PURE__ */ s(i, { children: "Hello world" }));
@@ -1,7 +1,7 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
- import { d as x, i as o, r as n, g as t, s as a, v as i, f as d } from "../../vi.B-PuvDzu-a048kFcX.js";
2
+ import { d as x, i as o, r as n, g as t, s as a, v as i, f as d } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
3
3
  import { Textarea as s } from "./index.js";
4
- import "../../index-Bgo8MuTU.js";
4
+ import "../../index-CQnr_MAI.js";
5
5
  x("Textarea", () => {
6
6
  o("renders correctly", () => {
7
7
  n(/* @__PURE__ */ r(s, { id: "textarea1", name: "testText", label: "Your message" })), t(a.getByRole("textbox")).toBeInTheDocument(), t(a.getByLabelText("Your message")).toBeInTheDocument();
@@ -1,7 +1,7 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { d as a, i, r as s, g as n, s as o, f as c } from "../../vi.B-PuvDzu-a048kFcX.js";
2
+ import { d as a, i, r as s, g as n, s as o, f as c } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
3
3
  import { Tooltip as r } from "./index.js";
4
- import "../../index-Bgo8MuTU.js";
4
+ import "../../index-CQnr_MAI.js";
5
5
  a("Tooltip", () => {
6
6
  i("renders children correctly", () => {
7
7
  s(
@@ -1,6 +1,6 @@
1
1
  import { jsx as _, jsxs as Se, Fragment as ke } from "react/jsx-runtime";
2
2
  import * as s from "react";
3
- import './assets/index45.css';const Pe = "_link_98em4_1", Le = "_muted_98em4_13", $e = "_underline_98em4_17", Ie = "_icon_98em4_21", N = {
3
+ import './assets/index46.css';const Pe = "_link_98em4_1", Le = "_muted_98em4_13", $e = "_underline_98em4_17", Ie = "_icon_98em4_21", N = {
4
4
  link: Pe,
5
5
  default: "_default_98em4_9",
6
6
  muted: Le,
@@ -1,4 +1,4 @@
1
- import { e as ce, h as Y, l as yr } from "./vi.B-PuvDzu-a048kFcX.js";
1
+ import { e as ce, h as Y, l as yr } from "./vi.B-PuvDzu-uHQO4Rlx.js";
2
2
  var ye, qr;
3
3
  function Pa() {
4
4
  return qr || (qr = 1, ye = (e) => {
@@ -3,7 +3,7 @@ import { useState as $ } from "react";
3
3
  import { IconButton as q } from "./components/IconButton/index.js";
4
4
  import "./components/Tabs/index.js";
5
5
  import { A as J, a as U } from "./arrow-right-CnuUc2oD.js";
6
- import './assets/index46.css';const R = 6048e5, K = 864e5, H = Symbol.for("constructDateFrom");
6
+ import './assets/index47.css';const R = 6048e5, K = 864e5, H = Symbol.for("constructDateFrom");
7
7
  function y(t, e) {
8
8
  return typeof t == "function" ? t(e) : t && typeof t == "object" && H in t ? t[H](e) : t instanceof Date ? new t.constructor(e) : new Date(e);
9
9
  }
@@ -0,0 +1,12 @@
1
+ import { default as React } from 'react';
2
+ export type Crumb = {
3
+ label: string;
4
+ href?: string;
5
+ };
6
+ type BreadcrumbProps = {
7
+ items: Crumb[];
8
+ separator?: React.ReactNode;
9
+ renderLink?: (href: string, children: React.ReactNode) => React.ReactNode;
10
+ };
11
+ export declare function Breadcrumbs({ items, separator, renderLink, }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
12
+ export default Breadcrumbs;
@@ -32,6 +32,7 @@ export { Carousel } from './components/Carousel';
32
32
  export { Navbar } from './components/NavBar';
33
33
  export { Drawer } from './components/Drawer';
34
34
  export { Tabs } from './components/Tabs';
35
+ export { Breadcrumbs } from './components/Breadcrumbs';
35
36
  export { Form } from './components/Form';
36
37
  export { Label } from './components/Label';
37
38
  export { Input } from './components/Input';
package/dist/main.js CHANGED
@@ -3,8 +3,8 @@ import { FloatingActionButton as p } from "./components/FloatingActionButton/ind
3
3
  import { Button as f } from "./components/Button/index.js";
4
4
  import { IconButton as a } from "./components/IconButton/index.js";
5
5
  import { Heading as n } from "./components/Heading/index.js";
6
- import { Text as c } from "./components/Text/index.js";
7
- import { L as u } from "./index-BXkubhGb.js";
6
+ import { Text as l } from "./components/Text/index.js";
7
+ import { L as u } from "./index-B6OfCZTv.js";
8
8
  import { Grid as B } from "./components/Grid/index.js";
9
9
  import { Container as b } from "./components/Container/index.js";
10
10
  import { Stack as k } from "./components/Stack/index.js";
@@ -29,62 +29,64 @@ import { Carousel as to } from "./components/Carousel/index.js";
29
29
  import { Navbar as po } from "./components/NavBar/index.js";
30
30
  import { Drawer as fo } from "./components/Drawer/index.js";
31
31
  import { Tabs as ao } from "./components/Tabs/index.js";
32
- import { Form as no } from "./components/Form/index.js";
33
- import { Label as co } from "./components/Label/index.js";
34
- import { Input as so } from "./components/Input/index.js";
35
- import { Fieldset as So } from "./components/Fieldset/index.js";
36
- import { Radio as go } from "./components/Radio/index.js";
37
- import { Checkbox as Co } from "./components/Checkbox/index.js";
38
- import { Textarea as Ao } from "./components/Textarea/index.js";
39
- import { Select as Lo } from "./components/Select/index.js";
40
- import { Switch as Do } from "./components/Switch/index.js";
41
- import { MultiSelect as ho } from "./components/MultiSelect/index.js";
42
- import { DatePicker as Go } from "./components/DatePicker/index.js";
43
- import { Range as Mo } from "./components/Range/index.js";
44
- import { FileUpload as Ro } from "./components/FileUpload/index.js";
32
+ import { Breadcrumbs as no } from "./components/Breadcrumbs/index.js";
33
+ import { Form as lo } from "./components/Form/index.js";
34
+ import { Label as so } from "./components/Label/index.js";
35
+ import { Input as So } from "./components/Input/index.js";
36
+ import { Fieldset as go } from "./components/Fieldset/index.js";
37
+ import { Radio as Co } from "./components/Radio/index.js";
38
+ import { Checkbox as Ao } from "./components/Checkbox/index.js";
39
+ import { Textarea as Lo } from "./components/Textarea/index.js";
40
+ import { Select as Do } from "./components/Select/index.js";
41
+ import { Switch as ho } from "./components/Switch/index.js";
42
+ import { MultiSelect as Go } from "./components/MultiSelect/index.js";
43
+ import { DatePicker as Mo } from "./components/DatePicker/index.js";
44
+ import { Range as Ro } from "./components/Range/index.js";
45
+ import { FileUpload as Uo } from "./components/FileUpload/index.js";
45
46
  export {
46
47
  E as Accordion,
47
48
  K as Alert,
48
49
  P as Avatar,
49
50
  H as Badge,
50
51
  T as Box,
52
+ no as Breadcrumbs,
51
53
  f as Button,
52
54
  t as ButtonGroup,
53
55
  I as Card,
54
56
  to as Carousel,
55
- Co as Checkbox,
57
+ Ao as Checkbox,
56
58
  b as Container,
57
- Go as DatePicker,
59
+ Mo as DatePicker,
58
60
  v as Divider,
59
61
  fo as Drawer,
60
- So as Fieldset,
61
- Ro as FileUpload,
62
+ go as Fieldset,
63
+ Uo as FileUpload,
62
64
  p as FloatingActionButton,
63
- no as Form,
65
+ lo as Form,
64
66
  B as Grid,
65
67
  n as Heading,
66
68
  a as IconButton,
67
- so as Input,
68
- co as Label,
69
+ So as Input,
70
+ so as Label,
69
71
  u as Link,
70
72
  w as List,
71
73
  y as Modal,
72
- ho as MultiSelect,
74
+ Go as MultiSelect,
73
75
  po as Navbar,
74
76
  Q as Notification,
75
77
  W as NotificationContainer,
76
78
  Y as ProgressBar,
77
- go as Radio,
78
- Mo as Range,
79
- Lo as Select,
79
+ Co as Radio,
80
+ Ro as Range,
81
+ Do as Select,
80
82
  oo as Skeleton,
81
83
  F as Spacer,
82
84
  _ as Spinner,
83
85
  k as Stack,
84
- Do as Switch,
86
+ ho as Switch,
85
87
  N as Table,
86
88
  ao as Tabs,
87
- c as Text,
88
- Ao as Textarea,
89
+ l as Text,
90
+ Lo as Textarea,
89
91
  j as Tooltip
90
92
  };
@@ -1,5 +1,5 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { d as h, i as n, r as a, g as o, s as i, f, v as c, a as T } from "../../vi.B-PuvDzu-a048kFcX.js";
2
+ import { d as h, i as n, r as a, g as o, s as i, f, v as c, a as T } from "../../vi.B-PuvDzu-uHQO4Rlx.js";
3
3
  import { NotificationManager as s, useNotifications as m } from "./index.js";
4
4
  const r = () => {
5
5
  const { showNotification: e } = m();