@konstructio/ui 0.0.13-alpha.2 → 0.1.0-alpha.3

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 (100) hide show
  1. package/dist/DatePicker.css +1 -0
  2. package/dist/{Modal-i7eolhYH.js → Modal-B2ujmsSW.js} +2 -2
  3. package/dist/components/Alert/Alert.js +1 -1
  4. package/dist/components/AlertDialog/AlertDialog.js +55 -41
  5. package/dist/components/AlertDialog/components/AlertDialogTrigger.js +1 -1
  6. package/dist/components/AlertDialog/components/index.js +1 -1
  7. package/dist/components/Badge/Badge.js +79 -0
  8. package/dist/components/Badge/Badge.variants.js +68 -0
  9. package/dist/components/Breadcrumb/Breadcrumb.js +43 -52
  10. package/dist/components/Breadcrumb/Breadcrumb.variants.js +10 -41
  11. package/dist/components/Breadcrumb/components/Item/Item.js +22 -23
  12. package/dist/components/Breadcrumb/components/Item/Item.variants.js +43 -56
  13. package/dist/components/Button/Button.js +30 -26
  14. package/dist/components/Button/Button.variants.js +115 -28
  15. package/dist/components/Checkbox/Checkbox.js +297 -187
  16. package/dist/components/Checkbox/Checkbox.variants.js +12 -15
  17. package/dist/components/Command/Command.js +2 -2
  18. package/dist/components/Command/components/Command.js +1 -1
  19. package/dist/components/Command/components/CommandEmpty.js +1 -1
  20. package/dist/components/Command/components/CommandGroup.js +1 -1
  21. package/dist/components/Command/components/CommandInput.js +1 -1
  22. package/dist/components/Command/components/CommandItem.js +1 -1
  23. package/dist/components/Command/components/CommandList.js +1 -1
  24. package/dist/components/Command/components/CommandSeparator.js +1 -1
  25. package/dist/components/Command/components/DialogContent.js +1 -1
  26. package/dist/components/Command/components/DialogOverlay.js +1 -1
  27. package/dist/components/Datepicker/DatePicker.js +2711 -0
  28. package/dist/components/Datepicker/DatePicker.variants.js +5 -0
  29. package/dist/components/Divider/Divider.variants.js +9 -12
  30. package/dist/components/Dropdown/contexts/dropdown.hook.js +5 -3
  31. package/dist/components/Input/Input.js +106 -137
  32. package/dist/components/Input/Input.variants.js +15 -13
  33. package/dist/components/Loading/Loading.js +14 -99
  34. package/dist/components/Modal/Modal.js +2 -2
  35. package/dist/components/Modal/components/Body/Body.js +1 -1
  36. package/dist/components/Modal/components/Footer/Footer.js +1 -1
  37. package/dist/components/Modal/components/Header/Header.js +1 -1
  38. package/dist/components/Modal/components/Wrapper/Wrapper.js +2 -2
  39. package/dist/components/Modal/components/index.js +1 -1
  40. package/dist/components/NumberInput/NumberInput.js +1 -1
  41. package/dist/components/Radio/Radio.variants.js +14 -12
  42. package/dist/components/RadioGroup/RadioGroup.js +1 -1
  43. package/dist/components/Range/Range.js +1 -1
  44. package/dist/components/Slider/Slider.js +1 -1
  45. package/dist/components/Switch/Switch.js +141 -126
  46. package/dist/components/Tabs/Tabs.js +24 -0
  47. package/dist/components/Tabs/Tabs.variants.js +58 -0
  48. package/dist/components/Tabs/components/Content.js +19 -0
  49. package/dist/components/Tabs/components/List.js +20 -0
  50. package/dist/components/Tabs/components/Trigger.js +26 -0
  51. package/dist/components/Tag/Tag.js +1 -1
  52. package/dist/components/TimePicker/TimePicker.js +8 -0
  53. package/dist/components/TimePicker/TimePicker.variants.js +62 -0
  54. package/dist/components/TimePicker/components/HoursList/HoursList.js +93 -0
  55. package/dist/components/TimePicker/components/MeridianList/MeridianList.js +68 -0
  56. package/dist/components/TimePicker/components/MinutesList/MinutesList.js +60 -0
  57. package/dist/components/TimePicker/components/Wrapper/Wrapper.js +102 -0
  58. package/dist/components/TimePicker/components/WrapperList/WrapperList.js +51 -0
  59. package/dist/components/TimePicker/components/WrapperList/WrapperList.variants.js +16 -0
  60. package/dist/components/TimePicker/components/index.js +4 -0
  61. package/dist/components/TimePicker/contexts/index.js +8 -0
  62. package/dist/components/TimePicker/contexts/time-picker.context.js +22 -0
  63. package/dist/components/TimePicker/contexts/time-picker.hook.js +13 -0
  64. package/dist/components/TimePicker/contexts/time-picker.provider.js +46 -0
  65. package/dist/components/TimePicker/utils/index.js +6 -0
  66. package/dist/components/Toast/Toast.js +37 -35
  67. package/dist/components/Tooltip/Tooltip.js +1 -1
  68. package/dist/components/Typography/Typography.js +1 -1
  69. package/dist/components/index.js +72 -66
  70. package/dist/createLucideIcon-BA2PlKw1.js +94 -0
  71. package/dist/index-55GVbfLI.js +432 -0
  72. package/dist/{index-D9BbbgUq.js → index-B-qIIQlg.js} +2 -2
  73. package/dist/index-BRcC_VTj.js +31 -0
  74. package/dist/{index-Bry5AFQ2.js → index-Bc1LNrRD.js} +1 -1
  75. package/dist/index-BdMNhZnh.js +9 -0
  76. package/dist/index-C2xwUZXm.js +323 -0
  77. package/dist/{index-YaQrdkGE.js → index-CQ6ORxI_.js} +31 -30
  78. package/dist/index-Cq1I1cG9.js +129 -0
  79. package/dist/index-Cs8Lv8Wj.js +13 -0
  80. package/dist/{index-dRxIWVBr.js → index-DmCJ8fIR.js} +6 -5
  81. package/dist/index-DwYXX2sM.js +13 -0
  82. package/dist/{index-g-TFwd6Y.js → index-ObZsP5Eh.js} +2 -1
  83. package/dist/{index-DvFiic6N.js → index-Ud3-A7-K.js} +95 -101
  84. package/dist/{index-G_6jG4Qc.js → index-Y44iCJcQ.js} +18 -18
  85. package/dist/index-tIydFizp.js +83 -0
  86. package/dist/{index-AM3avohj.js → index-xPmNHv1y.js} +3 -3
  87. package/dist/index.d.ts +72 -13
  88. package/dist/index.js +78 -72
  89. package/dist/package.json +25 -22
  90. package/dist/styles.css +1 -1
  91. package/dist/ui/civo-theme.css +263 -0
  92. package/dist/ui/kubefirst-theme.css +1 -1
  93. package/dist/ui/theme.css +11 -0
  94. package/dist/ui/utilities.css +11 -2
  95. package/dist/utils/index.js +3 -3
  96. package/package.json +25 -22
  97. package/dist/index-BOx5P4tS.js +0 -423
  98. package/dist/index-Bk324h27.js +0 -82
  99. package/dist/index-CWKdynYu.js +0 -32
  100. package/dist/index-bYyfdsls.js +0 -118
