quirk-ui 0.0.27 → 0.0.28

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 (77) hide show
  1. package/dist/arrow-left-BIJvHwNQ.js +14 -0
  2. package/dist/{arrow-right-CnuUc2oD.js → arrow-right-QEwnX3Sk.js} +1 -12
  3. package/dist/assets/index14.css +1 -1
  4. package/dist/assets/index47.css +1 -1
  5. package/dist/components/Accordion/Accordion.test.js +2 -2
  6. package/dist/components/Alert/Alert.test.js +2 -2
  7. package/dist/components/Avatar/Avatar.test.js +2 -2
  8. package/dist/components/Badge/Badge.test.js +2 -2
  9. package/dist/components/Box/Box.test.js +2 -2
  10. package/dist/components/Breadcrumbs/Breadcrumbs.test.js +2 -2
  11. package/dist/components/ButtonGroup/ButtonGroup.test.js +2 -2
  12. package/dist/components/Calendar/Calendar.test.js +3 -3
  13. package/dist/components/Calendar/index.js +4 -3
  14. package/dist/components/CallToAction/CallToAction.test.js +66 -0
  15. package/dist/components/CallToAction/__mocks__/styles.module.css.js +12 -0
  16. package/dist/components/CallToAction/index.js +63 -0
  17. package/dist/components/Card/Card.test.js +2 -2
  18. package/dist/components/Carousel/Carousel.test.js +2 -2
  19. package/dist/components/Carousel/index.js +15 -14
  20. package/dist/components/Checkbox/Checkbox.test.js +2 -2
  21. package/dist/components/Container/Container.test.js +2 -2
  22. package/dist/components/DatePicker/DatePicker.test.js +3 -3
  23. package/dist/components/DatePicker/index.js +1 -1
  24. package/dist/components/Divider/Divider.test.js +2 -2
  25. package/dist/components/Drawer/Drawer.test.js +2 -2
  26. package/dist/components/Fieldset/Fieldset.test.js +2 -2
  27. package/dist/components/FileUpload/FileUpload.test.js +2 -2
  28. package/dist/components/FloatingActionButton/FloatingActionButton.test.js +2 -2
  29. package/dist/components/Form/Form.test.js +2 -2
  30. package/dist/components/Grid/Grid.test.js +2 -2
  31. package/dist/components/Heading/Heading.test.js +2 -2
  32. package/dist/components/IconButton/IconButton.test.js +2 -2
  33. package/dist/components/Input/Input.test.js +2 -2
  34. package/dist/components/Label/Label.test.js +2 -2
  35. package/dist/components/List/List.test.js +1 -1
  36. package/dist/components/Modal/Modal.test.js +1 -1
  37. package/dist/components/MultiSelect/MultiSelect.test.js +2 -2
  38. package/dist/components/NavBar/NavBar.test.js +1 -1
  39. package/dist/components/Notification/Notification.test.js +1 -1
  40. package/dist/components/NotificationContainer/NotificationContainer.test.js +1 -1
  41. package/dist/components/ProgressBar/ProgressBar.test.js +1 -1
  42. package/dist/components/Radio/Radio.test.js +2 -2
  43. package/dist/components/Range/Range.test.js +2 -2
  44. package/dist/components/Select/Select.test.js +2 -2
  45. package/dist/components/Skeleton/Skeleton.test.js +1 -1
  46. package/dist/components/Spacer/Spacer.test.js +2 -2
  47. package/dist/components/Spinner/Spinner.test.js +1 -1
  48. package/dist/components/Stack/Stack.test.js +2 -2
  49. package/dist/components/Switch/Switch.test.js +2 -2
  50. package/dist/components/Table/Table.test.js +2 -2
  51. package/dist/components/Tabs/Tabs.test.js +2 -2
  52. package/dist/components/Text/Text.test.js +2 -2
  53. package/dist/components/Textarea/Textarea.test.js +2 -2
  54. package/dist/components/Tooltip/Tooltip.test.js +2 -2
  55. package/dist/{index-C8O_LWE2.js → index-BNGQJ1tM.js} +25 -24
  56. package/dist/{index-Bb02nmpl.js → index-WRMbKSxg.js} +1 -1
  57. package/dist/lib/components/{Button → CallToAction}/__mocks__/styles.module.css.d.ts +4 -1
  58. package/dist/lib/components/CallToAction/index.d.ts +34 -0
  59. package/dist/lib/main.d.ts +1 -2
  60. package/dist/main.js +76 -78
  61. package/dist/styles.css +1 -2
  62. package/dist/utils/NotificationManager/NotificationManager.test.js +1 -1
  63. package/dist/{vi.ClIskdbk-Z9moXFkA.js → vi.ClIskdbk-CmAURgd9.js} +60 -60
  64. package/package.json +1 -1
  65. package/dist/assets/index48.css +0 -1
  66. package/dist/components/Button/Button.test.js +0 -34
  67. package/dist/components/Button/__mocks__/styles.module.css.js +0 -9
  68. package/dist/components/Button/index.js +0 -29
  69. package/dist/components/Link/Link.test.js +0 -33
  70. package/dist/components/Link/__mocks__/styles.module.css.js +0 -8
  71. package/dist/components/Link/index.js +0 -5
  72. package/dist/index-CzDm6DZN.js +0 -1621
  73. package/dist/lib/components/Button/index.d.ts +0 -12
  74. package/dist/lib/components/Link/Link.test.d.ts +0 -0
  75. package/dist/lib/components/Link/__mocks__/styles.module.css.d.ts +0 -6
  76. package/dist/lib/components/Link/index.d.ts +0 -18
  77. /package/dist/lib/components/{Button/Button.test.d.ts → CallToAction/CallToAction.test.d.ts} +0 -0
