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.
- package/dist/arrow-left-BIJvHwNQ.js +14 -0
- package/dist/{arrow-right-CnuUc2oD.js → arrow-right-QEwnX3Sk.js} +1 -12
- package/dist/assets/index14.css +1 -1
- package/dist/assets/index47.css +1 -1
- package/dist/components/Accordion/Accordion.test.js +2 -2
- package/dist/components/Alert/Alert.test.js +2 -2
- package/dist/components/Avatar/Avatar.test.js +2 -2
- package/dist/components/Badge/Badge.test.js +2 -2
- package/dist/components/Box/Box.test.js +2 -2
- package/dist/components/Breadcrumbs/Breadcrumbs.test.js +2 -2
- package/dist/components/ButtonGroup/ButtonGroup.test.js +2 -2
- package/dist/components/Calendar/Calendar.test.js +3 -3
- package/dist/components/Calendar/index.js +4 -3
- package/dist/components/CallToAction/CallToAction.test.js +66 -0
- package/dist/components/CallToAction/__mocks__/styles.module.css.js +12 -0
- package/dist/components/CallToAction/index.js +63 -0
- package/dist/components/Card/Card.test.js +2 -2
- package/dist/components/Carousel/Carousel.test.js +2 -2
- package/dist/components/Carousel/index.js +15 -14
- package/dist/components/Checkbox/Checkbox.test.js +2 -2
- package/dist/components/Container/Container.test.js +2 -2
- package/dist/components/DatePicker/DatePicker.test.js +3 -3
- package/dist/components/DatePicker/index.js +1 -1
- package/dist/components/Divider/Divider.test.js +2 -2
- package/dist/components/Drawer/Drawer.test.js +2 -2
- package/dist/components/Fieldset/Fieldset.test.js +2 -2
- package/dist/components/FileUpload/FileUpload.test.js +2 -2
- package/dist/components/FloatingActionButton/FloatingActionButton.test.js +2 -2
- package/dist/components/Form/Form.test.js +2 -2
- package/dist/components/Grid/Grid.test.js +2 -2
- package/dist/components/Heading/Heading.test.js +2 -2
- package/dist/components/IconButton/IconButton.test.js +2 -2
- package/dist/components/Input/Input.test.js +2 -2
- package/dist/components/Label/Label.test.js +2 -2
- package/dist/components/List/List.test.js +1 -1
- package/dist/components/Modal/Modal.test.js +1 -1
- package/dist/components/MultiSelect/MultiSelect.test.js +2 -2
- package/dist/components/NavBar/NavBar.test.js +1 -1
- package/dist/components/Notification/Notification.test.js +1 -1
- package/dist/components/NotificationContainer/NotificationContainer.test.js +1 -1
- package/dist/components/ProgressBar/ProgressBar.test.js +1 -1
- package/dist/components/Radio/Radio.test.js +2 -2
- package/dist/components/Range/Range.test.js +2 -2
- package/dist/components/Select/Select.test.js +2 -2
- package/dist/components/Skeleton/Skeleton.test.js +1 -1
- package/dist/components/Spacer/Spacer.test.js +2 -2
- package/dist/components/Spinner/Spinner.test.js +1 -1
- package/dist/components/Stack/Stack.test.js +2 -2
- package/dist/components/Switch/Switch.test.js +2 -2
- package/dist/components/Table/Table.test.js +2 -2
- package/dist/components/Tabs/Tabs.test.js +2 -2
- package/dist/components/Text/Text.test.js +2 -2
- package/dist/components/Textarea/Textarea.test.js +2 -2
- package/dist/components/Tooltip/Tooltip.test.js +2 -2
- package/dist/{index-C8O_LWE2.js → index-BNGQJ1tM.js} +25 -24
- package/dist/{index-Bb02nmpl.js → index-WRMbKSxg.js} +1 -1
- package/dist/lib/components/{Button → CallToAction}/__mocks__/styles.module.css.d.ts +4 -1
- package/dist/lib/components/CallToAction/index.d.ts +34 -0
- package/dist/lib/main.d.ts +1 -2
- package/dist/main.js +76 -78
- package/dist/styles.css +1 -2
- package/dist/utils/NotificationManager/NotificationManager.test.js +1 -1
- package/dist/{vi.ClIskdbk-Z9moXFkA.js → vi.ClIskdbk-CmAURgd9.js} +60 -60
- package/package.json +1 -1
- package/dist/assets/index48.css +0 -1
- package/dist/components/Button/Button.test.js +0 -34
- package/dist/components/Button/__mocks__/styles.module.css.js +0 -9
- package/dist/components/Button/index.js +0 -29
- package/dist/components/Link/Link.test.js +0 -33
- package/dist/components/Link/__mocks__/styles.module.css.js +0 -8
- package/dist/components/Link/index.js +0 -5
- package/dist/index-CzDm6DZN.js +0 -1621
- package/dist/lib/components/Button/index.d.ts +0 -12
- package/dist/lib/components/Link/Link.test.d.ts +0 -0
- package/dist/lib/components/Link/__mocks__/styles.module.css.d.ts +0 -6
- package/dist/lib/components/Link/index.d.ts +0 -18
- /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
|
-
|
|
24
|
-
c as a
|
|
13
|
+
c as A
|
|
25
14
|
};
|
package/dist/assets/index14.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
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}
|
package/dist/assets/index47.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
3
|
-
import { f as y, C as r } from "../../index-
|
|
4
|
-
import "../../index-
|
|
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-
|
|
7
|
-
import "../../arrow-
|
|
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
|
-
|
|
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,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-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
|
3
|
-
import { A as I
|
|
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
|
|
18
|
+
function K({
|
|
18
19
|
items: c,
|
|
19
20
|
autoPlay: i = !1,
|
|
20
21
|
autoPlayInterval: b = 3e3,
|
|
21
|
-
className:
|
|
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),
|
|
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
|
-
|
|
31
|
+
f(() => (d(), window.addEventListener("resize", d), () => window.removeEventListener("resize", d)), [d]);
|
|
31
32
|
const h = () => {
|
|
32
|
-
(i || !
|
|
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
|
-
|
|
41
|
-
|
|
41
|
+
f(() => (i && (a.current = setInterval(h, b)), () => {
|
|
42
|
+
a.current && clearInterval(a.current);
|
|
42
43
|
}), [i, b, h]);
|
|
43
|
-
const
|
|
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: `${
|
|
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:
|
|
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:
|
|
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
|
-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
5
|
-
import { f as u } from "../../index-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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", () => {
|