@konstructio/ui 0.1.0-alpha.2 → 0.1.0-alpha.4

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 (105) hide show
  1. package/dist/{Combination-b348x__d.js → Combination-Cvr3uETz.js} +102 -102
  2. package/dist/DatePicker.css +1 -0
  3. package/dist/{Modal-i7eolhYH.js → Modal-DXYBiafI.js} +3 -3
  4. package/dist/components/Alert/Alert.js +1 -1
  5. package/dist/components/AlertDialog/AlertDialog.js +55 -41
  6. package/dist/components/AlertDialog/components/AlertDialogTrigger.js +1 -1
  7. package/dist/components/AlertDialog/components/index.js +1 -1
  8. package/dist/components/Badge/Badge.js +14 -14
  9. package/dist/components/Badge/Badge.variants.js +18 -17
  10. package/dist/components/Breadcrumb/Breadcrumb.js +43 -52
  11. package/dist/components/Breadcrumb/Breadcrumb.variants.js +10 -41
  12. package/dist/components/Breadcrumb/components/Item/Item.js +22 -23
  13. package/dist/components/Breadcrumb/components/Item/Item.variants.js +43 -56
  14. package/dist/components/Breadcrumb/hooks/useBreadcrumb.js +1 -1
  15. package/dist/components/Button/Button.js +30 -26
  16. package/dist/components/Button/Button.variants.js +115 -28
  17. package/dist/components/Checkbox/Checkbox.js +297 -187
  18. package/dist/components/Checkbox/Checkbox.variants.js +12 -15
  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 +1 -1
  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 +1 -1
  28. package/dist/components/Command/components/DialogOverlay.js +1 -1
  29. package/dist/components/Datepicker/DatePicker.js +2711 -0
  30. package/dist/components/Datepicker/DatePicker.variants.js +5 -0
  31. package/dist/components/Dropdown/components/List/List.js +49 -17
  32. package/dist/components/Dropdown/components/ListItem/ListItem.js +21 -17
  33. package/dist/components/Dropdown/components/Wrapper.js +64 -59
  34. package/dist/components/Dropdown/contexts/dropdown.hook.js +5 -3
  35. package/dist/components/Input/Input.js +106 -137
  36. package/dist/components/Input/Input.variants.js +15 -13
  37. package/dist/components/Loading/Loading.js +2 -2
  38. package/dist/components/Modal/Modal.js +2 -2
  39. package/dist/components/Modal/components/Body/Body.js +1 -1
  40. package/dist/components/Modal/components/Footer/Footer.js +1 -1
  41. package/dist/components/Modal/components/Header/Header.js +1 -1
  42. package/dist/components/Modal/components/Wrapper/Wrapper.js +3 -3
  43. package/dist/components/Modal/components/index.js +1 -1
  44. package/dist/components/NumberInput/NumberInput.js +1 -1
  45. package/dist/components/Radio/Radio.variants.js +14 -12
  46. package/dist/components/RadioGroup/RadioGroup.js +1 -1
  47. package/dist/components/Range/Range.js +1 -1
  48. package/dist/components/Slider/Slider.js +1 -1
  49. package/dist/components/Switch/Switch.js +141 -126
  50. package/dist/components/Tabs/Tabs.js +24 -0
  51. package/dist/components/Tabs/Tabs.variants.js +58 -0
  52. package/dist/components/Tabs/components/Content.js +19 -0
  53. package/dist/components/Tabs/components/List.js +20 -0
  54. package/dist/components/Tabs/components/Trigger.js +26 -0
  55. package/dist/components/Tag/Tag.js +1 -1
  56. package/dist/components/TimePicker/TimePicker.js +8 -0
  57. package/dist/components/TimePicker/TimePicker.variants.js +62 -0
  58. package/dist/components/TimePicker/components/HoursList/HoursList.js +93 -0
  59. package/dist/components/TimePicker/components/MeridianList/MeridianList.js +68 -0
  60. package/dist/components/TimePicker/components/MinutesList/MinutesList.js +60 -0
  61. package/dist/components/TimePicker/components/Wrapper/Wrapper.js +102 -0
  62. package/dist/components/TimePicker/components/WrapperList/WrapperList.js +51 -0
  63. package/dist/components/TimePicker/components/WrapperList/WrapperList.variants.js +16 -0
  64. package/dist/components/TimePicker/components/index.js +4 -0
  65. package/dist/components/TimePicker/contexts/index.js +8 -0
  66. package/dist/components/TimePicker/contexts/time-picker.context.js +22 -0
  67. package/dist/components/TimePicker/contexts/time-picker.hook.js +13 -0
  68. package/dist/components/TimePicker/contexts/time-picker.provider.js +46 -0
  69. package/dist/components/TimePicker/utils/index.js +6 -0
  70. package/dist/components/Toast/Toast.js +37 -35
  71. package/dist/components/Tooltip/Tooltip.js +1 -1
  72. package/dist/components/Typography/Typography.js +14 -16
  73. package/dist/components/index.js +72 -66
  74. package/dist/createLucideIcon-vyksFS6P.js +94 -0
  75. package/dist/index--EmNlyHx.js +31 -0
  76. package/dist/{index-DvFiic6N.js → index-1RDo-S_f.js} +96 -102
  77. package/dist/{index-Bk324h27.js → index-B5MIi2tR.js} +6 -5
  78. package/dist/{index-g-TFwd6Y.js → index-BCGvACM9.js} +2 -1
  79. package/dist/{index-Bry5AFQ2.js → index-Bc1LNrRD.js} +1 -1
  80. package/dist/index-BdMNhZnh.js +9 -0
  81. package/dist/{index-AM3avohj.js → index-BuxebbOg.js} +3 -3
  82. package/dist/index-BvCZBMfr.js +432 -0
  83. package/dist/index-Cq1I1cG9.js +129 -0
  84. package/dist/index-Cs8Lv8Wj.js +13 -0
  85. package/dist/index-CvfCCTEO.js +323 -0
  86. package/dist/{index-dRxIWVBr.js → index-Cz09twLl.js} +6 -5
  87. package/dist/{index-YaQrdkGE.js → index-DNRcvRTB.js} +31 -30
  88. package/dist/{index-G_6jG4Qc.js → index-Dm-ooN_M.js} +18 -18
  89. package/dist/index-DwYXX2sM.js +13 -0
  90. package/dist/{index-D9BbbgUq.js → index-rUBNhTeF.js} +2 -2
  91. package/dist/index.d.ts +75 -13
  92. package/dist/index.js +78 -72
  93. package/dist/package.json +37 -34
  94. package/dist/styles.css +1 -1
  95. package/dist/ui/civo-theme.css +263 -0
  96. package/dist/ui/kubefirst-theme.css +1 -1
  97. package/dist/ui/theme.css +11 -0
  98. package/dist/useBreadcrumb-DMERrNkJ.js +1280 -0
  99. package/dist/utils/index.js +3 -3
  100. package/package.json +37 -34
  101. package/dist/createLucideIcon-CoF3ywd5.js +0 -89
  102. package/dist/index-BOx5P4tS.js +0 -423
  103. package/dist/index-CWKdynYu.js +0 -32
  104. package/dist/index-bYyfdsls.js +0 -118
  105. package/dist/useBreadcrumb-BsIeMoR1.js +0 -1279