@@ -0,0 +1,14 @@
1
+ import { c as o } from "./createLucideIcon-C8GTh_Qx.js";
2
+ /**
3
+ * @license lucide-react v0.488.0 - ISC
4
+ *
5
+ * This source code is licensed under the ISC license.
6
+ * See the LICENSE file in the root directory of this source tree.
7
+ */
8
+ const e = [
9
+ ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
10
+ ["path", { d: "M19 12H5", key: "x3x0zl" }]
11
+ ], r = o("arrow-left", e);
12
+ export {
13
+ r as A
14
+ };
@@ -1,14 +1,4 @@
1
1
  import { c as o } from "./createLucideIcon-C8GTh_Qx.js";
2
- /**
3
- * @license lucide-react v0.488.0 - ISC
4
- *
5
- * This source code is licensed under the ISC license.
6
- * See the LICENSE file in the root directory of this source tree.
7
- */
8
- const t = [
9
- ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
10
- ["path", { d: "M19 12H5", key: "x3x0zl" }]
11
- ], e = o("arrow-left", t);
12
2
  /**
13
3
  * @license lucide-react v0.488.0 - ISC
14
4
  *
@@ -20,6 +10,5 @@ const r = [
20
10
  ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
21
11
  ], c = o("arrow-right", r);
22
12
  export {
23
- e as A,
24
- c as a
13
+ c as A
25
14
  };
@@ -1 +1 @@
1
- ._button_1avxf_1{border-radius:var(--radius-md);border:1px solid transparent;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);font-family:inherit;background-color:var(--color-primary);cursor:pointer;transition:background-color .25s,border-color .25s}._button_1avxf_1:hover{border-color:var(--color-secondary)}._button_1avxf_1:focus,._button_1avxf_1:focus-visible{outline:4px auto -webkit-focus-ring-color}._button_1avxf_1:disabled{border-color:var(--color-muted);background-color:var(--color-muted);color:#e0e0e0;cursor:not-allowed}._primary_1avxf_29{background-color:var(--color-primary)}._primary_1avxf_29:hover{background-color:var(--color-secondary)}._secondary_1avxf_37{background-color:var(--color-secondary);border-color:var(--color-secondary)}._secondary_1avxf_37:hover{background-color:var(--color-primary);border-color:var(--color-primary)}._ghost_1avxf_47{background-color:transparent;border-color:var(--color-primary);border-width:2px;color:var(--color-primary)}._ghost_1avxf_47:hover{background-color:var(--color-primary);color:#fff}
1
+ ._callToAction_7n3dv_1{display:inline-flex;text-decoration:none;border-radius:var(--radius-md);border:2px solid transparent;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);font-family:inherit;background-color:var(--color-primary);cursor:pointer;transition:background-color .25s,border-color .25s;height:40px}._callToAction_7n3dv_1:focus,._callToAction_7n3dv_1:focus-visible{outline:4px auto -webkit-focus-ring-color}._callToAction_7n3dv_1:disabled{border-color:var(--color-muted);background-color:var(--color-muted);color:#e0e0e0;cursor:not-allowed}._primary_7n3dv_28{background-color:var(--color-primary);color:#fff}._primary_7n3dv_28:hover{background-color:var(--color-secondary);color:#fff}._secondary_7n3dv_38{background-color:var(--color-secondary);border-color:var(--color-secondary);color:#fff}._secondary_7n3dv_38:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}._ghost_7n3dv_50{background-color:transparent;border-color:var(--color-primary);border-width:2px;color:var(--color-primary)}._ghost_7n3dv_50:hover{border-color:var(--color-primary);background-color:var(--color-primary);color:#fff}._link_7n3dv_63{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._muted_7n3dv_72{color:var(--color-muted);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._underline_7n3dv_81{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:underline;height:unset}._icon_7n3dv_90{display:inline-flex}._content_7n3dv_94{display:inline-flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--spacing-sm);text-wrap:nowrap}._iconLeft_7n3dv_103{flex-direction:row-reverse}._iconRight_7n3dv_107{flex-direction:row}
@@ -1 +1 @@
1
- ._link_98em4_1{color:var(--color-link);text-decoration:none;display:inline-flex;align-items:center;gap:.25rem}._default_98em4_9{color:var(--color-link)}._muted_98em4_13{color:var(--color-muted)}._underline_98em4_17{text-decoration:underline}._icon_98em4_21{display:inline-flex}
1
+ ._calendar_zbxci_1{padding:var(--spacing-sm);border-radius:var(--radius-md);min-width:250px}._header_zbxci_7{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}._dayName_zbxci_13{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);width:30px;text-align:center;flex:1;font-size:var(--font-size-sm)}._monthName_zbxci_23{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}._week_zbxci_28{display:flex;justify-content:space-between;color:var(--color-text-primary)}._cell_zbxci_34{flex:1;padding:var(--spacing-xs) 0;text-align:center;background:none;color:var(--color-text-primary);border:none;cursor:pointer;width:30px}._outside_zbxci_45{color:var(--color-muted)}._selected_zbxci_49{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md)}
@@ -1,7 +1,7 @@
1
1
  import { jsx as c } from "react/jsx-runtime";
2
- import { d, i as m, r, g as t, s as e, f as s } from "../../vi.ClIskdbk-Z9moXFkA.js";
2
+ import { d, i as m, r, g as t, s as e, f as s } from "../../vi.ClIskdbk-CmAURgd9.js";
3
3
  import { Accordion as a } from "./index.js";
4
- import "../../index-Bb02nmpl.js";
4
+ import "../../index-WRMbKSxg.js";
5
5
  d("Accordion", () => {
6
6
  const l = [
7
7
  {
@@ -1,7 +1,7 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { d as v, i as r, r as l, s as a, g as t, v as m, f as u, w as n } from "../../vi.ClIskdbk-Z9moXFkA.js";
2
+ import { d as v, i as r, r as l, s as a, g as t, v as m, f as u, w as n } from "../../vi.ClIskdbk-CmAURgd9.js";
3
3
  import { Alert as i } from "./index.js";
4
- import "../../index-Bb02nmpl.js";
4
+ import "../../index-WRMbKSxg.js";
5
5
  v("Alert", () => {
6
6
  r("renders the alert with the correct message and variant", () => {
7
7
  l(/* @__PURE__ */ o(i, { message: "Info Alert", variant: "info" }));
