@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.
Files changed (167) hide show
  1. package/dist/DatePicker.css +1 -1
  2. package/dist/{Modal-CrG0m703.js → Modal-0oht63vU.js} +32 -32
  3. package/dist/assets/icons/components/Search.js +26 -0
  4. package/dist/assets/icons/components/Warning.js +22 -0
  5. package/dist/assets/icons/components/index.js +6 -0
  6. package/dist/{chevron-down-UW8ts6wI.js → chevron-down-CVce9Mvh.js} +2 -2
  7. package/dist/components/Alert/Alert.js +23 -25
  8. package/dist/components/Alert/Alert.variants.js +1 -1
  9. package/dist/components/AlertDialog/AlertDialog.js +1 -1
  10. package/dist/components/AlertDialog/components/AlertDialogTrigger.js +1 -1
  11. package/dist/components/AlertDialog/components/index.js +1 -1
  12. package/dist/components/AlertDialog/hooks/useAlertDialog.js +7 -7
  13. package/dist/components/Autocomplete/Autocomplete.variants.js +3 -4
  14. package/dist/components/Autocomplete/components/List/List.variants.js +3 -7
  15. package/dist/components/Autocomplete/hooks/useAutocomplete.js +38 -43
  16. package/dist/components/Autocomplete/hooks/useNavigationList.js +29 -37
  17. package/dist/components/Badge/Badge.js +40 -42
  18. package/dist/components/Badge/Badge.variants.js +1 -1
  19. package/dist/components/Breadcrumb/Breadcrumb.variants.js +1 -1
  20. package/dist/components/Breadcrumb/components/Item/Item.js +22 -21
  21. package/dist/components/Breadcrumb/components/Item/Item.variants.js +1 -1
  22. package/dist/components/Breadcrumb/hooks/useBreadcrumb.js +1 -1
  23. package/dist/components/Button/Button.js +15 -15
  24. package/dist/components/Button/Button.variants.js +10 -77
  25. package/dist/components/Card/Card.variants.js +3 -5
  26. package/dist/components/Checkbox/Checkbox.js +48 -47
  27. package/dist/components/Checkbox/Checkbox.variants.js +3 -4
  28. package/dist/components/Command/Command.js +2 -2
  29. package/dist/components/Command/Command.variants.js +1 -1
  30. package/dist/components/Command/components/Command.js +1 -1
  31. package/dist/components/Command/components/CommandEmpty.js +1 -1
  32. package/dist/components/Command/components/CommandGroup.js +1 -1
  33. package/dist/components/Command/components/CommandInput.js +1 -1
  34. package/dist/components/Command/components/CommandItem.js +13 -13
  35. package/dist/components/Command/components/CommandList.js +1 -1
  36. package/dist/components/Command/components/CommandSeparator.js +1 -1
  37. package/dist/components/Command/components/DialogContent.js +1 -1
  38. package/dist/components/Command/components/DialogOverlay.js +1 -1
  39. package/dist/components/Datepicker/DatePicker.js +1496 -1577
  40. package/dist/components/Datepicker/DatePicker.variants.js +1 -1
  41. package/dist/components/Divider/Divider.variants.js +1 -1
  42. package/dist/components/Dropdown/Dropdown.js +28 -6
  43. package/dist/components/Dropdown/Dropdown.variants.js +43 -26
  44. package/dist/components/Dropdown/components/List/List.variants.js +1 -1
  45. package/dist/components/Dropdown/components/ListItem/ListItem.variants.js +5 -5
  46. package/dist/components/Dropdown/components/Wrapper.js +96 -86
  47. package/dist/components/Dropdown/contexts/dropdown.provider.js +12 -12
  48. package/dist/components/Dropdown/hooks/useDropdown.js +26 -30
  49. package/dist/components/Dropdown/hooks/useNavigationList.js +25 -31
  50. package/dist/components/DropdownButton/DropdownButton.js +135 -0
  51. package/dist/components/Filter/Filter.variants.js +1 -1
  52. package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.hook.js +47 -49
  53. package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js +70 -57
  54. package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.hook.js +41 -42
  55. package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.js +68 -55
  56. package/dist/components/Filter/components/ResetButton/ResetButton.js +22 -16
  57. package/dist/components/Input/Input.js +116 -109
  58. package/dist/components/Input/Input.variants.js +18 -5
  59. package/dist/components/Loading/Loading.js +2 -2
  60. package/dist/components/Loading/Loading.variants.js +1 -2
  61. package/dist/components/Modal/Modal.js +2 -2
  62. package/dist/components/Modal/components/Body/Body.js +1 -1
  63. package/dist/components/Modal/components/Footer/Footer.js +1 -1
  64. package/dist/components/Modal/components/Header/Header.js +1 -1
  65. package/dist/components/Modal/components/Wrapper/Wrapper.js +2 -2
  66. package/dist/components/Modal/components/Wrapper/Wrapper.variants.js +7 -9
  67. package/dist/components/Modal/components/index.js +1 -1
  68. package/dist/components/Modal/hooks/useModal.js +16 -17
  69. package/dist/components/NumberInput/NumberInput.js +91 -91
  70. package/dist/components/NumberInput/NumberInput.variants.js +1 -1
  71. package/dist/components/PieChart/PieChart.js +5138 -0
  72. package/dist/components/ProgressBar/ProgressBar.js +58 -26
  73. package/dist/components/ProgressBar/ProgressBar.variants.js +1 -1
  74. package/dist/components/Radio/Radio.js +64 -48
  75. package/dist/components/Radio/Radio.variants.js +3 -3
  76. package/dist/components/RadioCard/RadioCard.js +26 -23
  77. package/dist/components/RadioCard/RadioCard.variants.js +1 -1
  78. package/dist/components/RadioCardGroup/RadioCardGroup.js +28 -28
  79. package/dist/components/RadioCardGroup/RadioCardGroup.variants.js +1 -1
  80. package/dist/components/RadioGroup/RadioGroup.js +37 -37
  81. package/dist/components/RadioGroup/RadioGroup.variants.js +1 -1
  82. package/dist/components/Range/Range.js +1 -1
  83. package/dist/components/Range/Range.variants.js +2 -3
  84. package/dist/components/Sidebar/Sidebar.js +4 -3
  85. package/dist/components/Sidebar/Sidebar.variants.js +1 -1
  86. package/dist/components/Sidebar/components/Footer/Footer.js +5 -4
  87. package/dist/components/Sidebar/components/Footer/Footer.variants.js +1 -1
  88. package/dist/components/Sidebar/components/Logo/Logo.js +6 -5
  89. package/dist/components/Sidebar/components/Logo/Logo.variants.js +1 -1
  90. package/dist/components/Sidebar/components/Navigation/Navigation.js +5 -4
  91. package/dist/components/Sidebar/components/Navigation/Navigation.variants.js +1 -1
  92. package/dist/components/Sidebar/components/NavigationGroup/NavigationGroup.js +14 -13
  93. package/dist/components/Sidebar/components/NavigationGroup/NavigationGroup.variants.js +1 -1
  94. package/dist/components/Sidebar/components/NavigationOption/NavigationOption.js +13 -12
  95. package/dist/components/Sidebar/components/NavigationOption/NavigationOption.variants.js +1 -1
  96. package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.js +5 -6
  97. package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.variants.js +1 -1
  98. package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.js +9 -8
  99. package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.variants.js +1 -1
  100. package/dist/components/Sidebar/components/Wrapper/Wrapper.js +15 -14
  101. package/dist/components/Slider/Slider.js +1 -1
  102. package/dist/components/Slider/Slider.variants.js +2 -8
  103. package/dist/components/Switch/Switch.js +54 -54
  104. package/dist/components/Switch/Switch.variants.js +2 -3
  105. package/dist/components/Table/Table.variants.js +1 -1
  106. package/dist/components/Tabs/Tabs.js +20 -16
  107. package/dist/components/Tabs/Tabs.variants.js +3 -5
  108. package/dist/components/Tabs/components/Content.js +10 -13
  109. package/dist/components/Tabs/components/List.js +9 -8
  110. package/dist/components/Tabs/components/Trigger.js +12 -16
  111. package/dist/components/Tabs/components/index.js +8 -0
  112. package/dist/components/Tag/Tag.js +1 -1
  113. package/dist/components/Tag/Tag.variants.js +1 -1
  114. package/dist/components/TagSelect/TagSelect.variants.js +1 -1
  115. package/dist/components/TagSelect/components/Item/Item.variants.js +1 -1
  116. package/dist/components/TagSelect/components/List/List.variants.js +1 -1
  117. package/dist/components/TagSelect/hooks/useTagSelect.js +14 -16
  118. package/dist/components/TextArea/TextArea.variants.js +4 -5
  119. package/dist/components/TimePicker/TimePicker.variants.js +6 -7
  120. package/dist/components/TimePicker/components/HoursList/HoursList.js +21 -26
  121. package/dist/components/TimePicker/components/MeridianList/MeridianList.js +19 -20
  122. package/dist/components/TimePicker/components/MinutesList/MinutesList.js +24 -25
  123. package/dist/components/TimePicker/components/Wrapper/Wrapper.js +33 -34
  124. package/dist/components/TimePicker/components/WrapperList/WrapperList.variants.js +1 -1
  125. package/dist/components/Toast/Toast.js +223 -232
  126. package/dist/components/Toast/Toast.variants.js +8 -11
  127. package/dist/components/Tooltip/Tooltip.js +1 -1
  128. package/dist/components/Tooltip/Tooltip.variants.js +7 -14
  129. package/dist/components/Tooltip/hooks/useTooltip.js +8 -9
  130. package/dist/components/Typography/Typography.js +26 -31
  131. package/dist/components/Typography/Typography.variants.js +1 -1
  132. package/dist/components/index.js +78 -66
  133. package/dist/contexts/theme.provider.js +28 -29
  134. package/dist/{createLucideIcon-ByJ0JZvK.js → createLucideIcon-BpsAkT97.js} +4 -4
  135. package/dist/index-0ioNhtNM.js +10 -0
  136. package/dist/{index-CvfCCTEO.js → index-BAraV3ai.js} +7 -7
  137. package/dist/index-BXuxPoz7.js +435 -0
  138. package/dist/index-BfXxHr_2.js +125 -0
  139. package/dist/index-C1g_chDT.js +70 -0
  140. package/dist/{index-BCGvACM9.js → index-C9T9HQaa.js} +1 -1
  141. package/dist/{index-Bc1LNrRD.js → index-CZnD2QxM.js} +1 -1
  142. package/dist/index-CrBonFvu.js +144 -0
  143. package/dist/{index-rUBNhTeF.js → index-Cvx4lqTq.js} +2 -2
  144. package/dist/{index-BNmRGtA6.js → index-D29mdTf5.js} +3 -3
  145. package/dist/{index-Dkt8F6CZ.js → index-D3xzCzcO.js} +12 -12
  146. package/dist/index-DB2XhXHn.js +431 -0
  147. package/dist/{index-B5MIi2tR.js → index-DQH6odE9.js} +2 -3
  148. package/dist/index-Oq5GlCHP.js +131 -0
  149. package/dist/{index-Cs8Lv8Wj.js → index-bwWKd82e.js} +1 -1
  150. package/dist/{index--EmNlyHx.js → index-iXyXtdgP.js} +1 -1
  151. package/dist/index.d.ts +159 -9
  152. package/dist/index.js +88 -76
  153. package/dist/package.json +41 -37
  154. package/dist/styles.css +1 -1
  155. package/dist/ui/civo-theme.css +261 -241
  156. package/dist/ui/kubefirst-theme.css +4 -4
  157. package/dist/ui/theme.css +0 -2
  158. package/dist/{useBreadcrumb-DMERrNkJ.js → useBreadcrumb-B8DnuqkR.js} +254 -261
  159. package/dist/utils/index.js +25 -26
  160. package/package.json +41 -37
  161. package/dist/index-BNU3RH-3.js +0 -133
  162. package/dist/index-BvCZBMfr.js +0 -432
  163. package/dist/index-Cq1I1cG9.js +0 -129
  164. package/dist/index-DLYwlPRZ.js +0 -440
  165. package/dist/index-DNRcvRTB.js +0 -145
  166. package/dist/index-Dm-ooN_M.js +0 -71
  167. package/dist/index-DwYXX2sM.js +0 -13