@@ -1,72 +1,78 @@
1
- import { Alert as t } from "./Alert/Alert.js";
1
+ import { Alert as e } from "./Alert/Alert.js";
2
2
  import { AlertDialog as p } from "./AlertDialog/AlertDialog.js";
3
3
  import { Autocomplete as x } from "./Autocomplete/Autocomplete.js";
4
- import { Breadcrumb as a } from "./Breadcrumb/Breadcrumb.js";
5
- import { Button as d } from "./Button/Button.js";
6
- import { Card as n } from "./Card/Card.js";
7
- import { Checkbox as u } from "./Checkbox/Checkbox.js";
8
- import { Dropdown as b } from "./Dropdown/Dropdown.js";
9
- import { Input as v } from "./Input/Input.js";
10
- import { M as R } from "../Modal-i7eolhYH.js";
11
- import { NumberInput as s } from "./NumberInput/NumberInput.js";
12
- import { ProgressBar as C } from "./ProgressBar/ProgressBar.js";
13
- import { Radio as B } from "./Radio/Radio.js";
14
- import { RadioCard as G } from "./RadioCard/RadioCard.js";
15
- import { RadioCardGroup as y } from "./RadioCardGroup/RadioCardGroup.js";
16
- import { RadioGroup as L } from "./RadioGroup/RadioGroup.js";
17
- import { Range as k } from "./Range/Range.js";
18
- import { Sidebar as O } from "./Sidebar/Sidebar.js";
19
- import { Slider as j } from "./Slider/Slider.js";
20
- import { Switch as z } from "./Switch/Switch.js";
21
- import { Tag as H } from "./Tag/Tag.js";
22
- import { TagSelect as K } from "./TagSelect/TagSelect.js";
23
- import { TextArea as U } from "./TextArea/TextArea.js";
24
- import { Toast as W } from "./Toast/Toast.js";
25
- import { Tooltip as Y } from "./Tooltip/Tooltip.js";
26
- import { Loading as _ } from "./Loading/Loading.js";
27
- import { Typography as oo } from "./Typography/Typography.js";
28
- import { Divider as to } from "./Divider/Divider.js";
29
- import { Table as po } from "./Table/Table.js";
30
- import { Footer as xo } from "./Sidebar/components/Footer/Footer.js";
31
- import { Logo as ao } from "./Sidebar/components/Logo/Logo.js";
32
- import { Navigation as go } from "./Sidebar/components/Navigation/Navigation.js";
33
- import { NavigationGroup as lo } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
34
- import { NavigationOption as To } from "./Sidebar/components/NavigationOption/NavigationOption.js";
35
- import { NavigationSeparator as co } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
4
+ import { Badge as a } from "./Badge/Badge.js";
5
+ import { Breadcrumb as d } from "./Breadcrumb/Breadcrumb.js";
6
+ import { Button as n } from "./Button/Button.js";
7
+ import { Card as u } from "./Card/Card.js";
8
+ import { Checkbox as c } from "./Checkbox/Checkbox.js";
9
+ import { DatePicker as v } from "./Datepicker/DatePicker.js";
10
+ import { Divider as R } from "./Divider/Divider.js";
11
+ import { Dropdown as s } from "./Dropdown/Dropdown.js";
12
+ import { Input as B } from "./Input/Input.js";
13
+ import { Loading as D } from "./Loading/Loading.js";
14
+ import { M as k } from "../Modal-DXYBiafI.js";
15
+ import { NumberInput as P } from "./NumberInput/NumberInput.js";
16
+ import { ProgressBar as y } from "./ProgressBar/ProgressBar.js";
17
+ import { Radio as L } from "./Radio/Radio.js";
18
+ import { RadioCard as F } from "./RadioCard/RadioCard.js";
19
+ import { RadioCardGroup as j } from "./RadioCardGroup/RadioCardGroup.js";
20
+ import { RadioGroup as z } from "./RadioGroup/RadioGroup.js";
21
+ import { Range as H } from "./Range/Range.js";
22
+ import { Sidebar as K } from "./Sidebar/Sidebar.js";
23
+ import { Slider as U } from "./Slider/Slider.js";
24
+ import { Switch as W } from "./Switch/Switch.js";
25
+ import { Table as Y } from "./Table/Table.js";
26
+ import { Tag as _ } from "./Tag/Tag.js";
27
+ import { TagSelect as oo } from "./TagSelect/TagSelect.js";
28
+ import { TextArea as eo } from "./TextArea/TextArea.js";
29
+ import { TimePicker as po } from "./TimePicker/TimePicker.js";
30
+ import { Toast as xo } from "./Toast/Toast.js";
31
+ import { Tooltip as ao } from "./Tooltip/Tooltip.js";
32
+ import { Typography as go } from "./Typography/Typography.js";
33
+ import { Footer as lo } from "./Sidebar/components/Footer/Footer.js";
34
+ import { Logo as To } from "./Sidebar/components/Logo/Logo.js";
35
+ import { Navigation as bo } from "./Sidebar/components/Navigation/Navigation.js";
36
+ import { NavigationGroup as No } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
37
+ import { NavigationOption as So } from "./Sidebar/components/NavigationOption/NavigationOption.js";
38
+ import { NavigationSeparator as Ao } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
36
39
  export {
37
- t as Alert,
40
+ e as Alert,
38
41
  p as AlertDialog,
39
42
  x as Autocomplete,
40
- a as Breadcrumb,
41
- d as Button,
42
- n as Card,
43
- u as Checkbox,
44
- to as Divider,
45
- b as Dropdown,
46
- xo as Footer,
47
- v as Input,
48
- _ as Loading,
49
- ao as Logo,
50
- R as Modal,
51
- go as Navigation,
52
- lo as NavigationGroup,
53
- To as NavigationOption,
54
- co as NavigationSeparator,
55
- s as NumberInput,
56
- C as ProgressBar,
57
- B as Radio,
58
- G as RadioCard,
59
- y as RadioCardGroup,
60
- L as RadioGroup,
61
- k as Range,
62
- O as Sidebar,
63
- j as Slider,
64
- z as Switch,
65
- po as Table,
66
- H as Tag,
67
- K as TagSelect,
68
- U as TextArea,
69
- W as Toast,
70
- Y as Tooltip,
71
- oo as Typography
43
+ a as Badge,
44
+ d as Breadcrumb,
45
+ n as Button,
46
+ u as Card,
47
+ c as Checkbox,
48
+ v as DatePicker,
49
+ R as Divider,
50
+ s as Dropdown,
51
+ lo as Footer,
52
+ B as Input,
53
+ D as Loading,
54
+ To as Logo,
55
+ k as Modal,
56
+ bo as Navigation,
57
+ No as NavigationGroup,
58
+ So as NavigationOption,
59
+ Ao as NavigationSeparator,
60
+ P as NumberInput,
61
+ y as ProgressBar,
62
+ L as Radio,
63
+ F as RadioCard,
64
+ j as RadioCardGroup,
65
+ z as RadioGroup,
66
+ H as Range,
67
+ K as Sidebar,
68
+ U as Slider,
69
+ W as Switch,
70
+ Y as Table,
71
+ _ as Tag,
72
+ oo as TagSelect,
73
+ eo as TextArea,
74
+ po as TimePicker,
75
+ xo as Toast,
76
+ ao as Tooltip,
77
+ go as Typography
72
78
  };
