@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.
Files changed (118) hide show
  1. package/dist/{Modal-V67Uz78z.js → Modal-B8jrP02v.js} +20 -20
  2. package/dist/_commonjsHelpers-DaMA6jEr.js +8 -0
  3. package/dist/{chevron-down-CVce9Mvh.js → chevron-down-MZvQoT2F.js} +2 -2
  4. package/dist/chevron-right-VYBOBhRt.js +19 -0
  5. package/dist/components/Alert/Alert.js +2 -2
  6. package/dist/components/AlertDialog/AlertDialog.js +1 -1
  7. package/dist/components/AlertDialog/components/AlertDialogTrigger.js +1 -1
  8. package/dist/components/AlertDialog/components/index.js +1 -1
  9. package/dist/components/Autocomplete/Autocomplete.js +46 -54
  10. package/dist/components/Autocomplete/Autocomplete.variants.js +29 -48
  11. package/dist/components/Autocomplete/components/List/List.js +37 -47
  12. package/dist/components/Autocomplete/components/List/List.variants.js +34 -69
  13. package/dist/components/Badge/Badge.js +2 -2
  14. package/dist/components/Breadcrumb/Breadcrumb.js +1 -1
  15. package/dist/components/Breadcrumb/components/Item/Item.js +24 -23
  16. package/dist/components/Button/Button.variants.js +110 -134
  17. package/dist/components/Checkbox/Checkbox.js +5 -4
  18. package/dist/components/Checkbox/Checkbox.variants.js +9 -8
  19. package/dist/components/Command/Command.js +2 -2
  20. package/dist/components/Command/components/Command.js +1 -1
  21. package/dist/components/Command/components/CommandEmpty.js +1 -1
  22. package/dist/components/Command/components/CommandGroup.js +1 -1
  23. package/dist/components/Command/components/CommandInput.js +2 -2
  24. package/dist/components/Command/components/CommandItem.js +1 -1
  25. package/dist/components/Command/components/CommandList.js +1 -1
  26. package/dist/components/Command/components/CommandSeparator.js +1 -1
  27. package/dist/components/Command/components/DialogContent.js +2 -2
  28. package/dist/components/Command/components/DialogOverlay.js +1 -1
  29. package/dist/components/Datepicker/DatePicker.js +949 -898
  30. package/dist/components/Dropdown/Dropdown.js +36 -24
  31. package/dist/components/Dropdown/Dropdown.variants.js +32 -14
  32. package/dist/components/Dropdown/components/List/List.js +59 -44
  33. package/dist/components/Dropdown/components/List/List.variants.js +9 -7
  34. package/dist/components/Dropdown/components/ListItem/ListItem.js +48 -24
  35. package/dist/components/Dropdown/components/ListItem/ListItem.variants.js +9 -7
  36. package/dist/components/Dropdown/components/Wrapper.js +141 -106
  37. package/dist/components/Dropdown/contexts/dropdown.context.js +9 -8
  38. package/dist/components/Dropdown/contexts/dropdown.provider.js +20 -19
  39. package/dist/components/Dropdown/hooks/useDropdown.js +26 -27
  40. package/dist/components/Dropdown/hooks/useNavigationList.js +32 -28
  41. package/dist/components/DropdownButton/DropdownButton.js +1 -1
  42. package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js +1 -1
  43. package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.js +1 -1
  44. package/dist/components/Filter/components/ResetButton/ResetButton.js +16 -11
  45. package/dist/components/Input/Input.js +48 -48
  46. package/dist/components/Input/Input.variants.js +10 -10
  47. package/dist/components/Loading/Loading.js +2 -2
  48. package/dist/components/Loading/Loading.variants.js +4 -4
  49. package/dist/components/Modal/Modal.js +2 -2
  50. package/dist/components/Modal/components/Wrapper/Wrapper.js +3 -3
  51. package/dist/components/Modal/components/index.js +1 -1
  52. package/dist/components/NumberInput/NumberInput.js +2 -2
  53. package/dist/components/PieChart/PieChart.js +217 -215
  54. package/dist/components/Radio/Radio.variants.js +4 -4
  55. package/dist/components/Range/Range.js +1 -1
  56. package/dist/components/Sidebar/components/Wrapper/Wrapper.js +29 -28
  57. package/dist/components/Slider/Slider.js +1 -1
  58. package/dist/components/Switch/Switch.js +94 -89
  59. package/dist/components/Switch/Switch.variants.js +16 -12
  60. package/dist/components/Tabs/Tabs.js +1 -1
  61. package/dist/components/Tabs/Tabs.variants.js +45 -24
  62. package/dist/components/Tabs/components/Content.js +1 -1
  63. package/dist/components/Tabs/components/List.js +1 -1
  64. package/dist/components/Tabs/components/Trigger.js +9 -8
  65. package/dist/components/TagSelect/components/Wrapper/Wrapper.js +98 -49
  66. package/dist/components/TimePicker/components/Wrapper/Wrapper.js +1 -1
  67. package/dist/components/Toast/Toast.js +57 -55
  68. package/dist/components/VirtualizedTable/VirtualizedTable.js +117 -0
  69. package/dist/components/VirtualizedTable/VirtualizedTable.variants.js +5 -0
  70. package/dist/components/VirtualizedTable/assets/chevron-down.js +25 -0
  71. package/dist/components/VirtualizedTable/assets/chevron-up.js +25 -0
  72. package/dist/components/VirtualizedTable/assets/index.js +6 -0
  73. package/dist/components/VirtualizedTable/components/Actions/Actions.js +46 -0
  74. package/dist/components/VirtualizedTable/components/Body/Body.js +25 -0
  75. package/dist/components/VirtualizedTable/components/DotPaginate/DotPaginate.js +165 -0
  76. package/dist/components/VirtualizedTable/components/DropdownPaginate/DropdownPaginate.js +34 -0
  77. package/dist/components/VirtualizedTable/components/Filter/Filter.js +86 -0
  78. package/dist/components/VirtualizedTable/components/FormPaginate/FormPaginate.js +48 -0
  79. package/dist/components/VirtualizedTable/components/Header/Header.js +82 -0
  80. package/dist/components/VirtualizedTable/components/Pagination/Pagination.js +45 -0
  81. package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.js +1871 -0
  82. package/dist/components/VirtualizedTable/components/index.js +14 -0
  83. package/dist/components/VirtualizedTable/constants/index.js +5 -0
  84. package/dist/components/VirtualizedTable/constants/pagination.js +5 -0
  85. package/dist/components/VirtualizedTable/contexts/index.js +8 -0
  86. package/dist/components/VirtualizedTable/contexts/table.context.js +31 -0
  87. package/dist/components/VirtualizedTable/contexts/table.hook.js +11 -0
  88. package/dist/components/VirtualizedTable/contexts/table.provider.js +82 -0
  89. package/dist/components/index.js +44 -40
  90. package/dist/{createLucideIcon-BpsAkT97.js → createLucideIcon-D2CN7Ma9.js} +4 -4
  91. package/dist/debounce-BFejQm9P.js +200 -0
  92. package/dist/{index-D3xzCzcO.js → index-0XtjXVpJ.js} +2 -2
  93. package/dist/index-BAEWsOG1.js +27 -0
  94. package/dist/index-BVRIAMfe.js +36 -0
  95. package/dist/index-BZPx6jYI.js +8 -0
  96. package/dist/{index-Oq5GlCHP.js → index-Bn4c-gww.js} +1 -1
  97. package/dist/index-CffpTFMi.js +137 -0
  98. package/dist/{index-BAraV3ai.js → index-DQJhMz8c.js} +1 -1
  99. package/dist/index-DdXGVVBv.js +15 -0
  100. package/dist/index-Dx2grAuN.js +1742 -0
  101. package/dist/{index-h-Ul0anl.js → index-N2OStZoU.js} +1 -1
  102. package/dist/{index-BXuxPoz7.js → index-amYX3uxF.js} +18 -17
  103. package/dist/{index-DB2XhXHn.js → index-l3NwplN0.js} +11 -10
  104. package/dist/{index-iXyXtdgP.js → index-sp5ZfG6g.js} +1 -1
  105. package/dist/index.d.ts +112 -10
  106. package/dist/index.js +41 -37
  107. package/dist/package.json +31 -23
  108. package/dist/styles.css +1 -1
  109. package/dist/ui/civo-theme.css +204 -189
  110. package/dist/ui/kubefirst-theme.css +3 -1
  111. package/dist/ui/theme.css +2 -2
  112. package/dist/{x-BPcqkRZd.js → x-4F_5p77m.js} +1 -1
  113. package/package.json +31 -23
  114. package/dist/_commonjsHelpers-C6fGbg64.js +0 -6
  115. package/dist/chevron-up-RLP4nX7V.js +0 -54
  116. package/dist/index-C9T9HQaa.js +0 -423
  117. package/dist/index-CZnD2QxM.js +0 -32
  118. 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 g, useId as _, useRef as I, useState as W } from "react";
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-h-Ul0anl.js";
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 o = arguments[n];
12
- for (var e in o)
13
- Object.prototype.hasOwnProperty.call(o, e) && (t[e] = o[e]);
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 o = C(t, n), e, r;
20
+ var a = C(t, n), e, r;
21
21
  if (Object.getOwnPropertySymbols) {
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]);
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 o;
26
+ return a;
27
27
  }