@@ -0,0 +1,5 @@
1
+ import { c as t } from "../../index-BNmRGtA6.js";
2
+ const r = t("w-fit py-4 px-6");
3
+ export {
4
+ r as datePickerVariants
5
+ };
@@ -1,17 +1,14 @@
1
1
  import { c as a } from "../../index-BNmRGtA6.js";
2
- const t = a(
3
- ["h-[1px]", "bg-zinc-200", "w-full", "border-gray-200"],
4
- {
5
- variants: {
6
- variant: {
7
- default: ""
8
- }
9
- },
10
- defaultVariants: {
11
- variant: "default"
2
+ const i = a(["h-[1px]", "bg-zinc-200", "w-full"], {
3
+ variants: {
4
+ variant: {
5
+ default: ""
12
6
  }
7
+ },
8
+ defaultVariants: {
9
+ variant: "default"
13
10
  }
14
- );
11
+ });
15
12
  export {
16
- t as dividerVariants
13
+ i as dividerVariants
17
14
  };
@@ -1,11 +1,13 @@
1
1
  import { useContext as t } from "react";
2
2
  import { DropdownContext as r } from "./dropdown.context.js";
3
- const s = () => {
3
+ const p = () => {
4
4
  const o = t(r);
5
5
  if (!o)
6
- throw new Error("useTheme must be used within a DropdownProvider");
6
+ throw new Error(
7
+ "useDropdownContext must be used within a DropdownProvider"
8
+ );
7
9
  return o;
8
10
  };
9
11
  export {
10
- s as useDropdownContext
12
+ p as useDropdownContext
11
13
  };
@@ -1,100 +1,39 @@
1
- import { jsxs as O, jsx as c } from "react/jsx-runtime";
2
- import l, { forwardRef as p, useState as E, useId as k } from "react";
3
- import { cn as w } from "../../utils/index.js";
4
- import { inputVariants as z } from "./Input.variants.js";
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";
3
+ import { cn as d } from "../../utils/index.js";
4
+ import { inputVariants as k } from "./Input.variants.js";
5
5
  import { P as a } from "../../index-C5psggHV.js";
6
- function u() {
7
- return u = Object.assign || function(e) {
8
- for (var o = 1; o < arguments.length; o++) {
9
- var r = arguments[o];
10
- for (var t in r)
11
- Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
12
- }
13
- return e;
14
- }, u.apply(this, arguments);
15
- }
16
- function N(e, o) {
17
- if (e == null) return {};
18
- var r = $(e, o), t, n;
19
- if (Object.getOwnPropertySymbols) {
20
- var i = Object.getOwnPropertySymbols(e);
21
- for (n = 0; n < i.length; n++)
22
- t = i[n], !(o.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
23
- }
24
- return r;
25
- }
26
- function $(e, o) {
27
- if (e == null) return {};
28
- var r = {}, t = Object.keys(e), n, i;
29
- for (i = 0; i < t.length; i++)
30
- n = t[i], !(o.indexOf(n) >= 0) && (r[n] = e[n]);
31
- return r;
32
- }
33
- var h = p(function(e, o) {
34
- var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, s = N(e, ["color", "size"]);
35
- return /* @__PURE__ */ l.createElement("svg", u({
36
- ref: o,
37
- xmlns: "http://www.w3.org/2000/svg",
38
- width: i,
39
- height: i,
40
- viewBox: "0 0 24 24",
41
- fill: "none",
42
- stroke: t,
43
- strokeWidth: "2",
44
- strokeLinecap: "round",
45
- strokeLinejoin: "round"
46
- }, s), /* @__PURE__ */ l.createElement("circle", {
47
- cx: "12",
48
- cy: "12",
49
- r: "10"
50
- }), /* @__PURE__ */ l.createElement("line", {
51
- x1: "12",
52
- y1: "8",
53
- x2: "12",
54
- y2: "12"
55
- }), /* @__PURE__ */ l.createElement("line", {
56
- x1: "12",
57
- y1: "16",
58
- x2: "12.01",
59
- y2: "16"
60
- }));
61
- });
62
- h.propTypes = {
63
- color: a.string,
64
- size: a.oneOfType([a.string, a.number])
65
- };
66
- h.displayName = "AlertCircle";
67
6
  function m() {
68
7
  return m = Object.assign || function(e) {
69
- for (var o = 1; o < arguments.length; o++) {
70
- var r = arguments[o];
71
- for (var t in r)
72
- Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
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]);
73
12
  }
74
13
  return e;
75
14
  }, m.apply(this, arguments);
76
15
  }
77
- function _(e, o) {
16
+ function z(e, r) {
78
17
  if (e == null) return {};
79
- var r = L(e, o), t, n;
18
+ var o = L(e, r), t, n;
80
19
  if (Object.getOwnPropertySymbols) {
81
20
  var i = Object.getOwnPropertySymbols(e);
82
21
  for (n = 0; n < i.length; n++)
83
- t = i[n], !(o.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
22
+ t = i[n], !(r.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
84
23
  }
85
- return r;
24
+ return o;
86
25
  }
87
- function L(e, o) {
26
+ function L(e, r) {
88
27
  if (e == null) return {};
89
- var r = {}, t = Object.keys(e), n, i;
28
+ var o = {}, t = Object.keys(e), n, i;
90
29
  for (i = 0; i < t.length; i++)
91
- n = t[i], !(o.indexOf(n) >= 0) && (r[n] = e[n]);
92
- return r;
30
+ n = t[i], !(r.indexOf(n) >= 0) && (o[n] = e[n]);
31
+ return o;
93
32
  }
94
- var v = p(function(e, o) {
95
- var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, s = _(e, ["color", "size"]);
96
- return /* @__PURE__ */ l.createElement("svg", m({
97
- ref: o,
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,
98
37
  xmlns: "http://www.w3.org/2000/svg",
99
38
  width: i,
100
39
  height: i,
@@ -104,51 +43,51 @@ var v = p(function(e, o) {
104
43
  strokeWidth: "2",
105
44
  strokeLinecap: "round",
106
45
  strokeLinejoin: "round"
107
- }, s), /* @__PURE__ */ l.createElement("path", {
46
+ }, c), /* @__PURE__ */ s.createElement("path", {
108
47
  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"
109
- }), /* @__PURE__ */ l.createElement("line", {
48
+ }), /* @__PURE__ */ s.createElement("line", {
110
49
  x1: "1",
111
50
  y1: "1",
112
51
  x2: "23",
113
52
  y2: "23"
114
53
  }));
115
54
  });
116
- v.propTypes = {
55
+ w.propTypes = {
117
56
  color: a.string,
118
57
  size: a.oneOfType([a.string, a.number])
119
58
  };
120
- v.displayName = "EyeOff";
121
- function y() {
122
- return y = Object.assign || function(e) {
123
- for (var o = 1; o < arguments.length; o++) {
124
- var r = arguments[o];
125
- for (var t in r)
126
- Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
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]);
127
66
  }
128
67
  return e;
129
- }, y.apply(this, arguments);
68
+ }, g.apply(this, arguments);
130
69
  }
131
- function W(e, o) {
70
+ function I(e, r) {
132
71
  if (e == null) return {};
133
- var r = I(e, o), t, n;
72
+ var o = M(e, r), t, n;
134
73
  if (Object.getOwnPropertySymbols) {
135
74
  var i = Object.getOwnPropertySymbols(e);
136
75
  for (n = 0; n < i.length; n++)
137
- t = i[n], !(o.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
76
+ t = i[n], !(r.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
138
77
  }
139
- return r;
78
+ return o;
140
79
  }
141
- function I(e, o) {
80
+ function M(e, r) {
142
81
  if (e == null) return {};
143
- var r = {}, t = Object.keys(e), n, i;
82
+ var o = {}, t = Object.keys(e), n, i;
144
83
  for (i = 0; i < t.length; i++)
145
- n = t[i], !(o.indexOf(n) >= 0) && (r[n] = e[n]);
146
- return r;
84
+ n = t[i], !(r.indexOf(n) >= 0) && (o[n] = e[n]);
85
+ return o;
147
86
  }
148
- var g = p(function(e, o) {
149
- var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, s = W(e, ["color", "size"]);
150
- return /* @__PURE__ */ l.createElement("svg", y({
151
- ref: o,
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,
152
91
  xmlns: "http://www.w3.org/2000/svg",
153
92
  width: i,
154
93
  height: i,
@@ -158,64 +97,94 @@ var g = p(function(e, o) {
158
97
  strokeWidth: "2",
159
98
  strokeLinecap: "round",
160
99
  strokeLinejoin: "round"
161
- }, s), /* @__PURE__ */ l.createElement("path", {
100
+ }, c), /* @__PURE__ */ s.createElement("path", {
162
101
  d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"
163
- }), /* @__PURE__ */ l.createElement("circle", {
102
+ }), /* @__PURE__ */ s.createElement("circle", {
164
103
  cx: "12",
165
104
  cy: "12",
166
105
  r: "3"
167
106
  }));
168
107
  });
169
- g.propTypes = {
108
+ x.propTypes = {
170
109
  color: a.string,
171
110
  size: a.oneOfType([a.string, a.number])
172
111
  };
173
- g.displayName = "Eye";
174
- const T = p(
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(
175
114
  ({
176
115
  className: e,
177
- error: o,
178
- label: r,
179
- labelClassName: t,
180
- name: n,
181
- type: i,
182
- theme: s,
183
- ...b
184
- }, x) => {
185
- const [f, j] = E(!1), d = k(), P = f ? g : v;
186
- return /* @__PURE__ */ O("div", { className: "flex flex-col gap-1.5 w-full", "data-theme": s, children: [
187
- r ? /* @__PURE__ */ c("label", { htmlFor: d, className: w("cursor-pointer", t), children: r }) : null,
188
- /* @__PURE__ */ O("div", { className: "relative", children: [
189
- /* @__PURE__ */ c(
116
+ error: r,
117
+ isRequired: o = !1,
118
+ isSearch: t = !1,
119
+ label: n,
120
+ labelClassName: i,
121
+ name: c,
122
+ theme: b,
123
+ type: f = "text",
124
+ helperText: y,
125
+ ...C
126
+ }, j) => {
127
+ const O = E(), [u, N] = _(() => f !== "password"), p = 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(
130
+ "label",
131
+ {
132
+ htmlFor: O,
133
+ className: d(
134
+ "cursor-pointer text-slate-500 flex gap-1 text-sm font-medium",
135
+ i
136
+ ),
137
+ children: [
138
+ n,
139
+ " ",
140
+ o ? /* @__PURE__ */ l("span", { className: "text-red-600 text-xs mt-0.5", children: "*" }) : null
141
+ ]
142
+ }
143
+ ) : null,
144
+ /* @__PURE__ */ h("div", { className: "relative", children: [
145
+ t ? /* @__PURE__ */ l(
146
+ "i",
147
+ {
148
+ className: d(
149
+ "absolute left-2.5 top-1/2 -translate-y-[50%] text-slate-400",
150
+ p && "text-red-600"
151
+ ),
152
+ children: /* @__PURE__ */ l(V, { className: "w-5 h-5" })
153
+ }
154
+ ) : null,
155
+ /* @__PURE__ */ l(
190
156
  "input",
191
157
  {
192
- id: d,
193
- ref: x,
194
- name: n,
195
- type: f ? "text" : i,
196
- className: w(
197
- z({
158
+ id: O,
159
+ ref: j,
160
+ name: c,
161
+ type: u ? "text" : "password",
162
+ className: d(
163
+ k({
198
164
  className: e,
199
- variant: o ? "error" : "default"
200
- })
165
+ variant: p ? "error" : "default"
166
+ }),
167
+ (f === "password" || p) && "pr-10",
168
+ t && "pl-8"
201
169
  ),
202
- ...b
170
+ ...C
203
171
  }
204
172
  ),
205
- o ? /* @__PURE__ */ c("i", { className: "absolute right-3 text-red-600 top-0 translate-y-[40%]", children: /* @__PURE__ */ c(h, { className: "w-5 h-5" }) }) : null,
206
- i === "password" && !o ? /* @__PURE__ */ c("i", { className: "absolute right-3 text-slate-400 top-0 translate-y-[40%]", children: /* @__PURE__ */ c(
173
+ p ? /* @__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
+ f === "password" && !r ? /* @__PURE__ */ l("i", { className: "absolute right-3 text-slate-400 top-1/2 -translate-y-[50%]", children: /* @__PURE__ */ l(
207
175
  P,
208
176
  {
209
177
  className: "w-5 h-5 cursor-pointer",
210
- onClick: () => j(!f)
178
+ onClick: () => N(!u)
211
179
  }
212
180
  ) }) : null
213
181
  ] }),
214
- o ? /* @__PURE__ */ c("span", { className: "text-xs text-red-600 -mt-0.5", children: o }) : null
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
215
184
  ] });
216
185
  }
217
186
  );
218
- T.displayName = "Input";
187
+ $.displayName = "Input";
219
188
  export {
220
- T as Input
189
+ $ as Input
221
190
  };
@@ -1,24 +1,26 @@
1
1
  import { c as r } from "../../index-BNmRGtA6.js";
2
- const i = r(
2
+ const a = r(
3
3
  [
4
4
  "bg-white",
5
+ "border-gray-300",
5
6
  "border",
6
- "border-zinc-200",
7
+ "civo:focus:ring-civo-primary",
8
+ "disabled:bg-gray-50",
7
9
  "disabled:cursor-not-allowed",
8
- "disabled:opacity-50",
10
+ "disabled:text-slate-500",
9
11
  "flex",
10
12
  "focus-visible:outline-none",
11
13
  "focus-visible:ring-1",
12
- "h-9",
13
- "placeholder:text-muted-foreground",
14
- "pl-3",
15
- "pr-10",
16
- "py-1",
17
- "rounded-md",
18
- "shadow-2xs",
19
- "transition-colors",
14
+ "focus:ring-kubefirst-primary",
15
+ "h-10",
16
+ "placeholder:text-slate-400",
17
+ "px-2.5",
18
+ "py-2",
19
+ "rounded",
20
+ "text-slate-800",
21
+ "text-sm",
20
22
  "w-full",
21
- "focus:ring-kubefirst-primary"
23
+ "transition-all"
22
24
  ],
23
25
  {
24
26
  variants: {
@@ -33,5 +35,5 @@ const i = r(
33
35
  }
34
36
  );
35
37
  export {
36
- i as inputVariants
38
+ a as inputVariants
37
39
  };
@@ -1,111 +1,26 @@
1
- import { jsx as g } from "react/jsx-runtime";
2
- import { cn as w } from "../../utils/index.js";
3
- import { loadingVariants as f } from "./Loading.variants.js";
4
- import { forwardRef as i, createElement as n } from "react";
1
+ import { jsx as e } from "react/jsx-runtime";
2
+ import { cn as c } from "../../utils/index.js";
3
+ import { loadingVariants as i } from "./Loading.variants.js";
4
+ import { c as t } from "../../createLucideIcon-BA2PlKw1.js";
5
5
  /**
6
- * @license lucide-react v0.488.0 - ISC
6
+ * @license lucide-react v0.510.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.
10
10
  */
11
- const h = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), L = (e) => e.replace(
12
- /^([A-Z])|[\s-_]+(\w)/g,
13
- (t, o, r) => r ? r.toUpperCase() : o.toLowerCase()
14
- ), c = (e) => {
15
- const t = L(e);
16
- return t.charAt(0).toUpperCase() + t.slice(1);
17
- }, l = (...e) => e.filter((t, o, r) => !!t && t.trim() !== "" && r.indexOf(t) === o).join(" ").trim();
18
- /**
19
- * @license lucide-react v0.488.0 - ISC
20
- *
21
- * This source code is licensed under the ISC license.
22
- * See the LICENSE file in the root directory of this source tree.
23
- */
24
- var k = {
25
- xmlns: "http://www.w3.org/2000/svg",
26
- width: 24,
27
- height: 24,
28
- viewBox: "0 0 24 24",
29
- fill: "none",
30
- stroke: "currentColor",
31
- strokeWidth: 2,
32
- strokeLinecap: "round",
33
- strokeLinejoin: "round"
34
- };
35
- /**
36
- * @license lucide-react v0.488.0 - ISC
37
- *
38
- * This source code is licensed under the ISC license.
39
- * See the LICENSE file in the root directory of this source tree.
40
- */
41
- const A = i(
42
- ({
43
- color: e = "currentColor",
44
- size: t = 24,
45
- strokeWidth: o = 2,
46
- absoluteStrokeWidth: r,
47
- className: s = "",
48
- children: a,
49
- iconNode: m,
50
- ...d
51
- }, p) => n(
52
- "svg",
53
- {
54
- ref: p,
55
- ...k,
56
- width: t,
57
- height: t,
58
- stroke: e,
59
- strokeWidth: r ? Number(o) * 24 / Number(t) : o,
60
- className: l("lucide", s),
61
- ...d
62
- },
63
- [
64
- ...m.map(([u, C]) => n(u, C)),
65
- ...Array.isArray(a) ? a : [a]
66
- ]
67
- )
68
- );
69
- /**
70
- * @license lucide-react v0.488.0 - ISC
71
- *
72
- * This source code is licensed under the ISC license.
73
- * See the LICENSE file in the root directory of this source tree.
74
- */
75
- const b = (e, t) => {
76
- const o = i(
77
- ({ className: r, ...s }, a) => n(A, {
78
- ref: a,
79
- iconNode: t,
80
- className: l(
81
- `lucide-${h(c(e))}`,
82
- `lucide-${e}`,
83
- r
84
- ),
85
- ...s
86
- })
87
- );
88
- return o.displayName = c(e), o;
89
- };
90
- /**
91
- * @license lucide-react v0.488.0 - ISC
92
- *
93
- * This source code is licensed under the ISC license.
94
- * See the LICENSE file in the root directory of this source tree.
95
- */
96
- const x = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], y = b("loader-circle", x), v = ({ className: e, theme: t, ...o }) => /* @__PURE__ */ g(
97
- y,
11
+ const d = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], m = t("loader-circle", d), n = ({ className: o, theme: a, ...r }) => /* @__PURE__ */ e(
12
+ m,
98
13
  {
99
- "data-theme": t,
100
- className: w(
101
- f({
102
- className: e
14
+ "data-theme": a,
15
+ className: c(
16
+ i({
17
+ className: o
103
18
  })
104
19
  ),
105
- ...o
20
+ ...r
106
21
  }
107
22
  );
108
- v.displayName = "Loading";
23
+ n.displayName = "Loading";
109
24
  export {
110
- v as Loading
25
+ n as Loading
111
26
  };
@@ -1,7 +1,7 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import "../../index-g-TFwd6Y.js";
4
- import { M as d } from "../../Modal-i7eolhYH.js";
3
+ import "../../index-ObZsP5Eh.js";
4
+ import { M as d } from "../../Modal-B2ujmsSW.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-Bk324h27.js";
2
+ import { S as n } from "../../../../index-tIydFizp.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-Bk324h27.js";
2
+ import { S as n } from "../../../../index-tIydFizp.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-Bk324h27.js";
2
+ import { S as n } from "../../../../index-tIydFizp.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,7 +1,7 @@
1
1
  import "react/jsx-runtime";
2
- import "../../../../index-CWKdynYu.js";
2
+ import "../../../../index-BRcC_VTj.js";
3
3
  import "react";
4
- import { W as f } from "../../../../Modal-i7eolhYH.js";
4
+ import { W as f } from "../../../../Modal-B2ujmsSW.js";
5
5
  import "../../../../Combination-b348x__d.js";
6
6
  import "../../../../utils/index.js";
7
7
  import "./Wrapper.variants.js";
@@ -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-i7eolhYH.js";
4
+ import { W as a } from "../../../Modal-B2ujmsSW.js";
5
5
  export {
6
6
  e as Body,
7
7
  t as Footer,
@@ -1,5 +1,5 @@
1
1
  import { jsxs as m, jsx as u } from "react/jsx-runtime";
2
- import { R as O } from "../../index-CWKdynYu.js";
2
+ import { R as O } from "../../index-BRcC_VTj.js";
3
3
  import p, { forwardRef as d, 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";