@konstructio/ui 0.1.1-alpha.6 → 0.1.2-alpha.10
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/{Modal-V67Uz78z.js → Modal-B8jrP02v.js} +20 -20
- package/dist/_commonjsHelpers-DaMA6jEr.js +8 -0
- package/dist/{chevron-down-CVce9Mvh.js → chevron-down-MZvQoT2F.js} +2 -2
- package/dist/chevron-right-VYBOBhRt.js +19 -0
- package/dist/components/Alert/Alert.js +2 -2
- 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/Autocomplete/Autocomplete.js +46 -54
- package/dist/components/Autocomplete/Autocomplete.variants.js +29 -48
- package/dist/components/Autocomplete/components/List/List.js +37 -47
- package/dist/components/Autocomplete/components/List/List.variants.js +34 -69
- package/dist/components/Badge/Badge.js +2 -2
- package/dist/components/Breadcrumb/Breadcrumb.js +1 -1
- package/dist/components/Breadcrumb/components/Item/Item.js +24 -23
- package/dist/components/Button/Button.variants.js +110 -134
- package/dist/components/Checkbox/Checkbox.js +5 -4
- package/dist/components/Checkbox/Checkbox.variants.js +9 -8
- package/dist/components/Command/Command.js +2 -2
- 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 +2 -2
- package/dist/components/Command/components/CommandItem.js +1 -1
- 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 +2 -2
- package/dist/components/Command/components/DialogOverlay.js +1 -1
- package/dist/components/Datepicker/DatePicker.js +949 -898
- package/dist/components/Dropdown/Dropdown.js +36 -24
- package/dist/components/Dropdown/Dropdown.variants.js +32 -14
- package/dist/components/Dropdown/components/List/List.js +59 -44
- package/dist/components/Dropdown/components/List/List.variants.js +9 -7
- package/dist/components/Dropdown/components/ListItem/ListItem.js +48 -24
- package/dist/components/Dropdown/components/ListItem/ListItem.variants.js +9 -7
- package/dist/components/Dropdown/components/Wrapper.js +141 -106
- package/dist/components/Dropdown/contexts/dropdown.context.js +9 -8
- package/dist/components/Dropdown/contexts/dropdown.provider.js +20 -19
- package/dist/components/Dropdown/hooks/useDropdown.js +26 -27
- package/dist/components/Dropdown/hooks/useNavigationList.js +32 -28
- package/dist/components/DropdownButton/DropdownButton.js +1 -1
- package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js +1 -1
- package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.js +1 -1
- package/dist/components/Filter/components/ResetButton/ResetButton.js +16 -11
- package/dist/components/Input/Input.js +48 -48
- package/dist/components/Input/Input.variants.js +10 -10
- package/dist/components/Loading/Loading.js +2 -2
- package/dist/components/Loading/Loading.variants.js +4 -4
- package/dist/components/Modal/Modal.js +2 -2
- package/dist/components/Modal/components/Wrapper/Wrapper.js +3 -3
- package/dist/components/Modal/components/index.js +1 -1
- package/dist/components/NumberInput/NumberInput.js +2 -2
- package/dist/components/PieChart/PieChart.js +217 -215
- package/dist/components/Radio/Radio.variants.js +4 -4
- package/dist/components/Range/Range.js +1 -1
- package/dist/components/Sidebar/components/Wrapper/Wrapper.js +29 -28
- package/dist/components/Slider/Slider.js +1 -1
- package/dist/components/Switch/Switch.js +94 -89
- package/dist/components/Switch/Switch.variants.js +16 -12
- package/dist/components/Tabs/Tabs.js +1 -1
- package/dist/components/Tabs/Tabs.variants.js +45 -24
- package/dist/components/Tabs/components/Content.js +1 -1
- package/dist/components/Tabs/components/List.js +1 -1
- package/dist/components/Tabs/components/Trigger.js +9 -8
- package/dist/components/TagSelect/components/Wrapper/Wrapper.js +98 -49
- package/dist/components/TimePicker/components/Wrapper/Wrapper.js +1 -1
- package/dist/components/Toast/Toast.js +57 -55
- package/dist/components/VirtualizedTable/VirtualizedTable.js +117 -0
- package/dist/components/VirtualizedTable/VirtualizedTable.variants.js +5 -0
- package/dist/components/VirtualizedTable/assets/chevron-down.js +25 -0
- package/dist/components/VirtualizedTable/assets/chevron-up.js +25 -0
- package/dist/components/VirtualizedTable/assets/index.js +6 -0
- package/dist/components/VirtualizedTable/components/Actions/Actions.js +46 -0
- package/dist/components/VirtualizedTable/components/Body/Body.js +25 -0
- package/dist/components/VirtualizedTable/components/DotPaginate/DotPaginate.js +165 -0
- package/dist/components/VirtualizedTable/components/DropdownPaginate/DropdownPaginate.js +34 -0
- package/dist/components/VirtualizedTable/components/Filter/Filter.js +86 -0
- package/dist/components/VirtualizedTable/components/FormPaginate/FormPaginate.js +48 -0
- package/dist/components/VirtualizedTable/components/Header/Header.js +82 -0
- package/dist/components/VirtualizedTable/components/Pagination/Pagination.js +45 -0
- package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.js +1871 -0
- package/dist/components/VirtualizedTable/components/index.js +14 -0
- package/dist/components/VirtualizedTable/constants/index.js +5 -0
- package/dist/components/VirtualizedTable/constants/pagination.js +5 -0
- package/dist/components/VirtualizedTable/contexts/index.js +8 -0
- package/dist/components/VirtualizedTable/contexts/table.context.js +31 -0
- package/dist/components/VirtualizedTable/contexts/table.hook.js +11 -0
- package/dist/components/VirtualizedTable/contexts/table.provider.js +82 -0
- package/dist/components/index.js +44 -40
- package/dist/{createLucideIcon-BpsAkT97.js → createLucideIcon-D2CN7Ma9.js} +4 -4
- package/dist/debounce-BFejQm9P.js +200 -0
- package/dist/{index-D3xzCzcO.js → index-0XtjXVpJ.js} +2 -2
- package/dist/index-BAEWsOG1.js +27 -0
- package/dist/index-BVRIAMfe.js +36 -0
- package/dist/index-BZPx6jYI.js +8 -0
- package/dist/{index-Oq5GlCHP.js → index-Bn4c-gww.js} +1 -1
- package/dist/index-CffpTFMi.js +137 -0
- package/dist/{index-BAraV3ai.js → index-DQJhMz8c.js} +1 -1
- package/dist/index-DdXGVVBv.js +15 -0
- package/dist/index-Dx2grAuN.js +1742 -0
- package/dist/{index-h-Ul0anl.js → index-N2OStZoU.js} +1 -1
- package/dist/{index-BXuxPoz7.js → index-amYX3uxF.js} +18 -17
- package/dist/{index-DB2XhXHn.js → index-l3NwplN0.js} +11 -10
- package/dist/{index-iXyXtdgP.js → index-sp5ZfG6g.js} +1 -1
- package/dist/index.d.ts +112 -10
- package/dist/index.js +41 -37
- package/dist/package.json +31 -23
- package/dist/styles.css +1 -1
- package/dist/ui/civo-theme.css +204 -189
- package/dist/ui/kubefirst-theme.css +3 -1
- package/dist/ui/theme.css +2 -2
- package/dist/{x-BPcqkRZd.js → x-4F_5p77m.js} +1 -1
- package/package.json +31 -23
- package/dist/_commonjsHelpers-C6fGbg64.js +0 -6
- package/dist/chevron-up-RLP4nX7V.js +0 -54
- package/dist/index-C9T9HQaa.js +0 -423
- package/dist/index-CZnD2QxM.js +0 -32
- package/dist/index-CrBonFvu.js +0 -144
|
@@ -1,44 +1,44 @@
|
|
|
1
1
|
import { jsxs as m, jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import l, { forwardRef as
|
|
2
|
+
import l, { forwardRef as x, useId as _, useRef as I, useState as W } from "react";
|
|
3
3
|
import { cn as u } from "../../utils/index.js";
|
|
4
4
|
import { inputVariants as $ } from "./Input.variants.js";
|
|
5
5
|
import { SearchIcon as L } from "../../assets/icons/components/Search.js";
|
|
6
6
|
import { Warning as T } from "../../assets/icons/components/Warning.js";
|
|
7
|
-
import { P as i } from "../../index-
|
|
7
|
+
import { P as i } from "../../index-N2OStZoU.js";
|
|
8
8
|
function h() {
|
|
9
9
|
return h = Object.assign || function(t) {
|
|
10
10
|
for (var n = 1; n < arguments.length; n++) {
|
|
11
|
-
var
|
|
12
|
-
for (var e in
|
|
13
|
-
Object.prototype.hasOwnProperty.call(
|
|
11
|
+
var a = arguments[n];
|
|
12
|
+
for (var e in a)
|
|
13
|
+
Object.prototype.hasOwnProperty.call(a, e) && (t[e] = a[e]);
|
|
14
14
|
}
|
|
15
15
|
return t;
|
|
16
16
|
}, h.apply(this, arguments);
|
|
17
17
|
}
|
|
18
18
|
function S(t, n) {
|
|
19
19
|
if (t == null) return {};
|
|
20
|
-
var
|
|
20
|
+
var a = C(t, n), e, r;
|
|
21
21
|
if (Object.getOwnPropertySymbols) {
|
|
22
|
-
var
|
|
23
|
-
for (r = 0; r <
|
|
24
|
-
e =
|
|
22
|
+
var o = Object.getOwnPropertySymbols(t);
|
|
23
|
+
for (r = 0; r < o.length; r++)
|
|
24
|
+
e = o[r], !(n.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(t, e) && (a[e] = t[e]);
|
|
25
25
|
}
|
|
26
|
-
return
|
|
26
|
+
return a;
|
|
27
27
|
}
|
|
28
28
|
function C(t, n) {
|
|
29
29
|
if (t == null) return {};
|
|
30
|
-
var
|
|
31
|
-
for (
|
|
32
|
-
r = e[
|
|
33
|
-
return
|
|
30
|
+
var a = {}, e = Object.keys(t), r, o;
|
|
31
|
+
for (o = 0; o < e.length; o++)
|
|
32
|
+
r = e[o], !(n.indexOf(r) >= 0) && (a[r] = t[r]);
|
|
33
|
+
return a;
|
|
34
34
|
}
|
|
35
|
-
var
|
|
36
|
-
var
|
|
35
|
+
var v = x(function(t, n) {
|
|
36
|
+
var a = t.color, e = a === void 0 ? "currentColor" : a, r = t.size, o = r === void 0 ? 24 : r, c = S(t, ["color", "size"]);
|
|
37
37
|
return /* @__PURE__ */ l.createElement("svg", h({
|
|
38
38
|
ref: n,
|
|
39
39
|
xmlns: "http://www.w3.org/2000/svg",
|
|
40
|
-
width:
|
|
41
|
-
height:
|
|
40
|
+
width: o,
|
|
41
|
+
height: o,
|
|
42
42
|
viewBox: "0 0 24 24",
|
|
43
43
|
fill: "none",
|
|
44
44
|
stroke: e,
|
|
@@ -54,45 +54,45 @@ var x = g(function(t, n) {
|
|
|
54
54
|
y2: "23"
|
|
55
55
|
}));
|
|
56
56
|
});
|
|
57
|
-
|
|
57
|
+
v.propTypes = {
|
|
58
58
|
color: i.string,
|
|
59
59
|
size: i.oneOfType([i.string, i.number])
|
|
60
60
|
};
|
|
61
|
-
|
|
62
|
-
function
|
|
63
|
-
return
|
|
61
|
+
v.displayName = "EyeOff";
|
|
62
|
+
function g() {
|
|
63
|
+
return g = Object.assign || function(t) {
|
|
64
64
|
for (var n = 1; n < arguments.length; n++) {
|
|
65
|
-
var
|
|
66
|
-
for (var e in
|
|
67
|
-
Object.prototype.hasOwnProperty.call(
|
|
65
|
+
var a = arguments[n];
|
|
66
|
+
for (var e in a)
|
|
67
|
+
Object.prototype.hasOwnProperty.call(a, e) && (t[e] = a[e]);
|
|
68
68
|
}
|
|
69
69
|
return t;
|
|
70
|
-
},
|
|
70
|
+
}, g.apply(this, arguments);
|
|
71
71
|
}
|
|
72
72
|
function M(t, n) {
|
|
73
73
|
if (t == null) return {};
|
|
74
|
-
var
|
|
74
|
+
var a = R(t, n), e, r;
|
|
75
75
|
if (Object.getOwnPropertySymbols) {
|
|
76
|
-
var
|
|
77
|
-
for (r = 0; r <
|
|
78
|
-
e =
|
|
76
|
+
var o = Object.getOwnPropertySymbols(t);
|
|
77
|
+
for (r = 0; r < o.length; r++)
|
|
78
|
+
e = o[r], !(n.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(t, e) && (a[e] = t[e]);
|
|
79
79
|
}
|
|
80
|
-
return
|
|
80
|
+
return a;
|
|
81
81
|
}
|
|
82
82
|
function R(t, n) {
|
|
83
83
|
if (t == null) return {};
|
|
84
|
-
var
|
|
85
|
-
for (
|
|
86
|
-
r = e[
|
|
87
|
-
return
|
|
84
|
+
var a = {}, e = Object.keys(t), r, o;
|
|
85
|
+
for (o = 0; o < e.length; o++)
|
|
86
|
+
r = e[o], !(n.indexOf(r) >= 0) && (a[r] = t[r]);
|
|
87
|
+
return a;
|
|
88
88
|
}
|
|
89
|
-
var y =
|
|
90
|
-
var
|
|
91
|
-
return /* @__PURE__ */ l.createElement("svg",
|
|
89
|
+
var y = x(function(t, n) {
|
|
90
|
+
var a = t.color, e = a === void 0 ? "currentColor" : a, r = t.size, o = r === void 0 ? 24 : r, c = M(t, ["color", "size"]);
|
|
91
|
+
return /* @__PURE__ */ l.createElement("svg", g({
|
|
92
92
|
ref: n,
|
|
93
93
|
xmlns: "http://www.w3.org/2000/svg",
|
|
94
|
-
width:
|
|
95
|
-
height:
|
|
94
|
+
width: o,
|
|
95
|
+
height: o,
|
|
96
96
|
viewBox: "0 0 24 24",
|
|
97
97
|
fill: "none",
|
|
98
98
|
stroke: e,
|
|
@@ -112,14 +112,14 @@ y.propTypes = {
|
|
|
112
112
|
size: i.oneOfType([i.string, i.number])
|
|
113
113
|
};
|
|
114
114
|
y.displayName = "Eye";
|
|
115
|
-
const A =
|
|
115
|
+
const A = x(
|
|
116
116
|
({
|
|
117
117
|
className: t,
|
|
118
118
|
error: n,
|
|
119
|
-
isRequired:
|
|
119
|
+
isRequired: a = !1,
|
|
120
120
|
isSearch: e = !1,
|
|
121
121
|
label: r,
|
|
122
|
-
labelClassName:
|
|
122
|
+
labelClassName: o,
|
|
123
123
|
name: c,
|
|
124
124
|
theme: O,
|
|
125
125
|
type: f = "text",
|
|
@@ -127,20 +127,20 @@ const A = g(
|
|
|
127
127
|
helperTextClassName: j,
|
|
128
128
|
...k
|
|
129
129
|
}, N) => {
|
|
130
|
-
const b = _(), P = I(f === "password"), [d, E] = W(() => f !== "password"), p = typeof n == "string" && n.length >= 0, z = d ? y :
|
|
130
|
+
const b = _(), P = I(f === "password"), [d, E] = W(() => f !== "password"), p = typeof n == "string" && n.length >= 0, z = d ? y : v;
|
|
131
131
|
return /* @__PURE__ */ m("div", { className: "flex flex-col gap-2 w-full relative", "data-theme": O, children: [
|
|
132
132
|
r ? /* @__PURE__ */ m(
|
|
133
133
|
"label",
|
|
134
134
|
{
|
|
135
135
|
htmlFor: b,
|
|
136
136
|
className: u(
|
|
137
|
-
"cursor-pointer text-slate-500 flex gap-1 text-sm font-medium
|
|
138
|
-
|
|
137
|
+
"cursor-pointer text-slate-500 flex gap-1 text-sm font-medium dark:text-slate-50 kubefirst-dark:text-slate-50",
|
|
138
|
+
o
|
|
139
139
|
),
|
|
140
140
|
children: [
|
|
141
141
|
r,
|
|
142
142
|
" ",
|
|
143
|
-
|
|
143
|
+
a && /* @__PURE__ */ s("span", { className: "text-red-600 text-xs mt-0.5", children: "*" })
|
|
144
144
|
]
|
|
145
145
|
}
|
|
146
146
|
) : null,
|
|
@@ -192,7 +192,7 @@ const A = g(
|
|
|
192
192
|
"span",
|
|
193
193
|
{
|
|
194
194
|
className: u(
|
|
195
|
-
"text-xs text-slate-600
|
|
195
|
+
"text-xs text-slate-600 dark:text-slate-200 kubefirst-dark:text-slate-200",
|
|
196
196
|
j
|
|
197
197
|
),
|
|
198
198
|
children: w
|
|
@@ -19,15 +19,15 @@ const a = r(
|
|
|
19
19
|
"text-sm",
|
|
20
20
|
"w-full",
|
|
21
21
|
"transition-all",
|
|
22
|
-
"data-[error=false]:
|
|
23
|
-
"data-[error=false]:
|
|
24
|
-
"data-[error=false]:focus:ring-kubefirst-primary",
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
22
|
+
"data-[error=false]:dark:focus:ring-aurora-500",
|
|
23
|
+
"data-[error=false]:focus:ring-aurora-500",
|
|
24
|
+
"data-[error=false]:kubefirst:focus:ring-kubefirst-primary",
|
|
25
|
+
"dark:bg-slate-800",
|
|
26
|
+
"dark:border-slate-600",
|
|
27
|
+
"dark:disabled:bg-slate-900",
|
|
28
|
+
"dark:disabled:text-slate-400",
|
|
29
|
+
"dark:text-slate-50",
|
|
30
|
+
"dark:text-white",
|
|
31
31
|
"kubefirst-dark:bg-slate-800",
|
|
32
32
|
"kubefirst-dark:border-slate-600",
|
|
33
33
|
"kubefirst-dark:disabled:bg-slate-900",
|
|
@@ -39,7 +39,7 @@ const a = r(
|
|
|
39
39
|
variants: {
|
|
40
40
|
variant: {
|
|
41
41
|
default: "",
|
|
42
|
-
error: "border-red-600 kubefirst-dark:border-red-500
|
|
42
|
+
error: "border-red-600 kubefirst-dark:border-red-500 dark:border-red-500 dark:border-red-500 pr-8 focus-visible:ring-transparent"
|
|
43
43
|
}
|
|
44
44
|
},
|
|
45
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-D2CN7Ma9.js";
|
|
5
5
|
/**
|
|
6
|
-
* @license lucide-react v0.
|
|
6
|
+
* @license lucide-react v0.545.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,12 +1,12 @@
|
|
|
1
1
|
import { c as t } from "../../index-D29mdTf5.js";
|
|
2
|
-
const
|
|
2
|
+
const a = t([
|
|
3
3
|
"h-8",
|
|
4
4
|
"w-8",
|
|
5
5
|
"animate-spin",
|
|
6
6
|
"text-inherit",
|
|
7
|
-
"text-kubefirst-primary",
|
|
8
|
-
"
|
|
7
|
+
"kubefirst:text-kubefirst-primary",
|
|
8
|
+
"text-aurora-500"
|
|
9
9
|
]);
|
|
10
10
|
export {
|
|
11
|
-
|
|
11
|
+
a as loadingVariants
|
|
12
12
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import "
|
|
4
|
-
import { M as d } from "../../Modal-
|
|
3
|
+
import "react-dom";
|
|
4
|
+
import { M as d } from "../../Modal-B8jrP02v.js";
|
|
5
5
|
import "./components/Header/Header.js";
|
|
6
6
|
import "./components/Body/Body.js";
|
|
7
7
|
import "./components/Footer/Footer.js";
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
|
-
import "../../../../index-
|
|
2
|
+
import "../../../../index-sp5ZfG6g.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-B8jrP02v.js";
|
|
6
6
|
import "../../../../utils/index.js";
|
|
7
7
|
import "./Wrapper.variants.js";
|
|
8
|
-
import "../../../../x-
|
|
8
|
+
import "../../../../x-4F_5p77m.js";
|
|
9
9
|
export {
|
|
10
10
|
f as Wrapper
|
|
11
11
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Body as e } from "./Body/Body.js";
|
|
2
2
|
import { Footer as t } from "./Footer/Footer.js";
|
|
3
3
|
import { Header as m } from "./Header/Header.js";
|
|
4
|
-
import { W as a } from "../../../Modal-
|
|
4
|
+
import { W as a } from "../../../Modal-B8jrP02v.js";
|
|
5
5
|
export {
|
|
6
6
|
e as Body,
|
|
7
7
|
t as Footer,
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsxs as m, jsx as c } from "react/jsx-runtime";
|
|
2
|
-
import { R as O } from "../../index-
|
|
2
|
+
import { R as O } from "../../index-sp5ZfG6g.js";
|
|
3
3
|
import f, { forwardRef as b, useId as N, useCallback as w } from "react";
|
|
4
4
|
import { cn as y } from "../../utils/index.js";
|
|
5
5
|
import { labelVariants as z, buttonVariants as j, numberInputVariants as _ } from "./NumberInput.variants.js";
|
|
6
|
-
import { P as l } from "../../index-
|
|
6
|
+
import { P as l } from "../../index-N2OStZoU.js";
|
|
7
7
|
function h() {
|
|
8
8
|
return h = Object.assign || function(e) {
|
|
9
9
|
for (var o = 1; o < arguments.length; o++) {
|