@konstructio/ui 0.1.0-alpha.8 → 0.1.1-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/DatePicker.css +1 -1
- package/dist/{Modal-CrG0m703.js → Modal-0oht63vU.js} +32 -32
- package/dist/assets/icons/components/Search.js +26 -0
- package/dist/assets/icons/components/Warning.js +22 -0
- package/dist/assets/icons/components/index.js +6 -0
- package/dist/{chevron-down-UW8ts6wI.js → chevron-down-CVce9Mvh.js} +2 -2
- package/dist/components/Alert/Alert.js +23 -25
- package/dist/components/Alert/Alert.variants.js +1 -1
- package/dist/components/AlertDialog/AlertDialog.js +1 -1
- package/dist/components/AlertDialog/components/AlertDialogTrigger.js +1 -1
- package/dist/components/AlertDialog/components/index.js +1 -1
- package/dist/components/AlertDialog/hooks/useAlertDialog.js +7 -7
- package/dist/components/Autocomplete/Autocomplete.variants.js +3 -4
- package/dist/components/Autocomplete/components/List/List.variants.js +3 -7
- package/dist/components/Autocomplete/hooks/useAutocomplete.js +38 -43
- package/dist/components/Autocomplete/hooks/useNavigationList.js +29 -37
- package/dist/components/Badge/Badge.js +40 -42
- package/dist/components/Badge/Badge.variants.js +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.variants.js +1 -1
- package/dist/components/Breadcrumb/components/Item/Item.js +22 -21
- package/dist/components/Breadcrumb/components/Item/Item.variants.js +1 -1
- package/dist/components/Breadcrumb/hooks/useBreadcrumb.js +1 -1
- package/dist/components/Button/Button.js +15 -15
- package/dist/components/Button/Button.variants.js +10 -77
- package/dist/components/Card/Card.variants.js +3 -5
- package/dist/components/Checkbox/Checkbox.js +48 -47
- package/dist/components/Checkbox/Checkbox.variants.js +3 -4
- package/dist/components/Command/Command.js +2 -2
- package/dist/components/Command/Command.variants.js +1 -1
- package/dist/components/Command/components/Command.js +1 -1
- package/dist/components/Command/components/CommandEmpty.js +1 -1
- package/dist/components/Command/components/CommandGroup.js +1 -1
- package/dist/components/Command/components/CommandInput.js +1 -1
- package/dist/components/Command/components/CommandItem.js +13 -13
- package/dist/components/Command/components/CommandList.js +1 -1
- package/dist/components/Command/components/CommandSeparator.js +1 -1
- package/dist/components/Command/components/DialogContent.js +1 -1
- package/dist/components/Command/components/DialogOverlay.js +1 -1
- package/dist/components/Datepicker/DatePicker.js +1496 -1577
- package/dist/components/Datepicker/DatePicker.variants.js +1 -1
- package/dist/components/Divider/Divider.variants.js +1 -1
- package/dist/components/Dropdown/Dropdown.js +28 -6
- package/dist/components/Dropdown/Dropdown.variants.js +43 -26
- package/dist/components/Dropdown/components/List/List.variants.js +1 -1
- package/dist/components/Dropdown/components/ListItem/ListItem.variants.js +5 -5
- package/dist/components/Dropdown/components/Wrapper.js +96 -86
- package/dist/components/Dropdown/contexts/dropdown.provider.js +12 -12
- package/dist/components/Dropdown/hooks/useDropdown.js +26 -30
- package/dist/components/Dropdown/hooks/useNavigationList.js +25 -31
- package/dist/components/DropdownButton/DropdownButton.js +135 -0
- package/dist/components/Filter/Filter.variants.js +1 -1
- package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.hook.js +47 -49
- package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js +70 -57
- package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.hook.js +41 -42
- package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.js +68 -55
- package/dist/components/Filter/components/ResetButton/ResetButton.js +22 -16
- package/dist/components/Input/Input.js +116 -109
- package/dist/components/Input/Input.variants.js +18 -5
- package/dist/components/Loading/Loading.js +2 -2
- package/dist/components/Loading/Loading.variants.js +1 -2
- package/dist/components/Modal/Modal.js +2 -2
- package/dist/components/Modal/components/Body/Body.js +1 -1
- package/dist/components/Modal/components/Footer/Footer.js +1 -1
- package/dist/components/Modal/components/Header/Header.js +1 -1
- package/dist/components/Modal/components/Wrapper/Wrapper.js +2 -2
- package/dist/components/Modal/components/Wrapper/Wrapper.variants.js +7 -9
- package/dist/components/Modal/components/index.js +1 -1
- package/dist/components/Modal/hooks/useModal.js +16 -17
- package/dist/components/NumberInput/NumberInput.js +91 -91
- package/dist/components/NumberInput/NumberInput.variants.js +1 -1
- package/dist/components/PieChart/PieChart.js +5138 -0
- package/dist/components/ProgressBar/ProgressBar.js +58 -26
- package/dist/components/ProgressBar/ProgressBar.variants.js +1 -1
- package/dist/components/Radio/Radio.js +64 -48
- package/dist/components/Radio/Radio.variants.js +3 -3
- package/dist/components/RadioCard/RadioCard.js +26 -23
- package/dist/components/RadioCard/RadioCard.variants.js +1 -1
- package/dist/components/RadioCardGroup/RadioCardGroup.js +28 -28
- package/dist/components/RadioCardGroup/RadioCardGroup.variants.js +1 -1
- package/dist/components/RadioGroup/RadioGroup.js +37 -37
- package/dist/components/RadioGroup/RadioGroup.variants.js +1 -1
- package/dist/components/Range/Range.js +1 -1
- package/dist/components/Range/Range.variants.js +2 -3
- package/dist/components/Sidebar/Sidebar.js +4 -3
- package/dist/components/Sidebar/Sidebar.variants.js +1 -1
- package/dist/components/Sidebar/components/Footer/Footer.js +5 -4
- package/dist/components/Sidebar/components/Footer/Footer.variants.js +1 -1
- package/dist/components/Sidebar/components/Logo/Logo.js +6 -5
- package/dist/components/Sidebar/components/Logo/Logo.variants.js +1 -1
- package/dist/components/Sidebar/components/Navigation/Navigation.js +5 -4
- package/dist/components/Sidebar/components/Navigation/Navigation.variants.js +1 -1
- package/dist/components/Sidebar/components/NavigationGroup/NavigationGroup.js +14 -13
- package/dist/components/Sidebar/components/NavigationGroup/NavigationGroup.variants.js +1 -1
- package/dist/components/Sidebar/components/NavigationOption/NavigationOption.js +13 -12
- package/dist/components/Sidebar/components/NavigationOption/NavigationOption.variants.js +1 -1
- package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.js +5 -6
- package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.variants.js +1 -1
- package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.js +9 -8
- package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.variants.js +1 -1
- package/dist/components/Sidebar/components/Wrapper/Wrapper.js +15 -14
- package/dist/components/Slider/Slider.js +1 -1
- package/dist/components/Slider/Slider.variants.js +2 -8
- package/dist/components/Switch/Switch.js +54 -54
- package/dist/components/Switch/Switch.variants.js +2 -3
- package/dist/components/Table/Table.variants.js +1 -1
- package/dist/components/Tabs/Tabs.js +20 -16
- package/dist/components/Tabs/Tabs.variants.js +3 -5
- package/dist/components/Tabs/components/Content.js +10 -13
- package/dist/components/Tabs/components/List.js +9 -8
- package/dist/components/Tabs/components/Trigger.js +12 -16
- package/dist/components/Tabs/components/index.js +8 -0
- package/dist/components/Tag/Tag.js +1 -1
- package/dist/components/Tag/Tag.variants.js +1 -1
- package/dist/components/TagSelect/TagSelect.variants.js +1 -1
- package/dist/components/TagSelect/components/Item/Item.variants.js +1 -1
- package/dist/components/TagSelect/components/List/List.variants.js +1 -1
- package/dist/components/TagSelect/hooks/useTagSelect.js +14 -16
- package/dist/components/TextArea/TextArea.variants.js +4 -5
- package/dist/components/TimePicker/TimePicker.variants.js +6 -7
- package/dist/components/TimePicker/components/HoursList/HoursList.js +21 -26
- package/dist/components/TimePicker/components/MeridianList/MeridianList.js +19 -20
- package/dist/components/TimePicker/components/MinutesList/MinutesList.js +24 -25
- package/dist/components/TimePicker/components/Wrapper/Wrapper.js +33 -34
- package/dist/components/TimePicker/components/WrapperList/WrapperList.variants.js +1 -1
- package/dist/components/Toast/Toast.js +223 -232
- package/dist/components/Toast/Toast.variants.js +8 -11
- package/dist/components/Tooltip/Tooltip.js +1 -1
- package/dist/components/Tooltip/Tooltip.variants.js +7 -14
- package/dist/components/Tooltip/hooks/useTooltip.js +8 -9
- package/dist/components/Typography/Typography.js +26 -31
- package/dist/components/Typography/Typography.variants.js +1 -1
- package/dist/components/index.js +78 -66
- package/dist/contexts/theme.provider.js +28 -29
- package/dist/{createLucideIcon-ByJ0JZvK.js → createLucideIcon-BpsAkT97.js} +4 -4
- package/dist/index-0ioNhtNM.js +10 -0
- package/dist/{index-CvfCCTEO.js → index-BAraV3ai.js} +7 -7
- package/dist/index-BXuxPoz7.js +435 -0
- package/dist/index-BfXxHr_2.js +125 -0
- package/dist/index-C1g_chDT.js +70 -0
- package/dist/{index-BCGvACM9.js → index-C9T9HQaa.js} +1 -1
- package/dist/{index-Bc1LNrRD.js → index-CZnD2QxM.js} +1 -1
- package/dist/index-CrBonFvu.js +144 -0
- package/dist/{index-rUBNhTeF.js → index-Cvx4lqTq.js} +2 -2
- package/dist/{index-BNmRGtA6.js → index-D29mdTf5.js} +3 -3
- package/dist/{index-Dkt8F6CZ.js → index-D3xzCzcO.js} +12 -12
- package/dist/index-DB2XhXHn.js +431 -0
- package/dist/{index-B5MIi2tR.js → index-DQH6odE9.js} +2 -3
- package/dist/index-Oq5GlCHP.js +131 -0
- package/dist/{index-Cs8Lv8Wj.js → index-bwWKd82e.js} +1 -1
- package/dist/{index--EmNlyHx.js → index-iXyXtdgP.js} +1 -1
- package/dist/index.d.ts +159 -9
- package/dist/index.js +88 -76
- package/dist/package.json +41 -37
- package/dist/styles.css +1 -1
- package/dist/ui/civo-theme.css +261 -241
- package/dist/ui/kubefirst-theme.css +4 -4
- package/dist/ui/theme.css +0 -2
- package/dist/{useBreadcrumb-DMERrNkJ.js → useBreadcrumb-B8DnuqkR.js} +254 -261
- package/dist/utils/index.js +25 -26
- package/package.json +41 -37
- package/dist/index-BNU3RH-3.js +0 -133
- package/dist/index-BvCZBMfr.js +0 -432
- package/dist/index-Cq1I1cG9.js +0 -129
- package/dist/index-DLYwlPRZ.js +0 -440
- package/dist/index-DNRcvRTB.js +0 -145
- package/dist/index-Dm-ooN_M.js +0 -71
- package/dist/index-DwYXX2sM.js +0 -13
|
@@ -1,77 +1,90 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { Badge as
|
|
3
|
-
import { Button as
|
|
1
|
+
import { jsxs as a, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { Badge as g } from "../../../Badge/Badge.js";
|
|
3
|
+
import { Button as i } from "../../../Button/Button.js";
|
|
4
4
|
import { DatePicker as w } from "../../../Datepicker/DatePicker.js";
|
|
5
|
-
import { cn as
|
|
6
|
-
import { filterButtonIconVariants as x, filterButtonVariants as
|
|
7
|
-
import { useDateFilterDropdown as
|
|
8
|
-
import { C as
|
|
9
|
-
const
|
|
10
|
-
label:
|
|
5
|
+
import { cn as o } from "../../../../utils/index.js";
|
|
6
|
+
import { filterButtonIconVariants as x, filterButtonVariants as y } from "../../Filter.variants.js";
|
|
7
|
+
import { useDateFilterDropdown as D } from "./DateFilterDropdown.hook.js";
|
|
8
|
+
import { C as N } from "../../../../chevron-down-CVce9Mvh.js";
|
|
9
|
+
const R = ({
|
|
10
|
+
label: s,
|
|
11
|
+
position: l = "left",
|
|
11
12
|
onApply: p
|
|
12
13
|
}) => {
|
|
13
14
|
const {
|
|
14
|
-
id:
|
|
15
|
-
appliedDay:
|
|
16
|
-
isOpen:
|
|
17
|
-
selectedDay:
|
|
18
|
-
wrapperRef:
|
|
19
|
-
handleApply:
|
|
20
|
-
handleOpen:
|
|
21
|
-
handleSelect:
|
|
22
|
-
handleReset:
|
|
23
|
-
} =
|
|
24
|
-
return /* @__PURE__ */
|
|
25
|
-
/* @__PURE__ */
|
|
15
|
+
id: c,
|
|
16
|
+
appliedDay: n,
|
|
17
|
+
isOpen: t,
|
|
18
|
+
selectedDay: r,
|
|
19
|
+
wrapperRef: d,
|
|
20
|
+
handleApply: m,
|
|
21
|
+
handleOpen: f,
|
|
22
|
+
handleSelect: h,
|
|
23
|
+
handleReset: u
|
|
24
|
+
} = D({ onApply: p });
|
|
25
|
+
return /* @__PURE__ */ a("div", { ref: d, className: "relative", children: [
|
|
26
|
+
/* @__PURE__ */ a(
|
|
26
27
|
"button",
|
|
27
28
|
{
|
|
28
|
-
className:
|
|
29
|
-
"text-slate-700":
|
|
29
|
+
className: o(y(), {
|
|
30
|
+
"text-slate-700": t
|
|
30
31
|
}),
|
|
31
|
-
onClick:
|
|
32
|
+
onClick: f,
|
|
32
33
|
children: [
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
/* @__PURE__ */
|
|
36
|
-
|
|
34
|
+
s,
|
|
35
|
+
n && /* @__PURE__ */ e(g, { label: n }),
|
|
36
|
+
/* @__PURE__ */ e(
|
|
37
|
+
N,
|
|
37
38
|
{
|
|
38
|
-
className:
|
|
39
|
-
"rotate-180":
|
|
40
|
-
"text-blue-600":
|
|
39
|
+
className: o(x(), {
|
|
40
|
+
"rotate-180": t,
|
|
41
|
+
"text-blue-600": t
|
|
41
42
|
})
|
|
42
43
|
}
|
|
43
44
|
)
|
|
44
45
|
]
|
|
45
46
|
}
|
|
46
47
|
),
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
arrowClassName: "-top-1 right-0",
|
|
53
|
-
monthsClassName: "shadow-none p-0 w-auto",
|
|
54
|
-
defaultSelected: e,
|
|
55
|
-
defaultMonth: e,
|
|
56
|
-
onSelect: f
|
|
57
|
-
},
|
|
58
|
-
(e == null ? void 0 : e.toISOString()) ?? s
|
|
59
|
-
),
|
|
60
|
-
/* @__PURE__ */ r("div", { className: "flex justify-end items-center gap-4 py-2", children: [
|
|
61
|
-
/* @__PURE__ */ t(
|
|
62
|
-
n,
|
|
48
|
+
t && /* @__PURE__ */ a(
|
|
49
|
+
"div",
|
|
50
|
+
{
|
|
51
|
+
className: o(
|
|
52
|
+
"absolute top-full mt-1 bg-white rounded-md shadow-md animate-in fade-in-0 z-10 border border-gray-200 flex flex-col gap-4 py-4 px-6",
|
|
63
53
|
{
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
onClick: h,
|
|
67
|
-
children: "Reset"
|
|
54
|
+
"left-0": l === "left",
|
|
55
|
+
"right-0": l === "right"
|
|
68
56
|
}
|
|
69
57
|
),
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
58
|
+
children: [
|
|
59
|
+
/* @__PURE__ */ e(
|
|
60
|
+
w,
|
|
61
|
+
{
|
|
62
|
+
className: "p-0",
|
|
63
|
+
arrowClassName: "-top-1 right-0",
|
|
64
|
+
monthsClassName: "shadow-none p-0 w-auto",
|
|
65
|
+
defaultSelected: r,
|
|
66
|
+
defaultMonth: r,
|
|
67
|
+
onSelect: h
|
|
68
|
+
},
|
|
69
|
+
r?.toISOString() ?? c
|
|
70
|
+
),
|
|
71
|
+
/* @__PURE__ */ a("div", { className: "flex justify-end items-center gap-4 py-2", children: [
|
|
72
|
+
/* @__PURE__ */ e(
|
|
73
|
+
i,
|
|
74
|
+
{
|
|
75
|
+
variant: "secondary",
|
|
76
|
+
appearance: "compact",
|
|
77
|
+
onClick: u,
|
|
78
|
+
children: "Reset"
|
|
79
|
+
}
|
|
80
|
+
),
|
|
81
|
+
/* @__PURE__ */ e(i, { appearance: "compact", onClick: m, children: "Apply" })
|
|
82
|
+
] })
|
|
83
|
+
]
|
|
84
|
+
}
|
|
85
|
+
)
|
|
73
86
|
] });
|
|
74
87
|
};
|
|
75
88
|
export {
|
|
76
|
-
|
|
89
|
+
R as DateFilterDropdown
|
|
77
90
|
};
|
|
@@ -1,18 +1,24 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
{
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { useCallback as n } from "react";
|
|
3
|
+
import { Button as a } from "../../../Button/Button.js";
|
|
4
|
+
import { resetEvent as m } from "../../events/index.js";
|
|
5
|
+
const l = ({ disabled: e, onClick: t }) => {
|
|
6
|
+
const r = n(() => {
|
|
7
|
+
m(), t?.();
|
|
8
|
+
}, [t]);
|
|
9
|
+
return /* @__PURE__ */ o(
|
|
10
|
+
a,
|
|
11
|
+
{
|
|
12
|
+
type: "button",
|
|
13
|
+
variant: "text",
|
|
14
|
+
appearance: "compact",
|
|
15
|
+
version: "alternate",
|
|
16
|
+
onClick: r,
|
|
17
|
+
disabled: e,
|
|
18
|
+
children: "Reset"
|
|
19
|
+
}
|
|
20
|
+
);
|
|
21
|
+
};
|
|
16
22
|
export {
|
|
17
|
-
|
|
23
|
+
l as ResetButton
|
|
18
24
|
};
|
|
@@ -1,190 +1,197 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import
|
|
1
|
+
import { jsxs as m, jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import l, { forwardRef as g, useId as z, useRef as _, useState as I } from "react";
|
|
3
3
|
import { cn as d } from "../../utils/index.js";
|
|
4
|
-
import { inputVariants as
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
4
|
+
import { inputVariants as W } from "./Input.variants.js";
|
|
5
|
+
import { SearchIcon as $ } from "../../assets/icons/components/Search.js";
|
|
6
|
+
import { Warning as L } from "../../assets/icons/components/Warning.js";
|
|
7
|
+
import { P as i } from "../../index-h-Ul0anl.js";
|
|
8
|
+
function h() {
|
|
9
|
+
return h = Object.assign || function(t) {
|
|
10
|
+
for (var n = 1; n < arguments.length; n++) {
|
|
11
|
+
var o = arguments[n];
|
|
12
|
+
for (var e in o)
|
|
13
|
+
Object.prototype.hasOwnProperty.call(o, e) && (t[e] = o[e]);
|
|
12
14
|
}
|
|
13
|
-
return
|
|
14
|
-
},
|
|
15
|
+
return t;
|
|
16
|
+
}, h.apply(this, arguments);
|
|
15
17
|
}
|
|
16
|
-
function
|
|
17
|
-
if (
|
|
18
|
-
var o =
|
|
18
|
+
function T(t, n) {
|
|
19
|
+
if (t == null) return {};
|
|
20
|
+
var o = S(t, n), e, r;
|
|
19
21
|
if (Object.getOwnPropertySymbols) {
|
|
20
|
-
var
|
|
21
|
-
for (
|
|
22
|
-
|
|
22
|
+
var a = Object.getOwnPropertySymbols(t);
|
|
23
|
+
for (r = 0; r < a.length; r++)
|
|
24
|
+
e = a[r], !(n.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(t, e) && (o[e] = t[e]);
|
|
23
25
|
}
|
|
24
26
|
return o;
|
|
25
27
|
}
|
|
26
|
-
function
|
|
27
|
-
if (
|
|
28
|
-
var o = {},
|
|
29
|
-
for (
|
|
30
|
-
|
|
28
|
+
function S(t, n) {
|
|
29
|
+
if (t == null) return {};
|
|
30
|
+
var o = {}, e = Object.keys(t), r, a;
|
|
31
|
+
for (a = 0; a < e.length; a++)
|
|
32
|
+
r = e[a], !(n.indexOf(r) >= 0) && (o[r] = t[r]);
|
|
31
33
|
return o;
|
|
32
34
|
}
|
|
33
|
-
var
|
|
34
|
-
var o =
|
|
35
|
-
return /* @__PURE__ */
|
|
36
|
-
ref:
|
|
35
|
+
var x = g(function(t, n) {
|
|
36
|
+
var o = t.color, e = o === void 0 ? "currentColor" : o, r = t.size, a = r === void 0 ? 24 : r, c = T(t, ["color", "size"]);
|
|
37
|
+
return /* @__PURE__ */ l.createElement("svg", h({
|
|
38
|
+
ref: n,
|
|
37
39
|
xmlns: "http://www.w3.org/2000/svg",
|
|
38
|
-
width:
|
|
39
|
-
height:
|
|
40
|
+
width: a,
|
|
41
|
+
height: a,
|
|
40
42
|
viewBox: "0 0 24 24",
|
|
41
43
|
fill: "none",
|
|
42
|
-
stroke:
|
|
44
|
+
stroke: e,
|
|
43
45
|
strokeWidth: "2",
|
|
44
46
|
strokeLinecap: "round",
|
|
45
47
|
strokeLinejoin: "round"
|
|
46
|
-
}, c), /* @__PURE__ */
|
|
48
|
+
}, c), /* @__PURE__ */ l.createElement("path", {
|
|
47
49
|
d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"
|
|
48
|
-
}), /* @__PURE__ */
|
|
50
|
+
}), /* @__PURE__ */ l.createElement("line", {
|
|
49
51
|
x1: "1",
|
|
50
52
|
y1: "1",
|
|
51
53
|
x2: "23",
|
|
52
54
|
y2: "23"
|
|
53
55
|
}));
|
|
54
56
|
});
|
|
55
|
-
|
|
56
|
-
color:
|
|
57
|
-
size:
|
|
57
|
+
x.propTypes = {
|
|
58
|
+
color: i.string,
|
|
59
|
+
size: i.oneOfType([i.string, i.number])
|
|
58
60
|
};
|
|
59
|
-
|
|
60
|
-
function
|
|
61
|
-
return
|
|
62
|
-
for (var
|
|
63
|
-
var o = arguments[
|
|
64
|
-
for (var
|
|
65
|
-
Object.prototype.hasOwnProperty.call(o,
|
|
61
|
+
x.displayName = "EyeOff";
|
|
62
|
+
function v() {
|
|
63
|
+
return v = Object.assign || function(t) {
|
|
64
|
+
for (var n = 1; n < arguments.length; n++) {
|
|
65
|
+
var o = arguments[n];
|
|
66
|
+
for (var e in o)
|
|
67
|
+
Object.prototype.hasOwnProperty.call(o, e) && (t[e] = o[e]);
|
|
66
68
|
}
|
|
67
|
-
return
|
|
68
|
-
},
|
|
69
|
+
return t;
|
|
70
|
+
}, v.apply(this, arguments);
|
|
69
71
|
}
|
|
70
|
-
function
|
|
71
|
-
if (
|
|
72
|
-
var o = M(
|
|
72
|
+
function C(t, n) {
|
|
73
|
+
if (t == null) return {};
|
|
74
|
+
var o = M(t, n), e, r;
|
|
73
75
|
if (Object.getOwnPropertySymbols) {
|
|
74
|
-
var
|
|
75
|
-
for (
|
|
76
|
-
|
|
76
|
+
var a = Object.getOwnPropertySymbols(t);
|
|
77
|
+
for (r = 0; r < a.length; r++)
|
|
78
|
+
e = a[r], !(n.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(t, e) && (o[e] = t[e]);
|
|
77
79
|
}
|
|
78
80
|
return o;
|
|
79
81
|
}
|
|
80
|
-
function M(
|
|
81
|
-
if (
|
|
82
|
-
var o = {},
|
|
83
|
-
for (
|
|
84
|
-
|
|
82
|
+
function M(t, n) {
|
|
83
|
+
if (t == null) return {};
|
|
84
|
+
var o = {}, e = Object.keys(t), r, a;
|
|
85
|
+
for (a = 0; a < e.length; a++)
|
|
86
|
+
r = e[a], !(n.indexOf(r) >= 0) && (o[r] = t[r]);
|
|
85
87
|
return o;
|
|
86
88
|
}
|
|
87
|
-
var
|
|
88
|
-
var o =
|
|
89
|
-
return /* @__PURE__ */
|
|
90
|
-
ref:
|
|
89
|
+
var y = g(function(t, n) {
|
|
90
|
+
var o = t.color, e = o === void 0 ? "currentColor" : o, r = t.size, a = r === void 0 ? 24 : r, c = C(t, ["color", "size"]);
|
|
91
|
+
return /* @__PURE__ */ l.createElement("svg", v({
|
|
92
|
+
ref: n,
|
|
91
93
|
xmlns: "http://www.w3.org/2000/svg",
|
|
92
|
-
width:
|
|
93
|
-
height:
|
|
94
|
+
width: a,
|
|
95
|
+
height: a,
|
|
94
96
|
viewBox: "0 0 24 24",
|
|
95
97
|
fill: "none",
|
|
96
|
-
stroke:
|
|
98
|
+
stroke: e,
|
|
97
99
|
strokeWidth: "2",
|
|
98
100
|
strokeLinecap: "round",
|
|
99
101
|
strokeLinejoin: "round"
|
|
100
|
-
}, c), /* @__PURE__ */
|
|
102
|
+
}, c), /* @__PURE__ */ l.createElement("path", {
|
|
101
103
|
d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"
|
|
102
|
-
}), /* @__PURE__ */
|
|
104
|
+
}), /* @__PURE__ */ l.createElement("circle", {
|
|
103
105
|
cx: "12",
|
|
104
106
|
cy: "12",
|
|
105
107
|
r: "3"
|
|
106
108
|
}));
|
|
107
109
|
});
|
|
108
|
-
|
|
109
|
-
color:
|
|
110
|
-
size:
|
|
110
|
+
y.propTypes = {
|
|
111
|
+
color: i.string,
|
|
112
|
+
size: i.oneOfType([i.string, i.number])
|
|
111
113
|
};
|
|
112
|
-
|
|
113
|
-
const
|
|
114
|
+
y.displayName = "Eye";
|
|
115
|
+
const R = g(
|
|
114
116
|
({
|
|
115
|
-
className:
|
|
116
|
-
error:
|
|
117
|
+
className: t,
|
|
118
|
+
error: n,
|
|
117
119
|
isRequired: o = !1,
|
|
118
|
-
isSearch:
|
|
119
|
-
label:
|
|
120
|
-
labelClassName:
|
|
120
|
+
isSearch: e = !1,
|
|
121
|
+
label: r,
|
|
122
|
+
labelClassName: a,
|
|
121
123
|
name: c,
|
|
122
|
-
theme:
|
|
123
|
-
type:
|
|
124
|
-
helperText:
|
|
125
|
-
...
|
|
126
|
-
},
|
|
127
|
-
const
|
|
128
|
-
return /* @__PURE__ */
|
|
129
|
-
|
|
124
|
+
theme: O,
|
|
125
|
+
type: f = "text",
|
|
126
|
+
helperText: w,
|
|
127
|
+
...j
|
|
128
|
+
}, k) => {
|
|
129
|
+
const b = z(), N = _(f === "password"), [u, P] = I(() => f !== "password"), p = typeof n == "string" && n.length >= 0, E = u ? y : x;
|
|
130
|
+
return /* @__PURE__ */ m("div", { className: "flex flex-col gap-2 w-full relative", "data-theme": O, children: [
|
|
131
|
+
r ? /* @__PURE__ */ m(
|
|
130
132
|
"label",
|
|
131
133
|
{
|
|
132
|
-
htmlFor:
|
|
134
|
+
htmlFor: b,
|
|
133
135
|
className: d(
|
|
134
|
-
"cursor-pointer text-slate-500 flex gap-1 text-sm font-medium",
|
|
135
|
-
|
|
136
|
+
"cursor-pointer text-slate-500 flex gap-1 text-sm font-medium civo-dark:text-slate-50 kubefirst-dark:text-slate-50",
|
|
137
|
+
a
|
|
136
138
|
),
|
|
137
139
|
children: [
|
|
138
|
-
|
|
140
|
+
r,
|
|
139
141
|
" ",
|
|
140
|
-
o
|
|
142
|
+
o && /* @__PURE__ */ s("span", { className: "text-red-600 text-xs mt-0.5", children: "*" })
|
|
141
143
|
]
|
|
142
144
|
}
|
|
143
145
|
) : null,
|
|
144
|
-
/* @__PURE__ */
|
|
145
|
-
|
|
146
|
+
/* @__PURE__ */ m("div", { className: "relative", children: [
|
|
147
|
+
e ? /* @__PURE__ */ s(
|
|
146
148
|
"i",
|
|
147
149
|
{
|
|
148
150
|
className: d(
|
|
149
151
|
"absolute left-2.5 top-1/2 -translate-y-[50%] text-slate-400",
|
|
150
|
-
|
|
152
|
+
{
|
|
153
|
+
"text-red-700": p
|
|
154
|
+
}
|
|
151
155
|
),
|
|
152
|
-
children: /* @__PURE__ */
|
|
156
|
+
children: /* @__PURE__ */ s($, { className: "w-5 h-5" })
|
|
153
157
|
}
|
|
154
158
|
) : null,
|
|
155
|
-
/* @__PURE__ */
|
|
159
|
+
/* @__PURE__ */ s(
|
|
156
160
|
"input",
|
|
157
161
|
{
|
|
158
|
-
id:
|
|
159
|
-
ref:
|
|
162
|
+
id: r ? b : void 0,
|
|
163
|
+
ref: k,
|
|
160
164
|
name: c,
|
|
161
|
-
type: u ?
|
|
165
|
+
type: u ? N.current ? "text" : f : "password",
|
|
166
|
+
"data-error": p,
|
|
162
167
|
className: d(
|
|
163
|
-
|
|
164
|
-
className:
|
|
165
|
-
variant:
|
|
168
|
+
W({
|
|
169
|
+
className: t,
|
|
170
|
+
variant: p ? "error" : "default"
|
|
166
171
|
}),
|
|
167
|
-
|
|
168
|
-
|
|
172
|
+
{
|
|
173
|
+
"pr-10": f === "password" || p,
|
|
174
|
+
"pl-8": e
|
|
175
|
+
}
|
|
169
176
|
),
|
|
170
|
-
...
|
|
177
|
+
...j
|
|
171
178
|
}
|
|
172
179
|
),
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
180
|
+
p ? /* @__PURE__ */ s("i", { className: "absolute right-3 text-red-700 top-1/2 -translate-y-[50%]", children: /* @__PURE__ */ s(L, { className: "w-5 h-5" }) }) : null,
|
|
181
|
+
f === "password" && !n ? /* @__PURE__ */ s("i", { className: "absolute right-3 text-slate-400 top-1/2 -translate-y-[50%]", children: /* @__PURE__ */ s(
|
|
182
|
+
E,
|
|
176
183
|
{
|
|
177
184
|
className: "w-5 h-5 cursor-pointer",
|
|
178
|
-
onClick: () =>
|
|
185
|
+
onClick: () => P(!u)
|
|
179
186
|
}
|
|
180
187
|
) }) : null
|
|
181
188
|
] }),
|
|
182
|
-
|
|
183
|
-
!
|
|
189
|
+
n ? /* @__PURE__ */ s("span", { className: "text-xs text-red-700", children: n }) : null,
|
|
190
|
+
!n && w ? /* @__PURE__ */ s("span", { className: "text-xs text-slate-600 civo-dark:text-slate-200 kubefirst-dark:text-slate-200", children: w }) : null
|
|
184
191
|
] });
|
|
185
192
|
}
|
|
186
193
|
);
|
|
187
|
-
|
|
194
|
+
R.displayName = "KonstructInput";
|
|
188
195
|
export {
|
|
189
|
-
|
|
196
|
+
R as Input
|
|
190
197
|
};
|
|
@@ -1,17 +1,15 @@
|
|
|
1
|
-
import { c as r } from "../../index-
|
|
1
|
+
import { c as r } from "../../index-D29mdTf5.js";
|
|
2
2
|
const a = r(
|
|
3
3
|
[
|
|
4
4
|
"bg-white",
|
|
5
5
|
"border-gray-300",
|
|
6
6
|
"border",
|
|
7
|
-
"civo:focus:ring-civo-primary",
|
|
8
7
|
"disabled:bg-gray-50",
|
|
9
8
|
"disabled:cursor-not-allowed",
|
|
10
9
|
"disabled:text-slate-500",
|
|
11
10
|
"flex",
|
|
12
11
|
"focus-visible:outline-none",
|
|
13
12
|
"focus-visible:ring-1",
|
|
14
|
-
"focus:ring-kubefirst-primary",
|
|
15
13
|
"h-10",
|
|
16
14
|
"placeholder:text-slate-400",
|
|
17
15
|
"px-2.5",
|
|
@@ -20,13 +18,28 @@ const a = r(
|
|
|
20
18
|
"text-slate-800",
|
|
21
19
|
"text-sm",
|
|
22
20
|
"w-full",
|
|
23
|
-
"transition-all"
|
|
21
|
+
"transition-all",
|
|
22
|
+
"data-[error=false]:civo-dark:focus:ring-aurora-500",
|
|
23
|
+
"data-[error=false]:civo:focus:ring-aurora-500",
|
|
24
|
+
"data-[error=false]:focus:ring-kubefirst-primary",
|
|
25
|
+
"civo-dark:bg-slate-800",
|
|
26
|
+
"civo-dark:border-slate-600",
|
|
27
|
+
"civo-dark:disabled:bg-slate-900",
|
|
28
|
+
"civo-dark:disabled:text-slate-400",
|
|
29
|
+
"civo-dark:text-slate-50",
|
|
30
|
+
"civo-dark:text-white",
|
|
31
|
+
"kubefirst-dark:bg-slate-800",
|
|
32
|
+
"kubefirst-dark:border-slate-600",
|
|
33
|
+
"kubefirst-dark:disabled:bg-slate-900",
|
|
34
|
+
"kubefirst-dark:disabled:text-slate-400",
|
|
35
|
+
"kubefirst-dark:text-slate-50",
|
|
36
|
+
"kubefirst-dark:text-white"
|
|
24
37
|
],
|
|
25
38
|
{
|
|
26
39
|
variants: {
|
|
27
40
|
variant: {
|
|
28
41
|
default: "",
|
|
29
|
-
error: "border-red-600 pr-8 focus-visible:ring-transparent"
|
|
42
|
+
error: "border-red-600 kubefirst-dark:border-red-500 civo-dark:border-red-500 pr-8 focus-visible:ring-transparent"
|
|
30
43
|
}
|
|
31
44
|
},
|
|
32
45
|
defaultVariants: {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { cn as c } from "../../utils/index.js";
|
|
3
3
|
import { loadingVariants as i } from "./Loading.variants.js";
|
|
4
|
-
import { c as t } from "../../createLucideIcon-
|
|
4
|
+
import { c as t } from "../../createLucideIcon-BpsAkT97.js";
|
|
5
5
|
/**
|
|
6
|
-
* @license lucide-react v0.
|
|
6
|
+
* @license lucide-react v0.542.0 - ISC
|
|
7
7
|
*
|
|
8
8
|
* This source code is licensed under the ISC license.
|
|
9
9
|
* See the LICENSE file in the root directory of this source tree.
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { c as t } from "../../index-
|
|
1
|
+
import { c as t } from "../../index-D29mdTf5.js";
|
|
2
2
|
const r = t([
|
|
3
3
|
"h-8",
|
|
4
4
|
"w-8",
|
|
5
5
|
"animate-spin",
|
|
6
6
|
"text-inherit",
|
|
7
7
|
"text-kubefirst-primary",
|
|
8
|
-
"colony:text-colony-primary",
|
|
9
8
|
"civo:text-civo-primary"
|
|
10
9
|
]);
|
|
11
10
|
export {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import "../../index-
|
|
4
|
-
import { M as d } from "../../Modal-
|
|
3
|
+
import "../../index-C9T9HQaa.js";
|
|
4
|
+
import { M as d } from "../../Modal-0oht63vU.js";
|
|
5
5
|
import "./components/Header/Header.js";
|
|
6
6
|
import "./components/Body/Body.js";
|
|
7
7
|
import "./components/Footer/Footer.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { S as n } from "../../../../index-
|
|
2
|
+
import { S as n } from "../../../../index-DQH6odE9.js";
|
|
3
3
|
import { cn as e } from "../../../../utils/index.js";
|
|
4
4
|
const i = ({ children: o, asChild: t, className: m }) => /* @__PURE__ */ r(t ? n : "div", { className: e("flex-1", m), children: o });
|
|
5
5
|
export {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
-
import { S as n } from "../../../../index-
|
|
2
|
+
import { S as n } from "../../../../index-DQH6odE9.js";
|
|
3
3
|
import { cn as e } from "../../../../utils/index.js";
|
|
4
4
|
const a = ({ children: o, asChild: r, className: t }) => /* @__PURE__ */ m(r ? n : "div", { className: e("border-zinc-200", t), children: o });
|
|
5
5
|
export {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
-
import { S as n } from "../../../../index-
|
|
2
|
+
import { S as n } from "../../../../index-DQH6odE9.js";
|
|
3
3
|
import { cn as e } from "../../../../utils/index.js";
|
|
4
4
|
const a = ({ children: o, asChild: r, className: t }) => /* @__PURE__ */ m(r ? n : "div", { className: e("border-zinc-200", t), children: o });
|
|
5
5
|
export {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
|
-
import "../../../../index
|
|
2
|
+
import "../../../../index-iXyXtdgP.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "../../../../Combination-VYaRRJBZ.js";
|
|
5
|
-
import { W as f } from "../../../../Modal-
|
|
5
|
+
import { W as f } from "../../../../Modal-0oht63vU.js";
|
|
6
6
|
import "../../../../utils/index.js";
|
|
7
7
|
import "./Wrapper.variants.js";
|
|
8
8
|
import "../../../../x-BPcqkRZd.js";
|