28
28
  function C(t, n) {
29
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]);
33
- return o;
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 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 = S(t, ["color", "size"]);
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: a,
41
- height: a,
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
- x.propTypes = {
57
+ v.propTypes = {
58
58
  color: i.string,
59
59
  size: i.oneOfType([i.string, i.number])
60
60
  };
61
- x.displayName = "EyeOff";
62
- function v() {
63
- return v = Object.assign || function(t) {
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 o = arguments[n];
66
- for (var e in o)
67
- Object.prototype.hasOwnProperty.call(o, e) && (t[e] = o[e]);
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
- }, v.apply(this, arguments);
70
+ }, g.apply(this, arguments);
71
71
  }
72
72
  function M(t, n) {
73
73
  if (t == null) return {};
74
- var o = R(t, n), e, r;
74
+ var a = R(t, n), e, r;
75
75
  if (Object.getOwnPropertySymbols) {
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]);
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 o;
80
+ return a;
81
81
  }
82
82
  function R(t, n) {
83
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]);
87
- return o;
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 = 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 = M(t, ["color", "size"]);
91
- return /* @__PURE__ */ l.createElement("svg", v({
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: a,
95
- height: a,
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 = g(
115
+ const A = x(
116
116
  ({
117
117
  className: t,
118
118
  error: n,
119
- isRequired: o = !1,
119
+ isRequired: a = !1,
120
120
  isSearch: e = !1,
121
121
  label: r,
122
- labelClassName: a,
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 : x;
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 civo-dark:text-slate-50 kubefirst-dark:text-slate-50",
138
- a
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
- o && /* @__PURE__ */ s("span", { className: "text-red-600 text-xs mt-0.5", children: "*" })
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 civo-dark:text-slate-200 kubefirst-dark:text-slate-200",
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]: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",
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 civo-dark:border-red-500 dark:border-red-500 pr-8 focus-visible:ring-transparent"
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-BpsAkT97.js";
4
+ import { c as t } from "../../createLucideIcon-D2CN7Ma9.js";
5
5
  /**
6
- * @license lucide-react v0.542.0 - ISC
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 r = t([
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
- "civo:text-civo-primary"
7
+ "kubefirst:text-kubefirst-primary",
8
+ "text-aurora-500"
9
9
  ]);
10
10
  export {
11
- r as loadingVariants
11
+ a as loadingVariants
12
12
  };
@@ -1,7 +1,7 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import "../../index-C9T9HQaa.js";
4
- import { M as d } from "../../Modal-V67Uz78z.js";
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-iXyXtdgP.js";
2
+ import "../../../../index-sp5ZfG6g.js";
3
3
  import "react";
4
4
  import "../../../../Combination-VYaRRJBZ.js";
5
- import { W as f } from "../../../../Modal-V67Uz78z.js";
5
+ import { W as f } from "../../../../Modal-B8jrP02v.js";
6
6
  import "../../../../utils/index.js";
7
7
  import "./Wrapper.variants.js";
8
- import "../../../../x-BPcqkRZd.js";
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-V67Uz78z.js";
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-iXyXtdgP.js";
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-h-Ul0anl.js";
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++) {