@konstructio/ui 0.0.13-alpha.1 → 0.1.0-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 (129) hide show
  1. package/dist/{Combination-b348x__d.js → Combination-VYaRRJBZ.js} +155 -157
  2. package/dist/DatePicker.css +1 -0
  3. package/dist/Modal-CrG0m703.js +98 -0
  4. package/dist/assets/icons/components/Search.js +26 -0
  5. package/dist/assets/icons/components/Warning.js +22 -0
  6. package/dist/assets/icons/components/index.js +6 -0
  7. package/dist/chevron-down-UW8ts6wI.js +11 -0
  8. package/dist/{chevron-up-DgLBQCKD.js → chevron-up-RLP4nX7V.js} +1 -1
  9. package/dist/components/Alert/Alert.js +2 -2
  10. package/dist/components/AlertDialog/AlertDialog.js +55 -41
  11. package/dist/components/AlertDialog/components/AlertDialogTrigger.js +1 -1
  12. package/dist/components/AlertDialog/components/index.js +1 -1
  13. package/dist/components/Badge/Badge.js +79 -0
  14. package/dist/components/Badge/Badge.variants.js +68 -0
  15. package/dist/components/Breadcrumb/Breadcrumb.js +44 -53
  16. package/dist/components/Breadcrumb/Breadcrumb.variants.js +10 -41
  17. package/dist/components/Breadcrumb/components/Item/Item.js +22 -23
  18. package/dist/components/Breadcrumb/components/Item/Item.variants.js +43 -56
  19. package/dist/components/Breadcrumb/hooks/useBreadcrumb.js +1 -1
  20. package/dist/components/Button/Button.js +30 -26
  21. package/dist/components/Button/Button.variants.js +116 -29
  22. package/dist/components/Checkbox/Checkbox.js +300 -185
  23. package/dist/components/Checkbox/Checkbox.variants.js +12 -15
  24. package/dist/components/Command/Command.js +2 -2
  25. package/dist/components/Command/components/Command.js +1 -1
  26. package/dist/components/Command/components/CommandEmpty.js +1 -1
  27. package/dist/components/Command/components/CommandGroup.js +1 -1
  28. package/dist/components/Command/components/CommandInput.js +2 -2
  29. package/dist/components/Command/components/CommandItem.js +1 -1
  30. package/dist/components/Command/components/CommandList.js +1 -1
  31. package/dist/components/Command/components/CommandSeparator.js +1 -1
  32. package/dist/components/Command/components/DialogContent.js +2 -2
  33. package/dist/components/Command/components/DialogOverlay.js +1 -1
  34. package/dist/components/Datepicker/DatePicker.js +2722 -0
  35. package/dist/components/Datepicker/DatePicker.variants.js +5 -0
  36. package/dist/components/Divider/Divider.variants.js +9 -12
  37. package/dist/components/Dropdown/components/List/List.js +55 -18
  38. package/dist/components/Dropdown/components/List/List.variants.js +5 -3
  39. package/dist/components/Dropdown/components/ListItem/ListItem.js +28 -22
  40. package/dist/components/Dropdown/components/Wrapper.js +110 -86
  41. package/dist/components/Dropdown/contexts/dropdown.context.js +6 -2
  42. package/dist/components/Dropdown/contexts/dropdown.hook.js +5 -3
  43. package/dist/components/Dropdown/contexts/dropdown.provider.js +18 -11
  44. package/dist/components/Filter/Filter.js +20 -0
  45. package/dist/components/Filter/Filter.variants.js +22 -0
  46. package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.hook.js +87 -0
  47. package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js +95 -0
  48. package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.hook.js +87 -0
  49. package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.js +90 -0
  50. package/dist/components/Filter/components/ResetButton/ResetButton.js +18 -0
  51. package/dist/components/Filter/components/index.js +8 -0
  52. package/dist/components/Filter/events/index.js +12 -0
  53. package/dist/components/Input/Input.js +134 -163
  54. package/dist/components/Input/Input.variants.js +15 -13
  55. package/dist/components/Loading/Loading.js +14 -99
  56. package/dist/components/Modal/Modal.js +2 -2
  57. package/dist/components/Modal/components/Body/Body.js +1 -1
  58. package/dist/components/Modal/components/Footer/Footer.js +1 -1
  59. package/dist/components/Modal/components/Header/Header.js +1 -1
  60. package/dist/components/Modal/components/Wrapper/Wrapper.js +4 -4
  61. package/dist/components/Modal/components/Wrapper/Wrapper.variants.js +4 -6
  62. package/dist/components/Modal/components/index.js +1 -1
  63. package/dist/components/NumberInput/NumberInput.js +2 -2
  64. package/dist/components/Radio/Radio.variants.js +14 -12
  65. package/dist/components/RadioGroup/RadioGroup.js +1 -1
  66. package/dist/components/Range/Range.js +1 -1
  67. package/dist/components/Slider/Slider.js +1 -1
  68. package/dist/components/Switch/Switch.js +141 -126
  69. package/dist/components/Table/Table.variants.js +5 -6
  70. package/dist/components/Tabs/Tabs.js +24 -0
  71. package/dist/components/Tabs/Tabs.variants.js +58 -0
  72. package/dist/components/Tabs/components/Content.js +19 -0
  73. package/dist/components/Tabs/components/List.js +20 -0
  74. package/dist/components/Tabs/components/Trigger.js +26 -0
  75. package/dist/components/Tag/Tag.js +1 -1
  76. package/dist/components/TagSelect/components/Wrapper/Wrapper.js +2 -2
  77. package/dist/components/TimePicker/TimePicker.js +8 -0
  78. package/dist/components/TimePicker/TimePicker.variants.js +62 -0
  79. package/dist/components/TimePicker/components/HoursList/HoursList.js +93 -0
  80. package/dist/components/TimePicker/components/MeridianList/MeridianList.js +68 -0
  81. package/dist/components/TimePicker/components/MinutesList/MinutesList.js +60 -0
  82. package/dist/components/TimePicker/components/Wrapper/Wrapper.js +96 -0
  83. package/dist/components/TimePicker/components/WrapperList/WrapperList.js +51 -0
  84. package/dist/components/TimePicker/components/WrapperList/WrapperList.variants.js +16 -0
  85. package/dist/components/TimePicker/components/index.js +4 -0
  86. package/dist/components/TimePicker/contexts/index.js +8 -0
  87. package/dist/components/TimePicker/contexts/time-picker.context.js +22 -0
  88. package/dist/components/TimePicker/contexts/time-picker.hook.js +13 -0
  89. package/dist/components/TimePicker/contexts/time-picker.provider.js +46 -0
  90. package/dist/components/TimePicker/utils/index.js +6 -0
  91. package/dist/components/Toast/Toast.js +38 -36
  92. package/dist/components/Tooltip/Tooltip.js +1 -1
  93. package/dist/components/Typography/Typography.js +14 -16
  94. package/dist/components/index.js +78 -66
  95. package/dist/createLucideIcon-ByJ0JZvK.js +94 -0
  96. package/dist/index--EmNlyHx.js +31 -0
  97. package/dist/{index-Bk324h27.js → index-B5MIi2tR.js} +6 -5
  98. package/dist/{index-g-TFwd6Y.js → index-BCGvACM9.js} +2 -1
  99. package/dist/{index-AM3avohj.js → index-BNU3RH-3.js} +3 -3
  100. package/dist/{index-Bry5AFQ2.js → index-Bc1LNrRD.js} +1 -1
  101. package/dist/index-BdMNhZnh.js +9 -0
  102. package/dist/index-BvCZBMfr.js +432 -0
  103. package/dist/index-Cq1I1cG9.js +129 -0
  104. package/dist/index-Cs8Lv8Wj.js +13 -0
  105. package/dist/index-CvfCCTEO.js +323 -0
  106. package/dist/{index-DvFiic6N.js → index-DLYwlPRZ.js} +96 -102
  107. package/dist/{index-YaQrdkGE.js → index-DNRcvRTB.js} +31 -30
  108. package/dist/{index-dRxIWVBr.js → index-Dkt8F6CZ.js} +6 -5
  109. package/dist/{index-G_6jG4Qc.js → index-Dm-ooN_M.js} +18 -18
  110. package/dist/index-DwYXX2sM.js +13 -0
  111. package/dist/{index-C5psggHV.js → index-h-Ul0anl.js} +1 -2
  112. package/dist/{index-D9BbbgUq.js → index-rUBNhTeF.js} +2 -2
  113. package/dist/index.d.ts +128 -17
  114. package/dist/index.js +84 -72
  115. package/dist/package.json +37 -37
  116. package/dist/styles.css +1 -1
  117. package/dist/ui/civo-theme.css +263 -0
  118. package/dist/ui/kubefirst-theme.css +1 -1
  119. package/dist/ui/theme.css +11 -0
  120. package/dist/ui/utilities.css +11 -2
  121. package/dist/useBreadcrumb-DMERrNkJ.js +1280 -0
  122. package/dist/utils/index.js +3 -3
  123. package/dist/{x-DU-Zw-L_.js → x-BPcqkRZd.js} +1 -1
  124. package/package.json +37 -37
  125. package/dist/Modal-i7eolhYH.js +0 -926
  126. package/dist/index-BOx5P4tS.js +0 -423
  127. package/dist/index-CWKdynYu.js +0 -32
  128. package/dist/index-bYyfdsls.js +0 -118
  129. package/dist/useBreadcrumb-BsIeMoR1.js +0 -1279