@@ -0,0 +1,94 @@
1
+ import { forwardRef as l, createElement as n } from "react";
2
+ /**
3
+ * @license lucide-react v0.511.0 - ISC
4
+ *
5
+ * This source code is licensed under the ISC license.
6
+ * See the LICENSE file in the root directory of this source tree.
7
+ */
8
+ const w = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), h = (t) => t.replace(
9
+ /^([A-Z])|[\s-_]+(\w)/g,
10
+ (e, r, o) => o ? o.toUpperCase() : r.toLowerCase()
11
+ ), i = (t) => {
12
+ const e = h(t);
13
+ return e.charAt(0).toUpperCase() + e.slice(1);
14
+ }, u = (...t) => t.filter((e, r, o) => !!e && e.trim() !== "" && o.indexOf(e) === r).join(" ").trim(), f = (t) => {
15
+ for (const e in t)
16
+ if (e.startsWith("aria-") || e === "role" || e === "title")
17
+ return !0;
18
+ };
19
+ /**
20
+ * @license lucide-react v0.511.0 - ISC
21
+ *
22
+ * This source code is licensed under the ISC license.
23
+ * See the LICENSE file in the root directory of this source tree.
24
+ */
25
+ var g = {
26
+ xmlns: "http://www.w3.org/2000/svg",
27
+ width: 24,
28
+ height: 24,
29
+ viewBox: "0 0 24 24",
30
+ fill: "none",
31
+ stroke: "currentColor",
32
+ strokeWidth: 2,
33
+ strokeLinecap: "round",
34
+ strokeLinejoin: "round"
35
+ };
36
+ /**
37
+ * @license lucide-react v0.511.0 - ISC
38
+ *
39
+ * This source code is licensed under the ISC license.
40
+ * See the LICENSE file in the root directory of this source tree.
41
+ */
42
+ const A = l(
43
+ ({
44
+ color: t = "currentColor",
45
+ size: e = 24,
46
+ strokeWidth: r = 2,
47
+ absoluteStrokeWidth: o,
48
+ className: s = "",
49
+ children: a,
50
+ iconNode: p,
51
+ ...c
52
+ }, m) => n(
53
+ "svg",
54
+ {
55
+ ref: m,
56
+ ...g,
57
+ width: e,
58
+ height: e,
59
+ stroke: t,
60
+ strokeWidth: o ? Number(r) * 24 / Number(e) : r,
61
+ className: u("lucide", s),
62
+ ...!a && !f(c) && { "aria-hidden": "true" },
63
+ ...c
64
+ },
65
+ [
66
+ ...p.map(([C, d]) => n(C, d)),
67
+ ...Array.isArray(a) ? a : [a]
68
+ ]
69
+ )
70
+ );
71
+ /**
72
+ * @license lucide-react v0.511.0 - ISC
73
+ *
74
+ * This source code is licensed under the ISC license.
75
+ * See the LICENSE file in the root directory of this source tree.
76
+ */
77
+ const k = (t, e) => {
78
+ const r = l(
79
+ ({ className: o, ...s }, a) => n(A, {
80
+ ref: a,
81
+ iconNode: e,
82
+ className: u(
83
+ `lucide-${w(i(t))}`,
84
+ `lucide-${t}`,
85
+ o
86
+ ),
87
+ ...s
88
+ })
89
+ );
90
+ return r.displayName = i(t), r;
91
+ };
92
+ export {
93
+ k as c
94
+ };
@@ -0,0 +1,31 @@
1
+ import * as i from "react";
2
+ import { P as o } from "./index-BCGvACM9.js";
3
+ import { jsx as t } from "react/jsx-runtime";
4
+ var d = Object.freeze({
5
+ // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
6
+ position: "absolute",
7
+ border: 0,
8
+ width: 1,
9
+ height: 1,
10
+ padding: 0,
11
+ margin: -1,
12
+ overflow: "hidden",
13
+ clip: "rect(0, 0, 0, 0)",
14
+ whiteSpace: "nowrap",
15
+ wordWrap: "normal"
16
+ }), s = "VisuallyHidden", e = i.forwardRef(
17
+ (r, a) => /* @__PURE__ */ t(
18
+ o.span,
19
+ {
20
+ ...r,
21
+ ref: a,
22
+ style: { ...d, ...r.style }
23
+ }
24
+ )
25
+ );
26
+ e.displayName = s;
27
+ var n = e;
28
+ export {
29
+ n as R,
30
+ e as V
31
+ };