@@ -1,77 +1,90 @@
1
- import { jsxs as r, jsx as t } from "react/jsx-runtime";
2
- import { Badge as u } from "../../../Badge/Badge.js";
3
- import { Button as n } from "../../../Button/Button.js";
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 l } from "../../../../utils/index.js";
6
- import { filterButtonIconVariants as x, filterButtonVariants as N } from "../../Filter.variants.js";
7
- import { useDateFilterDropdown as b } from "./DateFilterDropdown.hook.js";
8
- import { C as g } from "../../../../chevron-down-UW8ts6wI.js";
9
- const O = ({
10
- label: i,
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: s,
15
- appliedDay: o,
16
- isOpen: a,
17
- selectedDay: e,
18
- wrapperRef: m,
19
- handleApply: c,
20
- handleOpen: d,
21
- handleSelect: f,
22
- handleReset: h
23
- } = b({ onApply: p });
24
- return /* @__PURE__ */ r("div", { ref: m, className: "relative", children: [
25
- /* @__PURE__ */ r(
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: l(N(), {
29
- "text-slate-700": a
29
+ className: o(y(), {
30
+ "text-slate-700": t
30
31
  }),
31
- onClick: d,
32
+ onClick: f,
32
33
  children: [
33
- i,
34
- o && /* @__PURE__ */ t(u, { label: o }),
35
- /* @__PURE__ */ t(
36
- g,
34
+ s,
35
+ n && /* @__PURE__ */ e(g, { label: n }),
36
+ /* @__PURE__ */ e(
37
+ N,
37
38
  {
38
- className: l(x(), {
39
- "rotate-180": a,
40
- "text-blue-600": a
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
- a && /* @__PURE__ */ r("div", { className: "absolute top-full mt-1 left-0 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", children: [
48
- /* @__PURE__ */ t(
49
- w,
50
- {
51
- className: "p-0",
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
- variant: "secondary",
65
- appearance: "compact",
66
- onClick: h,
67
- children: "Reset"
54
+ "left-0": l === "left",
55
+ "right-0": l === "right"
68
56
  }
69
57
  ),
70
- /* @__PURE__ */ t(n, { appearance: "compact", onClick: c, children: "Apply" })
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
- O as DateFilterDropdown
89
+ R as DateFilterDropdown
77
90
  };
@@ -1,18 +1,24 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import { Button as o } from "../../../Button/Button.js";
3
- import { resetEvent as r } from "../../events/index.js";
4
- const i = ({ disabled: t }) => /* @__PURE__ */ e(
5
- o,
6
- {
7
- type: "button",
8
- variant: "text",
9
- appearance: "compact",
10
- version: "alternate",
11
- onClick: r,
12
- disabled: t,
13
- children: "Reset"
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
- i as ResetButton
23
+ l as ResetButton
18
24
  };
@@ -1,190 +1,197 @@
1
- import { jsxs as h, jsx as l } from "react/jsx-runtime";
2
- import s, { forwardRef as v, useId as E, useState as _ } from "react";
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 k } from "./Input.variants.js";
5
- import { P as a } from "../../index-h-Ul0anl.js";
6
- function m() {
7
- return m = Object.assign || function(e) {
8
- for (var r = 1; r < arguments.length; r++) {
9
- var o = arguments[r];
10
- for (var t in o)
11
- Object.prototype.hasOwnProperty.call(o, t) && (e[t] = o[t]);
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 e;
14
- }, m.apply(this, arguments);
15
+ return t;
16
+ }, h.apply(this, arguments);
15
17
  }
16
- function z(e, r) {
17
- if (e == null) return {};
18
- var o = L(e, r), t, n;
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 i = Object.getOwnPropertySymbols(e);
21
- for (n = 0; n < i.length; n++)
22
- t = i[n], !(r.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
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 L(e, r) {
27
- if (e == null) return {};
28
- var o = {}, t = Object.keys(e), n, i;
29
- for (i = 0; i < t.length; i++)
30
- n = t[i], !(r.indexOf(n) >= 0) && (o[n] = e[n]);
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 w = v(function(e, r) {
34
- var o = e.color, t = o === void 0 ? "currentColor" : o, n = e.size, i = n === void 0 ? 24 : n, c = z(e, ["color", "size"]);
35
- return /* @__PURE__ */ s.createElement("svg", m({
36
- ref: r,
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: i,
39
- height: i,
40
+ width: a,
41
+ height: a,
40
42
  viewBox: "0 0 24 24",
41
43
  fill: "none",
42
- stroke: t,
44
+ stroke: e,
43
45
  strokeWidth: "2",
44
46
  strokeLinecap: "round",
45
47
  strokeLinejoin: "round"
46
- }, c), /* @__PURE__ */ s.createElement("path", {
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__ */ s.createElement("line", {
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
- w.propTypes = {
56
- color: a.string,
57
- size: a.oneOfType([a.string, a.number])
57
+ x.propTypes = {
58
+ color: i.string,
59
+ size: i.oneOfType([i.string, i.number])
58
60
  };
59
- w.displayName = "EyeOff";
60
- function g() {
61
- return g = Object.assign || function(e) {
62
- for (var r = 1; r < arguments.length; r++) {
63
- var o = arguments[r];
64
- for (var t in o)
65
- Object.prototype.hasOwnProperty.call(o, t) && (e[t] = o[t]);
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 e;
68
- }, g.apply(this, arguments);
69
+ return t;
70
+ }, v.apply(this, arguments);
69
71
  }
70
- function I(e, r) {
71
- if (e == null) return {};
72
- var o = M(e, r), t, n;
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 i = Object.getOwnPropertySymbols(e);
75
- for (n = 0; n < i.length; n++)
76
- t = i[n], !(r.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
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(e, r) {
81
- if (e == null) return {};
82
- var o = {}, t = Object.keys(e), n, i;
83
- for (i = 0; i < t.length; i++)
84
- n = t[i], !(r.indexOf(n) >= 0) && (o[n] = e[n]);
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 x = v(function(e, r) {
88
- var o = e.color, t = o === void 0 ? "currentColor" : o, n = e.size, i = n === void 0 ? 24 : n, c = I(e, ["color", "size"]);
89
- return /* @__PURE__ */ s.createElement("svg", g({
90
- ref: r,
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: i,
93
- height: i,
94
+ width: a,
95
+ height: a,
94
96
  viewBox: "0 0 24 24",
95
97
  fill: "none",
96
- stroke: t,
98
+ stroke: e,
97
99
  strokeWidth: "2",
98
100
  strokeLinecap: "round",
99
101
  strokeLinejoin: "round"
100
- }, c), /* @__PURE__ */ s.createElement("path", {
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__ */ s.createElement("circle", {
104
+ }), /* @__PURE__ */ l.createElement("circle", {
103
105
  cx: "12",
104
106
  cy: "12",
105
107
  r: "3"
106
108
  }));
107
109
  });
108
- x.propTypes = {
109
- color: a.string,
110
- size: a.oneOfType([a.string, a.number])
110
+ y.propTypes = {
111
+ color: i.string,
112
+ size: i.oneOfType([i.string, i.number])
111
113
  };
112
- x.displayName = "Eye";
113
- const V = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cg%20id='Icon'%20clip-path='url(%23clip0_252_122)'%3e%3cpath%20id='Vector'%20d='M12.9167%2011.6667H12.2583L12.025%2011.4417C12.8417%2010.4917%2013.3333%209.25833%2013.3333%207.91667C13.3333%204.925%2010.9083%202.5%207.91667%202.5C4.925%202.5%202.5%204.925%202.5%207.91667C2.5%2010.9083%204.925%2013.3333%207.91667%2013.3333C9.25833%2013.3333%2010.4917%2012.8417%2011.4417%2012.025L11.6667%2012.2583V12.9167L15.8333%2017.075L17.075%2015.8333L12.9167%2011.6667ZM7.91667%2011.6667C5.84167%2011.6667%204.16667%209.99167%204.16667%207.91667C4.16667%205.84167%205.84167%204.16667%207.91667%204.16667C9.99167%204.16667%2011.6667%205.84167%2011.6667%207.91667C11.6667%209.99167%209.99167%2011.6667%207.91667%2011.6667Z'%20fill='currentColor'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_252_122'%3e%3crect%20width='20'%20height='20'%20fill='currentColor'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", W = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cg%3e%3cpath%20d='M9.16663%2012.5H10.8333V14.1667H9.16663V12.5ZM9.16663%205.83335H10.8333V10.8334H9.16663V5.83335ZM9.99163%201.66669C5.39163%201.66669%201.66663%205.40002%201.66663%2010C1.66663%2014.6%205.39163%2018.3334%209.99163%2018.3334C14.6%2018.3334%2018.3333%2014.6%2018.3333%2010C18.3333%205.40002%2014.6%201.66669%209.99163%201.66669ZM9.99996%2016.6667C6.31663%2016.6667%203.33329%2013.6834%203.33329%2010C3.33329%206.31669%206.31663%203.33335%209.99996%203.33335C13.6833%203.33335%2016.6666%206.31669%2016.6666%2010C16.6666%2013.6834%2013.6833%2016.6667%209.99996%2016.6667Z'%20fill='currentColor'%20/%3e%3c/g%3e%3c/svg%3e", $ = v(
114
+ y.displayName = "Eye";
115
+ const R = g(
114
116
  ({
115
- className: e,
116
- error: r,
117
+ className: t,
118
+ error: n,
117
119
  isRequired: o = !1,
118
- isSearch: t = !1,
119
- label: n,
120
- labelClassName: i,
120
+ isSearch: e = !1,
121
+ label: r,
122
+ labelClassName: a,
121
123
  name: c,
122
- theme: b,
123
- type: p = "text",
124
- helperText: y,
125
- ...C
126
- }, j) => {
127
- const O = E(), [u, N] = _(() => p !== "password"), f = typeof r == "string" && r.length >= 0, P = u ? x : w;
128
- return /* @__PURE__ */ h("div", { className: "flex flex-col gap-2 w-full relative", "data-theme": b, children: [
129
- n ? /* @__PURE__ */ h(
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: O,
134
+ htmlFor: b,
133
135
  className: d(
134
- "cursor-pointer text-slate-500 flex gap-1 text-sm font-medium",
135
- i
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
- n,
140
+ r,
139
141
  " ",
140
- o ? /* @__PURE__ */ l("span", { className: "text-red-600 text-xs mt-0.5", children: "*" }) : null
142
+ o && /* @__PURE__ */ s("span", { className: "text-red-600 text-xs mt-0.5", children: "*" })
141
143
  ]
142
144
  }
143
145
  ) : null,
144
- /* @__PURE__ */ h("div", { className: "relative", children: [
145
- t ? /* @__PURE__ */ l(
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
- f && "text-red-600"
152
+ {
153
+ "text-red-700": p
154
+ }
151
155
  ),
152
- children: /* @__PURE__ */ l(V, { className: "w-5 h-5" })
156
+ children: /* @__PURE__ */ s($, { className: "w-5 h-5" })
153
157
  }
154
158
  ) : null,
155
- /* @__PURE__ */ l(
159
+ /* @__PURE__ */ s(
156
160
  "input",
157
161
  {
158
- id: O,
159
- ref: j,
162
+ id: r ? b : void 0,
163
+ ref: k,
160
164
  name: c,
161
- type: u ? p : "password",
165
+ type: u ? N.current ? "text" : f : "password",
166
+ "data-error": p,
162
167
  className: d(
163
- k({
164
- className: e,
165
- variant: f ? "error" : "default"
168
+ W({
169
+ className: t,
170
+ variant: p ? "error" : "default"
166
171
  }),
167
- (p === "password" || f) && "pr-10",
168
- t && "pl-8"
172
+ {
173
+ "pr-10": f === "password" || p,
174
+ "pl-8": e
175
+ }
169
176
  ),
170
- ...C
177
+ ...j
171
178
  }
172
179
  ),
173
- f ? /* @__PURE__ */ l("i", { className: "absolute right-3 text-red-600 top-1/2 -translate-y-[50%]", children: /* @__PURE__ */ l(W, { className: "w-5 h-5" }) }) : null,
174
- p === "password" && !r ? /* @__PURE__ */ l("i", { className: "absolute right-3 text-slate-400 top-1/2 -translate-y-[50%]", children: /* @__PURE__ */ l(
175
- P,
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: () => N(!u)
185
+ onClick: () => P(!u)
179
186
  }
180
187
  ) }) : null
181
188
  ] }),
182
- r ? /* @__PURE__ */ l("span", { className: "text-xs text-red-600", children: r }) : null,
183
- !r && y ? /* @__PURE__ */ l("span", { className: "text-xs text-slate-600", children: y }) : null
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
- $.displayName = "Input";
194
+ R.displayName = "KonstructInput";
188
195
  export {
189
- $ as Input
196
+ R as Input
190
197
  };
@@ -1,17 +1,15 @@
1
- import { c as r } from "../../index-BNmRGtA6.js";
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-ByJ0JZvK.js";
4
+ import { c as t } from "../../createLucideIcon-BpsAkT97.js";
5
5
  /**
6
- * @license lucide-react v0.513.0 - ISC
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-BNmRGtA6.js";
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-BCGvACM9.js";
4
- import { M as d } from "../../Modal-CrG0m703.js";
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-B5MIi2tR.js";
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-B5MIi2tR.js";
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-B5MIi2tR.js";
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--EmNlyHx.js";
2
+ import "../../../../index-iXyXtdgP.js";
3
3
  import "react";
4
4
  import "../../../../Combination-VYaRRJBZ.js";
5
- import { W as f } from "../../../../Modal-CrG0m703.js";
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";