@@ -1,7 +1,7 @@
1
1
  import { jsx as a } from "react/jsx-runtime";
2
- import { d as l, i as s, r as o, s as i, g as e, v as c, f as d } from "../../vi.ClIskdbk-Z9moXFkA.js";
2
+ import { d as l, i as s, r as o, s as i, g as e, v as c, f as d } from "../../vi.ClIskdbk-CmAURgd9.js";
3
3
  import { Avatar as r } from "./index.js";
4
- import "../../index-Bb02nmpl.js";
4
+ import "../../index-WRMbKSxg.js";
5
5
  l("Avatar", () => {
6
6
  s("renders an image when src is provided", () => {
7
7
  o(/* @__PURE__ */ a(r, { src: "https://via.placeholder.com/150", alt: "User avatar" }));
@@ -1,7 +1,7 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { d as u, i as a, r as c, s as o, g as s, v as d, f as r } from "../../vi.ClIskdbk-Z9moXFkA.js";
2
+ import { d as u, i as a, r as c, s as o, g as s, v as d, f as r } from "../../vi.ClIskdbk-CmAURgd9.js";
3
3
  import { Badge as l } from "./index.js";
4
- import "../../index-Bb02nmpl.js";
4
+ import "../../index-WRMbKSxg.js";
5
5
  import { P as i } from "../../plus-Cs7TaIK9.js";
6
6
  u("Badge", () => {
7
7
  a("renders default badge", () => {
@@ -1,7 +1,7 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { d as r, i as o, r as n, s, g as a } from "../../vi.ClIskdbk-Z9moXFkA.js";
2
+ import { d as r, i as o, r as n, s, g as a } from "../../vi.ClIskdbk-CmAURgd9.js";
3
3
  import { Box as i } from "./index.js";
4
- import "../../index-Bb02nmpl.js";
4
+ import "../../index-WRMbKSxg.js";
5
5
  r("Box", () => {
6
6
  o("renders with default props", () => {
7
7
  n(/* @__PURE__ */ t(i, { children: "Content" }));
@@ -1,7 +1,7 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
- import { d as m, i as r, r as o, s as n, g as t } from "../../vi.ClIskdbk-Z9moXFkA.js";
2
+ import { d as m, i as r, r as o, s as n, g as t } from "../../vi.ClIskdbk-CmAURgd9.js";
3
3
  import { Breadcrumbs as l } from "./index.js";
4
- import "../../index-Bb02nmpl.js";
4
+ import "../../index-WRMbKSxg.js";
5
5
  m("Breadcrumbs", () => {
6
6
  const a = [
7
7
  { label: "Home", href: "/" },
@@ -1,7 +1,7 @@
1
1
  import { jsxs as o, jsx as t } from "react/jsx-runtime";
2
- import { d as a, i, r, g as n, s as c } from "../../vi.ClIskdbk-Z9moXFkA.js";
2
+ import { d as a, i, r, g as n, s as c } from "../../vi.ClIskdbk-CmAURgd9.js";
3
3
  import { ButtonGroup as s } from "./index.js";
4
- import "../../index-Bb02nmpl.js";
4
+ import "../../index-WRMbKSxg.js";
5
5
  a("ButtonGroup", () => {
6
6
  i("renders children", () => {
7
7
  r(
@@ -1,7 +1,7 @@
1
1
  import { jsx as c } from "react/jsx-runtime";
2
- import { d as D, i as s, r as l, g as n, s as a, v as m, f as d } from "../../vi.ClIskdbk-Z9moXFkA.js";
3
- import { f as y, C as r } from "../../index-C8O_LWE2.js";
4
- import "../../index-Bb02nmpl.js";
2
+ import { d as D, i as s, r as l, g as n, s as a, v as m, f as d } from "../../vi.ClIskdbk-CmAURgd9.js";
3
+ import { f as y, C as r } from "../../index-BNGQJ1tM.js";
4
+ import "../../index-WRMbKSxg.js";
5
5
  D("Calendar", () => {
6
6
  s("renders the current month and year", () => {
7
7
  const t = new Date(2025, 4, 15);
@@ -3,8 +3,9 @@ import "react";
3
3
  import '../../assets/index.css';/* empty css */
4
4
  import "../IconButton/index.js";
5
5
  import "../Tabs/index.js";
6
- import { C } from "../../index-C8O_LWE2.js";
7
- import "../../arrow-right-CnuUc2oD.js";
6
+ import { C as d } from "../../index-BNGQJ1tM.js";
7
+ import "../../arrow-left-BIJvHwNQ.js";
8
+ import "../../arrow-right-QEwnX3Sk.js";
8
9
  export {
9
- C as Calendar
10
+ d as Calendar
10
11
  };
@@ -0,0 +1,66 @@
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import { d as c, i, r as a, s, g as e } from "../../vi.ClIskdbk-CmAURgd9.js";
3
+ import { CallToAction as r } from "./index.js";
4
+ import "../../index-WRMbKSxg.js";
5
+ import { A as l } from "../../arrow-right-QEwnX3Sk.js";
6
+ c("CallToAction", () => {
7
+ i("renders as a button when 'as' is set to 'button'", () => {
8
+ a(
9
+ /* @__PURE__ */ o(r, { as: "button", variant: "primary", children: "Click Me" })
10
+ );
11
+ const t = s.getByRole("button", { name: "Click Me" });
12
+ e(t).toBeInTheDocument(), e(t).toHaveClass("callToAction", "primary");
13
+ }), i("renders as an anchor when 'as' is set to 'a'", () => {
14
+ a(
15
+ /* @__PURE__ */ o(r, { as: "a", href: "/test", variant: "link", children: "Click Me" })
16
+ );
17
+ const t = s.getByRole("link", { name: "Click Me" });
18
+ e(t).toBeInTheDocument(), e(t).toHaveAttribute("href", "/test"), e(t).toHaveClass("callToAction", "link");
19
+ }), i("adds rel='noopener noreferrer' when target is '_blank'", () => {
20
+ a(
21
+ /* @__PURE__ */ o(r, { as: "a", href: "/test", target: "_blank", variant: "link", children: "External" })
22
+ );
23
+ const t = s.getByRole("link", { name: "External" });
24
+ e(t).toBeInTheDocument(), e(t).toHaveAttribute("rel", "noopener noreferrer");
25
+ }), i("includes left icon when iconAlignment is 'left'", () => {
26
+ a(
27
+ /* @__PURE__ */ o(
28
+ r,
29
+ {
30
+ as: "a",
31
+ href: "/test",
32
+ target: "_blank",
33
+ variant: "link",
34
+ icon: /* @__PURE__ */ o(l, { "data-testid": "icon", size: 21 }),
35
+ iconAlignemnt: "left",
36
+ children: "Icon left"
37
+ }
38
+ )
39
+ );
40
+ const n = s.getByTestId("icon").closest("span");
41
+ e(n).toHaveClass("icon"), e(n == null ? void 0 : n.parentElement).toHaveClass("content", "iconLeft");
42
+ }), i("includes right icon when iconAlignment is 'right'", () => {
43
+ a(
44
+ /* @__PURE__ */ o(
45
+ r,
46
+ {
47
+ as: "a",
48
+ href: "/test",
49
+ target: "_blank",
50
+ variant: "link",
51
+ icon: /* @__PURE__ */ o(l, { "data-testid": "icon", size: 21 }),
52
+ iconAlignemnt: "right",
53
+ children: "Icon Right"
54
+ }
55
+ )
56
+ );
57
+ const n = s.getByTestId("icon").closest("span");
58
+ e(n).toHaveClass("icon"), e(n == null ? void 0 : n.parentElement).toHaveClass("content", "iconRight");
59
+ }), i("respects the disabled prop on buttons", () => {
60
+ a(
61
+ /* @__PURE__ */ o(r, { as: "button", variant: "primary", disabled: !0, children: "Disabled" })
62
+ );
63
+ const t = s.getByRole("button", { name: "Disabled" });
64
+ e(t).toBeDisabled();
65
+ });
66
+ });
@@ -0,0 +1,12 @@
1
+ const e = {
2
+ primary: "primary",
3
+ secondary: "secondary",
4
+ ghost: "ghost",
5
+ link: "link",
6
+ underline: "underline",
7
+ left: "left",
8
+ right: "right"
9
+ };
10
+ export {
11
+ e as default
12
+ };
@@ -0,0 +1,63 @@
1
+ import { jsx as o, jsxs as g } from "react/jsx-runtime";
2
+ import '../../assets/index14.css';const f = "_callToAction_7n3dv_1", y = "_primary_7n3dv_28", m = "_secondary_7n3dv_38", u = "_ghost_7n3dv_50", v = "_link_7n3dv_63", $ = "_underline_7n3dv_81", A = "_icon_7n3dv_90", k = "_content_7n3dv_94", T = "_iconLeft_7n3dv_103", x = "_iconRight_7n3dv_107", n = {
3
+ callToAction: f,
4
+ primary: y,
5
+ secondary: m,
6
+ ghost: u,
7
+ link: v,
8
+ underline: $,
9
+ icon: A,
10
+ content: k,
11
+ iconLeft: T,
12
+ iconRight: x
13
+ }, l = {
14
+ primary: n.primary,
15
+ secondary: n.secondary,
16
+ ghost: n.ghost,
17
+ link: n.link,
18
+ underline: n.underline
19
+ }, R = {
20
+ left: n.iconLeft,
21
+ right: n.iconRight
22
+ };
23
+ function b({
24
+ variant: c = "primary",
25
+ icon: i,
26
+ iconAlignemnt: a = "right",
27
+ useRouter: L = !1,
28
+ className: e,
29
+ children: _,
30
+ disabled: d = !1,
31
+ ...t
32
+ }) {
33
+ const s = /* @__PURE__ */ g("span", { className: `${n.content} ${R[a]}`, children: [
34
+ /* @__PURE__ */ o("span", { children: _ }),
35
+ i && /* @__PURE__ */ o("span", { className: n.icon, children: i })
36
+ ] });
37
+ if (t.as == "a") {
38
+ const { href: h, target: r, ...p } = t;
39
+ return /* @__PURE__ */ o(
40
+ "a",
41
+ {
42
+ href: h,
43
+ target: r,
44
+ rel: r === "_blank" ? "noopener noreferrer" : void 0,
45
+ className: `${e ?? ""} ${n.callToAction} ${l[c]}`,
46
+ ...p,
47
+ children: s
48
+ }
49
+ );
50
+ }
51
+ return /* @__PURE__ */ o(
52
+ "button",
53
+ {
54
+ className: `${e ?? ""} ${n.callToAction} ${l[c]}`,
55
+ disabled: d,
56
+ ...t,
57
+ children: s
58
+ }
59
+ );
60
+ }
61
+ export {
62
+ b as CallToAction
63
+ };
@@ -1,7 +1,7 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { d as l, i as n, r, g as t, s as e, v as a, f as d } from "../../vi.ClIskdbk-Z9moXFkA.js";
2
+ import { d as l, i as n, r, g as t, s as e, v as a, f as d } from "../../vi.ClIskdbk-CmAURgd9.js";
3
3
  import { Card as i } from "./index.js";
4
- import "../../index-Bb02nmpl.js";
4
+ import "../../index-WRMbKSxg.js";
5
5
  l("Card", () => {
6
6
  n("renders with title, content and footer", () => {
7
7
  r(
@@ -1,7 +1,7 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import { d as h, v as d, i as s, r as a, g as i, s as t, f as r } from "../../vi.ClIskdbk-Z9moXFkA.js";
2
+ import { d as h, v as d, i as s, r as a, g as i, s as t, f as r } from "../../vi.ClIskdbk-CmAURgd9.js";
3
3
  import { Carousel as l } from "./index.js";
4
- import "../../index-Bb02nmpl.js";
4
+ import "../../index-WRMbKSxg.js";
5
5
  const c = [
6
6
  /* @__PURE__ */ n("div", { children: "Slide 1" }, "1"),
7
7
  /* @__PURE__ */ n("div", { children: "Slide 2" }, "2"),
@@ -1,6 +1,7 @@
1
1
  import { jsxs as _, jsx as r } from "react/jsx-runtime";
2
- import { useState as m, useRef as A, useCallback as C, useEffect as u } from "react";
3
- import { A as I, a as M } from "../../arrow-right-CnuUc2oD.js";
2
+ import { useState as m, useRef as W, useCallback as C, useEffect as f } from "react";
3
+ import { A as I } from "../../arrow-left-BIJvHwNQ.js";
4
+ import { A as M } from "../../arrow-right-QEwnX3Sk.js";
4
5
  import '../../assets/index31.css';const S = "_carousel_1h8mt_5", E = "_track_1h8mt_12", L = "_slide_1h8mt_18", R = "_controls_1h8mt_30", j = "_indicators_1h8mt_47", z = "_indicator_1h8mt_47", G = "_active_1h8mt_62", T = "_buttons_1h8mt_66", V = "_prev_1h8mt_71", X = "_disabled_1h8mt_71", q = "_next_1h8mt_72", e = {
5
6
  carousel: S,
6
7
  track: E,
@@ -14,22 +15,22 @@ import '../../assets/index31.css';const S = "_carousel_1h8mt_5", E = "_track_1h8
14
15
  disabled: X,
15
16
  next: q
16
17
  };
17
- function J({
18
+ function K({
18
19
  items: c,
19
20
  autoPlay: i = !1,
20
21
  autoPlayInterval: b = 3e3,
21
- className: f
22
+ className: u
22
23
  }) {
23
24
  const [s, l] = m(0), [n, v] = m(
24
25
  window.innerWidth < 768 ? 1 : 3
25
- ), [w, N] = m(window.innerWidth < 768), d = A(null), $ = s === 0, g = s === c.length - 1, p = Math.ceil(c.length / n), a = C(() => {
26
+ ), [w, N] = m(window.innerWidth < 768), a = W(null), $ = s === 0, p = s === c.length - 1, g = Math.ceil(c.length / n), d = C(() => {
26
27
  l(0);
27
28
  const t = window.innerWidth < 768;
28
29
  N(t), v(t ? 1 : 3);
29
30
  }, []);
30
- u(() => (a(), window.addEventListener("resize", a), () => window.removeEventListener("resize", a)), [a]);
31
+ f(() => (d(), window.addEventListener("resize", d), () => window.removeEventListener("resize", d)), [d]);
31
32
  const h = () => {
32
- (i || !g) && l(
33
+ (i || !p) && l(
33
34
  (t) => t < c.length - n ? t + n : t
34
35
  );
35
36
  }, x = () => {
@@ -37,27 +38,27 @@ function J({
37
38
  }, k = (t) => {
38
39
  l(t * n);
39
40
  };
40
- u(() => (i && (d.current = setInterval(h, b)), () => {
41
- d.current && clearInterval(d.current);
41
+ f(() => (i && (a.current = setInterval(h, b)), () => {
42
+ a.current && clearInterval(a.current);
42
43
  }), [i, b, h]);
43
- const W = () => {
44
+ const A = () => {
44
45
  if (w)
45
46
  return `translateX(calc(-${s * 80}% + 10%))`;
46
47
  const t = 100 / n;
47
48
  return `translateX(-${s * t}%)`;
48
49
  };
49
- return /* @__PURE__ */ _("div", { className: `${f ?? ""} ${e.carousel}`, children: [
50
+ return /* @__PURE__ */ _("div", { className: `${u ?? ""} ${e.carousel}`, children: [
50
51
  /* @__PURE__ */ r(
51
52
  "div",
52
53
  {
53
54
  className: e.track,
54
- style: { transform: W() },
55
+ style: { transform: A() },
55
56
  role: "list",
56
57
  children: c.map((t, o) => /* @__PURE__ */ r("div", { className: e.slide, children: t }, o))
57
58
  }
58
59
  ),
59
60
  /* @__PURE__ */ _("div", { className: e.controls, children: [
60
- /* @__PURE__ */ r("div", { className: e.indicators, children: Array.from({ length: p }).map((t, o) => /* @__PURE__ */ r(
61
+ /* @__PURE__ */ r("div", { className: e.indicators, children: Array.from({ length: g }).map((t, o) => /* @__PURE__ */ r(
61
62
  "button",
62
63
  {
63
64
  className: `${e.indicator} ${o === Math.floor(s / n) ? e.active : ""}`,
@@ -92,5 +93,5 @@ function J({
92
93
  ] });
93
94
  }
94
95
  export {
95
- J as Carousel
96
+ K as Carousel
96
97
  };
@@ -1,7 +1,7 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { d as n, i as b, r as s, g as c, s as o, v as h } from "../../vi.ClIskdbk-Z9moXFkA.js";
2
+ import { d as n, i as b, r as s, g as c, s as o, v as h } from "../../vi.ClIskdbk-CmAURgd9.js";
3
3
  import { Checkbox as a } from "./index.js";
4
- import "../../index-Bb02nmpl.js";
4
+ import "../../index-WRMbKSxg.js";
5
5
  n("Checkbox", () => {
6
6
  b("renders correctly", () => {
7
7
  s(
@@ -1,7 +1,7 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
- import { d as c, i as t, r as i, g as n, s as o } from "../../vi.ClIskdbk-Z9moXFkA.js";
2
+ import { d as c, i as t, r as i, g as n, s as o } from "../../vi.ClIskdbk-CmAURgd9.js";
3
3
  import { Container as a } from "./index.js";
4
- import "../../index-Bb02nmpl.js";
4
+ import "../../index-WRMbKSxg.js";
5
5
  c("Container", () => {
6
6
  t("renders children", () => {
7
7
  i(/* @__PURE__ */ s(a, { children: "Test content" })), n(o.getByText("Test content")).toBeInTheDocument();
@@ -1,8 +1,8 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import { v as r, d as k, i as c, r as d, g as t, s as a, f as l } from "../../vi.ClIskdbk-Z9moXFkA.js";
2
+ import { v as r, d as k, i as c, r as d, g as t, s as a, f as l } from "../../vi.ClIskdbk-CmAURgd9.js";
3
3
  import { DatePicker as o } from "./index.js";
4
- import "../../index-Bb02nmpl.js";
5
- import { f as u } from "../../index-C8O_LWE2.js";
4
+ import "../../index-WRMbKSxg.js";
5
+ import { f as u } from "../../index-BNGQJ1tM.js";
6
6
  r.mock("../Calendar", () => ({
7
7
  Calendar: ({ onSelectDate: e }) => /* @__PURE__ */ n(
8
8
  "button",
@@ -3,7 +3,7 @@ import { useState as i } from "react";
3
3
  import '../../assets/index.css';import '../../assets/index42.css';/* empty css */
4
4
  import "../Tabs/index.js";
5
5
  import { Label as w } from "../Label/index.js";
6
- import { f as x, C as D } from "../../index-C8O_LWE2.js";
6
+ import { f as x, C as D } from "../../index-BNGQJ1tM.js";
7
7
  const S = "_wrapper_13tha_1", N = "_input_13tha_7", O = "_popover_13tha_25", s = {
8
8
  wrapper: S,
9
9
  input: N,
@@ -1,7 +1,7 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
- import { d as o, i as e, r as i, g as t } from "../../vi.ClIskdbk-Z9moXFkA.js";
2
+ import { d as o, i as e, r as i, g as t } from "../../vi.ClIskdbk-CmAURgd9.js";
3
3
  import { Divider as a } from "./index.js";
4
- import "../../index-Bb02nmpl.js";
4
+ import "../../index-WRMbKSxg.js";
5
5
  o("Spacer", () => {
6
6
  e("renders with default props", () => {
7
7
  const { container: s } = i(/* @__PURE__ */ r(a, {}));
@@ -1,7 +1,7 @@
1
1
  import { jsx as e, jsxs as f } from "react/jsx-runtime";
2
- import { d as h, i as r, r as s, v as t, g as l, s as c, f as a } from "../../vi.ClIskdbk-Z9moXFkA.js";
2
+ import { d as h, i as r, r as s, v as t, g as l, s as c, f as a } from "../../vi.ClIskdbk-CmAURgd9.js";
3
3
  import { Drawer as i } from "./index.js";
4
- import "../../index-Bb02nmpl.js";
4
+ import "../../index-WRMbKSxg.js";
5
5
  h("Drawer", () => {
6
6
  const n = /* @__PURE__ */ e("nav", { children: /* @__PURE__ */ f("ul", { children: [
7
7
  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("a", { href: "/profile", children: "Profile" }) }),
@@ -1,7 +1,7 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
- import { d as o, i as t, r, g as n, s as d } from "../../vi.ClIskdbk-Z9moXFkA.js";
2
+ import { d as o, i as t, r, g as n, s as d } from "../../vi.ClIskdbk-CmAURgd9.js";
3
3
  import { Fieldset as i } from "./index.js";
4
- import "../../index-Bb02nmpl.js";
4
+ import "../../index-WRMbKSxg.js";
5
5
  o("Fieldset", () => {
6
6
  t("renders children", () => {
7
7
  r(
@@ -1,7 +1,7 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { d as c, i as t, r as l, g as s, s as n, v as a, f as d } from "../../vi.ClIskdbk-Z9moXFkA.js";
2
+ import { d as c, i as t, r as l, g as s, s as n, v as a, f as d } from "../../vi.ClIskdbk-CmAURgd9.js";
3
3
  import { FileUpload as r } from "./index.js";
4
- import "../../index-Bb02nmpl.js";
4
+ import "../../index-WRMbKSxg.js";
5
5
  c("FileUpload", () => {
6
6
  t("renders the label correctly", () => {
7
7
  l(/* @__PURE__ */ o(r, { label: "Upload your resume", onFilesChange: () => {
@@ -1,7 +1,7 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
- import { d as r, i as o, r as i, g as l, s, v as d, f as m } from "../../vi.ClIskdbk-Z9moXFkA.js";
2
+ import { d as r, i as o, r as i, g as l, s, v as d, f as m } from "../../vi.ClIskdbk-CmAURgd9.js";
3
3
  import { FloatingActionButton as c } from "./index.js";
4
- import "../../index-Bb02nmpl.js";
4
+ import "../../index-WRMbKSxg.js";
5
5
  import { P as n } from "../../plus-Cs7TaIK9.js";
6
6
  r("FloatingActionButton", () => {
7
7
  o("renders the icon", () => {
@@ -1,7 +1,7 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
- import { d as i, i as o, r, g as s, s as a } from "../../vi.ClIskdbk-Z9moXFkA.js";
2
+ import { d as i, i as o, r, g as s, s as a } from "../../vi.ClIskdbk-CmAURgd9.js";
3
3
  import { Form as m } from "./index.js";
4
- import "../../index-Bb02nmpl.js";
4
+ import "../../index-WRMbKSxg.js";
5
5
  i("Form", () => {
6
6
  o("renders children", () => {
7
7
  r(
@@ -1,7 +1,7 @@
1
1
  import { jsxs as n, jsx as e } from "react/jsx-runtime";
2
- import { d as o, i as d, r as m, g as i, s as l } from "../../vi.ClIskdbk-Z9moXFkA.js";
2
+ import { d as o, i as d, r as m, g as i, s as l } from "../../vi.ClIskdbk-CmAURgd9.js";
3
3
  import { Grid as s } from "./index.js";
4
- import "../../index-Bb02nmpl.js";
4
+ import "../../index-WRMbKSxg.js";
5
5
  o("Grid", () => {
6
6
  d("renders children", () => {
7
7
  m(
@@ -1,7 +1,7 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { d as i, i as a, r as s, s as d, g as l } from "../../vi.ClIskdbk-Z9moXFkA.js";
2
+ import { d as i, i as a, r as s, s as d, g as l } from "../../vi.ClIskdbk-CmAURgd9.js";
3
3
  import { Heading as n } from "./index.js";
4
- import "../../index-Bb02nmpl.js";
4
+ import "../../index-WRMbKSxg.js";
5
5
  i("Heading", () => {
6
6
  a("renders with default level (h1)", () => {
7
7
  s(/* @__PURE__ */ t(n, { children: "Test Heading" }));
@@ -1,7 +1,7 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { d as r, i as o, r as a, s as n, g as s, v as m, f as b } from "../../vi.ClIskdbk-Z9moXFkA.js";
2
+ import { d as r, i as o, r as a, s as n, g as s, v as m, f as b } from "../../vi.ClIskdbk-CmAURgd9.js";
3
3
  import { IconButton as l } from "./index.js";
4
- import "../../index-Bb02nmpl.js";
4
+ import "../../index-WRMbKSxg.js";
5
5
  import { T as c } from "../../trash-2-2Rn0a4s6.js";
6
6
  r("IconButton", () => {
7
7
  o("renders with icon and accessible label", () => {
@@ -1,7 +1,7 @@
1
1
  import { jsx as a } from "react/jsx-runtime";
2
- import { d as m, i, r as t, g as e, s as r } from "../../vi.ClIskdbk-Z9moXFkA.js";
2
+ import { d as m, i, r as t, g as e, s as r } from "../../vi.ClIskdbk-CmAURgd9.js";
3
3
  import { Input as l } from "./index.js";
4
- import "../../index-Bb02nmpl.js";
4
+ import "../../index-WRMbKSxg.js";
5
5
  m("Input", () => {
6
6
  i("renders an input with a label", () => {
7
7
  t(/* @__PURE__ */ a(l, { label: "email", name: "email" })), e(r.getByLabelText("email")).toBeInTheDocument();
@@ -1,7 +1,7 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { d as s, i as o, r as n, g as e, s as r } from "../../vi.ClIskdbk-Z9moXFkA.js";
2
+ import { d as s, i as o, r as n, g as e, s as r } from "../../vi.ClIskdbk-CmAURgd9.js";
3
3
  import { Label as l } from "./index.js";
4
- import "../../index-Bb02nmpl.js";
4
+ import "../../index-WRMbKSxg.js";
5
5
  s("Label", () => {
6
6
  o("renders label text", () => {
7
7
  n(/* @__PURE__ */ t(l, { htmlFor: "username", children: "Username" })), e(r.getByText("Username")).toBeInTheDocument();
@@ -1,5 +1,5 @@
1
1
  import { jsx as e, jsxs as a } from "react/jsx-runtime";
2
- import { v as I, d as k, i, r as n, g as t, s as o, f as s } from "../../vi.ClIskdbk-Z9moXFkA.js";
2
+ import { v as I, d as k, i, r as n, g as t, s as o, f as s } from "../../vi.ClIskdbk-CmAURgd9.js";
3
3
  import { List as l } from "./index.js";
4
4
  import { IconButton as h } from "../IconButton/index.js";
5
5
  import { c as y } from "../../createLucideIcon-C8GTh_Qx.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx as e, jsxs as s, Fragment as a } from "react/jsx-runtime";
2
- import { d as u, i as d, r, g as n, s as t, f as i } from "../../vi.ClIskdbk-Z9moXFkA.js";
2
+ import { d as u, i as d, r, g as n, s as t, f as i } from "../../vi.ClIskdbk-CmAURgd9.js";
3
3
  import { Modal as l } from "./index.js";
4
4
  u("Modal", () => {
5
5
  d("renders the trigger button", () => {
@@ -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.ClIskdbk-Z9moXFkA.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.ClIskdbk-CmAURgd9.js";
4
4
  import { MultiSelect as Xe } from "./index.js";
5
- import "../../index-Bb02nmpl.js";
5
+ import "../../index-WRMbKSxg.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
@@ -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.ClIskdbk-Z9moXFkA.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.ClIskdbk-CmAURgd9.js";
3
3
  import { Navbar as n } from "./index.js";
4
4
  const c = [
5
5
  { label: "Home", href: "/" },
@@ -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.ClIskdbk-Z9moXFkA.js";
2
+ import { d as l, i, r as a, v as s, g as o, s as r, f as m } from "../../vi.ClIskdbk-CmAURgd9.js";
3
3
  import { Notification as n } from "./index.js";
4
4
  l("Notification", () => {
5
5
  i("renders with the correct message", () => {