@@ -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-ByJ0JZvK.js";
5
5
  /**
6
- * @license lucide-react v0.488.0 - ISC
6
+ * @license lucide-react v0.513.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-BCGvACM9.js";
4
+ import { M as d } from "../../Modal-CrG0m703.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-B5MIi2tR.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-B5MIi2tR.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-B5MIi2tR.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,11 +1,11 @@
1
1
  import "react/jsx-runtime";
2
- import "../../../../index-CWKdynYu.js";
2
+ import "../../../../index--EmNlyHx.js";
3
3
  import "react";
4
- import { W as f } from "../../../../Modal-i7eolhYH.js";
5
- import "../../../../Combination-b348x__d.js";
4
+ import "../../../../Combination-VYaRRJBZ.js";
5
+ import { W as f } from "../../../../Modal-CrG0m703.js";
6
6
  import "../../../../utils/index.js";
7
7
  import "./Wrapper.variants.js";
8
- import "../../../../x-DU-Zw-L_.js";
8
+ import "../../../../x-BPcqkRZd.js";
9
9
  export {
10
10
  f as Wrapper
11
11
  };
@@ -1,5 +1,5 @@
1
- import { c as o } from "../../../../index-BNmRGtA6.js";
2
- const t = o([
1
+ import { c as t } from "../../../../index-BNmRGtA6.js";
2
+ const o = t([
3
3
  "bg-metal-1000",
4
4
  "bg-white",
5
5
  "border-none",
@@ -8,18 +8,16 @@ const t = o([
8
8
  "justify-between",
9
9
  "min-h-[450px]",
10
10
  "min-w-[500px]",
11
- "overflow-auto",
12
11
  "relative",
13
12
  "rounded-md",
14
13
  "shadow-xs",
15
- "lg:overflow-hidden",
16
14
  "animate-in",
17
15
  "fade-in-0",
18
16
  "zoom-in-95",
19
17
  "duration-150",
20
18
  "shadow-kubefirst-primary",
21
19
  "colony:shadow-red-400"
22
- ]), r = o([
20
+ ]), r = t([
23
21
  "absolute",
24
22
  "right-1.5",
25
23
  "top-1.5",
@@ -30,5 +28,5 @@ const t = o([
30
28
  ]);
31
29
  export {
32
30
  r as buttonCloseVariants,
33
- t as modalVariants
31
+ o as modalVariants
34
32
  };
@@ -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-CrG0m703.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 u } from "react/jsx-runtime";
2
- import { R as O } from "../../index-CWKdynYu.js";
2
+ import { R as O } from "../../index--EmNlyHx.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";
6
- import { P as s } from "../../index-C5psggHV.js";
6
+ import { P as s } from "../../index-h-Ul0anl.js";
7
7
  function v() {
8
8
  return v = Object.assign || function(t) {
9
9
  for (var i = 1; i < arguments.length; i++) {
@@ -12,10 +12,10 @@ const a = e(
12
12
  disabled: !1
13
13
  }
14
14
  }
15
- ), c = e(
15
+ ), o = e(
16
16
  [
17
17
  "border",
18
- "border-zinc-400",
18
+ "border-gray-300",
19
19
  "duration-300",
20
20
  "inline-block",
21
21
  "rounded-full",
@@ -52,15 +52,17 @@ const a = e(
52
52
  checked: [!0, !1],
53
53
  class: [
54
54
  "peer-checked:border-kubefirst-primary",
55
- "peer-checked:before:bg-kubefirst-primary"
55
+ "peer-checked:before:bg-kubefirst-primary",
56
+ "civo:peer-checked:border-civo-primary",
57
+ "civo:peer-checked:before:bg-civo-primary"
56
58
  ]
57
59
  },
58
60
  {
59
61
  disabled: !0,
60
62
  checked: !0,
61
63
  class: [
62
- "peer-checked:border-zinc-400",
63
- "peer-checked:before:bg-zinc-400",
64
+ "peer-checked:border-gray-300",
65
+ "peer-checked:before:bg-gray-300",
64
66
  "cursor-not-allowed",
65
67
  "[&+span]:cursor-not-allowed"
66
68
  ]
@@ -69,12 +71,12 @@ const a = e(
69
71
  disabled: !0,
70
72
  checked: !1,
71
73
  class: [
72
- "peer-checked:border-zinc-300",
73
- "peer-checked:border-zinc-300",
74
- "peer-checked:before:bg-zinc-300",
74
+ "peer-checked:border-gray-200",
75
+ "peer-checked:border-gray-200",
76
+ "peer-checked:before:bg-gray-200",
75
77
  "cursor-not-allowed",
76
78
  "[&+span]:cursor-not-allowed",
77
- "bg-zinc-50"
79
+ "bg-gray-50"
78
80
  ]
79
81
  }
80
82
  ],
@@ -82,9 +84,9 @@ const a = e(
82
84
  disabled: !1
83
85
  }
84
86
  }
85
- ), o = e(["text-sm", "text-zinc-700"]);
87
+ ), c = e(["text-sm", "text-zinc-700"]);
86
88
  export {
87
- o as labelRadioVariants,
88
- c as radioVariants,
89
+ c as labelRadioVariants,
90
+ o as radioVariants,
89
91
  a as wrapperRadioVariants
90
92
  };
@@ -1,5 +1,5 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
- import { S as x } from "../../index-Bk324h27.js";
2
+ import { S as x } from "../../index-B5MIi2tR.js";
3
3
  import { useState as G, useCallback as R } from "react";
4
4
  import { cn as m } from "../../utils/index.js";
5
5
  import { Radio as b } from "../Radio/Radio.js";
@@ -1,5 +1,5 @@
1
1
  import { jsxs as r, jsx as e } from "react/jsx-runtime";
2
- import { R as g, T as R, a as V, b as c } from "../../index-BOx5P4tS.js";
2
+ import { R as g, T as R, a as V, b as c } from "../../index-BvCZBMfr.js";
3
3
  import { forwardRef as v, useRef as b, useState as j, useImperativeHandle as k, useEffect as w, useCallback as y } from "react";
4
4
  import { cn as a } from "../../utils/index.js";
5
5
  import { rangeOutsideVariants as C, trackVariants as T, thumbVariants as i, rangeVariants as S } from "./Range.variants.js";
@@ -1,5 +1,5 @@
1
1
  import { jsxs as l, jsx as a } from "react/jsx-runtime";
2
- import { R as x, T as N, b as v } from "../../index-BOx5P4tS.js";
2
+ import { R as x, T as N, b as v } from "../../index-BvCZBMfr.js";
3
3
  import { forwardRef as V, useRef as b, useState as R, useImperativeHandle as g, useEffect as j, useCallback as k } from "react";
4
4
  import { cn as r } from "../../utils/index.js";
5
5
  import { trackVariants as w, thumbVariants as y, sliderVariants as C } from "./Slider.variants.js";