@konstructio/ui 0.1.2-alpha.3 → 0.1.2-alpha.5

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 (103) hide show
  1. package/dist/{Modal-V67Uz78z.js → Modal-D-NOEWMX.js} +3 -3
  2. package/dist/_commonjsHelpers-DaMA6jEr.js +8 -0
  3. package/dist/{chevron-down-BLZPftpV.js → chevron-down-MZvQoT2F.js} +2 -2
  4. package/dist/chevron-right-VYBOBhRt.js +19 -0
  5. package/dist/components/Alert/Alert.js +2 -2
  6. package/dist/components/AlertDialog/AlertDialog.js +1 -1
  7. package/dist/components/AlertDialog/components/AlertDialogTrigger.js +1 -1
  8. package/dist/components/AlertDialog/components/index.js +1 -1
  9. package/dist/components/Badge/Badge.js +2 -2
  10. package/dist/components/Breadcrumb/Breadcrumb.js +1 -1
  11. package/dist/components/Breadcrumb/components/Item/Item.js +16 -15
  12. package/dist/components/Checkbox/Checkbox.js +5 -4
  13. package/dist/components/Command/Command.js +2 -2
  14. package/dist/components/Command/components/Command.js +1 -1
  15. package/dist/components/Command/components/CommandEmpty.js +1 -1
  16. package/dist/components/Command/components/CommandGroup.js +1 -1
  17. package/dist/components/Command/components/CommandInput.js +2 -2
  18. package/dist/components/Command/components/CommandItem.js +1 -1
  19. package/dist/components/Command/components/CommandList.js +1 -1
  20. package/dist/components/Command/components/CommandSeparator.js +1 -1
  21. package/dist/components/Command/components/DialogContent.js +2 -2
  22. package/dist/components/Command/components/DialogOverlay.js +1 -1
  23. package/dist/components/Datepicker/DatePicker.js +545 -543
  24. package/dist/components/Dropdown/Dropdown.js +36 -24
  25. package/dist/components/Dropdown/Dropdown.variants.js +25 -7
  26. package/dist/components/Dropdown/components/List/List.js +59 -44
  27. package/dist/components/Dropdown/components/List/List.variants.js +9 -7
  28. package/dist/components/Dropdown/components/ListItem/ListItem.js +48 -24
  29. package/dist/components/Dropdown/components/ListItem/ListItem.variants.js +9 -7
  30. package/dist/components/Dropdown/components/Wrapper.js +141 -106
  31. package/dist/components/Dropdown/contexts/dropdown.context.js +9 -8
  32. package/dist/components/Dropdown/contexts/dropdown.provider.js +20 -19
  33. package/dist/components/Dropdown/hooks/useDropdown.js +26 -27
  34. package/dist/components/Dropdown/hooks/useNavigationList.js +32 -28
  35. package/dist/components/DropdownButton/DropdownButton.js +1 -1
  36. package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js +1 -1
  37. package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.js +1 -1
  38. package/dist/components/Input/Input.js +1 -1
  39. package/dist/components/Loading/Loading.js +2 -2
  40. package/dist/components/Modal/Modal.js +2 -2
  41. package/dist/components/Modal/components/Wrapper/Wrapper.js +3 -3
  42. package/dist/components/Modal/components/index.js +1 -1
  43. package/dist/components/NumberInput/NumberInput.js +2 -2
  44. package/dist/components/PieChart/PieChart.js +217 -215
  45. package/dist/components/Range/Range.js +1 -1
  46. package/dist/components/Sidebar/components/Wrapper/Wrapper.js +29 -28
  47. package/dist/components/Slider/Slider.js +1 -1
  48. package/dist/components/Switch/Switch.js +6 -5
  49. package/dist/components/Tabs/Tabs.js +1 -1
  50. package/dist/components/Tabs/Tabs.variants.js +45 -24
  51. package/dist/components/Tabs/components/Content.js +1 -1
  52. package/dist/components/Tabs/components/List.js +1 -1
  53. package/dist/components/Tabs/components/Trigger.js +9 -8
  54. package/dist/components/TagSelect/components/Wrapper/Wrapper.js +98 -49
  55. package/dist/components/TimePicker/components/Wrapper/Wrapper.js +1 -1
  56. package/dist/components/Toast/Toast.js +8 -7
  57. package/dist/components/VirtualizedTable/VirtualizedTable.js +99 -0
  58. package/dist/components/VirtualizedTable/VirtualizedTable.variants.js +5 -0
  59. package/dist/components/VirtualizedTable/assets/chevron-down.js +25 -0
  60. package/dist/components/VirtualizedTable/assets/chevron-up.js +25 -0
  61. package/dist/components/VirtualizedTable/assets/index.js +6 -0
  62. package/dist/components/VirtualizedTable/components/Actions/Actions.js +46 -0
  63. package/dist/components/VirtualizedTable/components/Body/Body.js +25 -0
  64. package/dist/components/VirtualizedTable/components/DotPaginate/DotPaginate.js +165 -0
  65. package/dist/components/VirtualizedTable/components/DropdownPaginate/DropdownPaginate.js +34 -0
  66. package/dist/components/VirtualizedTable/components/Filter/Filter.js +73 -0
  67. package/dist/components/VirtualizedTable/components/FormPaginate/FormPaginate.js +48 -0
  68. package/dist/components/VirtualizedTable/components/Header/Header.js +82 -0
  69. package/dist/components/VirtualizedTable/components/Pagination/Pagination.js +45 -0
  70. package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.js +1870 -0
  71. package/dist/components/VirtualizedTable/components/index.js +14 -0
  72. package/dist/components/VirtualizedTable/constants/index.js +5 -0
  73. package/dist/components/VirtualizedTable/constants/pagination.js +5 -0
  74. package/dist/components/VirtualizedTable/contexts/index.js +8 -0
  75. package/dist/components/VirtualizedTable/contexts/table.context.js +31 -0
  76. package/dist/components/VirtualizedTable/contexts/table.hook.js +11 -0
  77. package/dist/components/VirtualizedTable/contexts/table.provider.js +778 -0
  78. package/dist/components/index.js +44 -40
  79. package/dist/{createLucideIcon-DbC6TvM5.js → createLucideIcon-D2CN7Ma9.js} +4 -4
  80. package/dist/debounce-BFejQm9P.js +200 -0
  81. package/dist/{index-D3xzCzcO.js → index-B7t8D14s.js} +2 -2
  82. package/dist/index-BAEWsOG1.js +27 -0
  83. package/dist/{index-C9T9HQaa.js → index-BITvcJAz.js} +1 -1
  84. package/dist/index-BZPx6jYI.js +8 -0
  85. package/dist/{index-BAraV3ai.js → index-Bnb0ezr3.js} +1 -1
  86. package/dist/{index-DB2XhXHn.js → index-C84F4YyO.js} +11 -10
  87. package/dist/index-Cd2vhaop.js +137 -0
  88. package/dist/{index-iXyXtdgP.js → index-DBbEcSUG.js} +1 -1
  89. package/dist/index-Dx2grAuN.js +1742 -0
  90. package/dist/{index-BXuxPoz7.js → index-DzIBBMjs.js} +18 -17
  91. package/dist/{index-h-Ul0anl.js → index-N2OStZoU.js} +1 -1
  92. package/dist/{index-Oq5GlCHP.js → index-os7vysFS.js} +1 -1
  93. package/dist/index-ti1b9kqV.js +14 -0
  94. package/dist/index.d.ts +94 -5
  95. package/dist/index.js +41 -37
  96. package/dist/package.json +26 -22
  97. package/dist/styles.css +1 -1
  98. package/dist/{x-BPcqkRZd.js → x-4F_5p77m.js} +1 -1
  99. package/package.json +26 -22
  100. package/dist/_commonjsHelpers-C6fGbg64.js +0 -6
  101. package/dist/chevron-up-RLP4nX7V.js +0 -54
  102. package/dist/index-CZnD2QxM.js +0 -32
  103. package/dist/index-CrBonFvu.js +0 -144
@@ -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-DB2XhXHn.js";
2
+ import { R as g, T as R, a as V, b as c } from "../../index-C84F4YyO.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,37 +1,38 @@
1
- import { Footer as A } from "../Footer/Footer.js";
2
- import { Logo as b } from "../Logo/Logo.js";
3
- import { Navigation as C } from "../Navigation/Navigation.js";
1
+ import { Footer as b } from "../Footer/Footer.js";
2
+ import { Logo as C } from "../Logo/Logo.js";
3
+ import { Navigation as D } from "../Navigation/Navigation.js";
4
4
  import "../NavigationGroup/NavigationGroup.js";
5
5
  import "../NavigationOption/NavigationOption.js";
6
6
  import "../NavigationSeparator/NavigationSeparator.js";
7
7
  import "../NavigationTitle/NavigationTitle.js";
8
- import { jsxs as D, jsx as V } from "react/jsx-runtime";
8
+ import { jsxs as V, jsx as j } from "react/jsx-runtime";
9
9
  import { useRef as d, useCallback as f, useMemo as s, Children as a, isValidElement as l } from "react";
10
10
  import { cn as y } from "../../../../utils/index.js";
11
- import { dragVariants as j, wrapperSiderbarVariants as x } from "../../Sidebar.variants.js";
12
- const z = ({
11
+ import { dragVariants as x, wrapperSiderbarVariants as z } from "../../Sidebar.variants.js";
12
+ const S = ({
13
13
  canResize: g = !0,
14
14
  children: v,
15
+ dividerClassName: L,
15
16
  maxWith: i = 300,
16
17
  minWith: m = 240,
17
- theme: L,
18
- wrapperClassName: M
18
+ theme: M,
19
+ wrapperClassName: N
19
20
  }) => {
20
- const r = d(null), u = d(null), c = d(!1), n = f(
21
+ const r = d(null), c = d(null), u = d(!1), n = f(
21
22
  (e) => {
22
- if (!c.current) {
23
+ if (!u.current) {
23
24
  r.current && (r.current.style.opacity = "0");
24
25
  return;
25
26
  }
26
27
  let o = e.clientX;
27
- o < m && (o = m), o > i && (o = i), u.current && r.current && (u.current.style.width = `${o}px`, r.current.classList.add("opacity-100"));
28
+ o < m && (o = m), o > i && (o = i), c.current && r.current && (c.current.style.width = `${o}px`, r.current.classList.add("opacity-100"));
28
29
  },
29
30
  [i, m]
30
31
  ), p = f(() => {
31
- c.current = !1, r.current && r.current.classList.remove("opacity-100"), document.removeEventListener("mousemove", n), document.removeEventListener("mouseup", p);
32
+ u.current = !1, r.current && r.current.classList.remove("opacity-100"), document.removeEventListener("mousemove", n), document.removeEventListener("mouseup", p);
32
33
  }, [n]), w = f(
33
34
  (e) => {
34
- e.preventDefault(), e.stopPropagation(), c.current = !0, document.addEventListener("mousemove", n), document.addEventListener("mouseup", p);
35
+ e.preventDefault(), e.stopPropagation(), u.current = !0, document.addEventListener("mousemove", n), document.addEventListener("mouseup", p);
35
36
  },
36
37
  [n, p]
37
38
  ), t = s(
@@ -39,39 +40,39 @@ const z = ({
39
40
  [v]
40
41
  ), E = s(
41
42
  () => a.toArray(t).find(
42
- (e) => l(e) && e.type === b
43
+ (e) => l(e) && e.type === C
43
44
  ),
44
45
  [t]
45
- ), N = s(
46
+ ), R = s(
46
47
  () => a.toArray(t).find(
47
- (e) => l(e) && e.type === C
48
+ (e) => l(e) && e.type === D
48
49
  ),
49
50
  [t]
50
- ), R = s(
51
+ ), A = s(
51
52
  () => a.toArray(t).find(
52
- (e) => l(e) && e.type === A
53
+ (e) => l(e) && e.type === b
53
54
  ),
54
55
  [t]
55
56
  );
56
- return /* @__PURE__ */ D(
57
+ return /* @__PURE__ */ V(
57
58
  "aside",
58
59
  {
59
- ref: u,
60
+ ref: c,
60
61
  className: y(
61
- x({
62
- className: M
62
+ z({
63
+ className: N
63
64
  })
64
65
  ),
65
- "data-theme": L,
66
+ "data-theme": M,
66
67
  children: [
67
68
  E,
68
- N,
69
69
  R,
70
- g && /* @__PURE__ */ V(
70
+ A,
71
+ g && /* @__PURE__ */ j(
71
72
  "div",
72
73
  {
73
74
  ref: r,
74
- className: y(j()),
75
+ className: y(x({ className: L })),
75
76
  onMouseDown: w
76
77
  }
77
78
  )
@@ -79,7 +80,7 @@ const z = ({
79
80
  }
80
81
  );
81
82
  };
82
- z.displayName = "Sidebar.Wrapper";
83
+ S.displayName = "Sidebar.Wrapper";
83
84
  export {
84
- z as Wrapper
85
+ S as Wrapper
85
86
  };
@@ -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-DB2XhXHn.js";
2
+ import { R as x, T as N, b as v } from "../../index-C84F4YyO.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";
@@ -3,11 +3,12 @@ import * as h from "react";
3
3
  import { forwardRef as H, useRef as M, useId as $, useImperativeHandle as j, useEffect as z } from "react";
4
4
  import { a as A, c as U, b as q } from "../../index-BfXxHr_2.js";
5
5
  import { u as N } from "../../index-DQH6odE9.js";
6
- import { u as F, a as L } from "../../index-CZnD2QxM.js";
7
- import { P } from "../../index-C9T9HQaa.js";
6
+ import { u as F } from "../../index-BZPx6jYI.js";
7
+ import { u as L } from "../../index-BAEWsOG1.js";
8
+ import { P } from "../../index-BITvcJAz.js";
8
9
  import { cn as R } from "../../utils/index.js";
9
10
  import { thumbVariants as O, switchVariants as V } from "./Switch.variants.js";
10
- var b = "Switch", [D, se] = U(b), [W, X] = D(b), y = h.forwardRef(
11
+ var b = "Switch", [D, ce] = U(b), [W, X] = D(b), y = h.forwardRef(
11
12
  (e, l) => {
12
13
  const {
13
14
  __scopeSwitch: t,
@@ -124,7 +125,7 @@ function I(e) {
124
125
  return e ? "checked" : "unchecked";
125
126
  }
126
127
  var J = y, K = E;
127
- const ce = H(
128
+ const ne = H(
128
129
  ({
129
130
  name: e,
130
131
  alignment: l = "horizontal",
@@ -196,5 +197,5 @@ const ce = H(
196
197
  }
197
198
  );
198
199
  export {
199
- ce as Switch
200
+ ne as Switch
200
201
  };
@@ -1,5 +1,5 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
- import { R as e } from "../../index-BAraV3ai.js";
2
+ import { R as e } from "../../index-Bnb0ezr3.js";
3
3
  import { cn as n } from "../../utils/index.js";
4
4
  import { rootVariants as p } from "./Tabs.variants.js";
5
5
  import { Content as f } from "./components/Content.js";
@@ -1,5 +1,5 @@
1
- import { c as a } from "../../index-D29mdTf5.js";
2
- const r = a([""], {
1
+ import { c as t } from "../../index-D29mdTf5.js";
2
+ const r = t([""], {
3
3
  variants: {
4
4
  variant: {
5
5
  horizontal: "",
@@ -9,7 +9,7 @@ const r = a([""], {
9
9
  defaultVariants: {
10
10
  variant: "horizontal"
11
11
  }
12
- }), i = a([""], {
12
+ }), e = t([""], {
13
13
  variants: {
14
14
  variant: {
15
15
  default: ""
@@ -18,7 +18,7 @@ const r = a([""], {
18
18
  defaultVariants: {
19
19
  variant: "default"
20
20
  }
21
- }), n = a(["flex"], {
21
+ }), i = t(["flex"], {
22
22
  variants: {
23
23
  variant: {
24
24
  default: "flex gap-6",
@@ -29,28 +29,49 @@ const r = a([""], {
29
29
  defaultVariants: {
30
30
  variant: "default"
31
31
  }
32
- }), e = a(["cursor-pointer", "h-[27px]", "w-fit"], {
33
- variants: {
34
- variant: {
35
- default: "",
36
- active: [
37
- "text-zinc-700",
38
- "font-[600]",
39
- "border-b-2",
40
- "border-aurora-500",
41
- "kubefirst:border-b-2",
42
- "kubefirst:border-kubefirst-primary"
43
- ],
44
- inactive: "text-slate-500 font-[600]"
32
+ }), n = t(
33
+ [
34
+ "cursor-pointer",
35
+ "h-[27px]",
36
+ "w-fit",
37
+ "block",
38
+ "relative",
39
+ "after:absolute",
40
+ "after:bottom-0",
41
+ "after:left-0",
42
+ "after:right-0",
43
+ "after:h-[2px]",
44
+ "after:bg-aurora-500",
45
+ "after:origin-bottom",
46
+ 'after:content-[""]',
47
+ "after:scale-y-0",
48
+ "after:transition-transform",
49
+ "after:duration-500",
50
+ "after:transform-gpu",
51
+ "after:will-change-transform",
52
+ "kubefirst:after:bg-kubefirst-primary"
53
+ ],
54
+ {
55
+ variants: {
56
+ variant: {
57
+ default: "",
58
+ active: [
59
+ "text-zinc-700",
60
+ "font-semibold",
61
+ "after:scale-y-100",
62
+ "hover:after:scale-y-140"
63
+ ],
64
+ inactive: "text-slate-500 font-[600]"
65
+ }
66
+ },
67
+ defaultVariants: {
68
+ variant: "default"
45
69
  }
46
- },
47
- defaultVariants: {
48
- variant: "default"
49
70
  }
50
- });
71
+ );
51
72
  export {
52
- i as contentVariants,
53
- n as listVariants,
73
+ e as contentVariants,
74
+ i as listVariants,
54
75
  r as rootVariants,
55
- e as triggerVariants
76
+ n as triggerVariants
56
77
  };
@@ -1,5 +1,5 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
- import { C as a } from "../../../index-BAraV3ai.js";
2
+ import { C as a } from "../../../index-Bnb0ezr3.js";
3
3
  import { cn as m } from "../../../utils/index.js";
4
4
  import { contentVariants as s } from "../Tabs.variants.js";
5
5
  const e = ({ children: t, className: o, ...n }) => /* @__PURE__ */ r(
@@ -1,5 +1,5 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { L as n } from "../../../index-BAraV3ai.js";
2
+ import { L as n } from "../../../index-Bnb0ezr3.js";
3
3
  import { cn as a } from "../../../utils/index.js";
4
4
  import { listVariants as s } from "../Tabs.variants.js";
5
5
  const c = ({
@@ -1,14 +1,15 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
- import { T as e } from "../../../index-BAraV3ai.js";
2
+ import { T as e } from "../../../index-Bnb0ezr3.js";
3
3
  import { Typography as m } from "../../Typography/Typography.js";
4
- import { cn as g } from "../../../utils/index.js";
5
- import { triggerVariants as n } from "../Tabs.variants.js";
6
- const p = ({ tab: i, label: a, isActive: o, className: t }) => /* @__PURE__ */ r(e, { value: i, children: /* @__PURE__ */ r(
4
+ import { cn as n } from "../../../utils/index.js";
5
+ import { triggerVariants as p } from "../Tabs.variants.js";
6
+ const s = ({ tab: i, label: a, isActive: o, className: t }) => /* @__PURE__ */ r(e, { value: i, children: /* @__PURE__ */ r(
7
7
  m,
8
8
  {
9
9
  variant: "body2",
10
- className: g(
11
- n({
10
+ component: "span",
11
+ className: n(
12
+ p({
12
13
  variant: o ? "active" : "inactive",
13
14
  className: t
14
15
  })
@@ -16,7 +17,7 @@ const p = ({ tab: i, label: a, isActive: o, className: t }) => /* @__PURE__ */ r
16
17
  children: a
17
18
  }
18
19
  ) });
19
- p.displayName = "KonstructTabsTrigger";
20
+ s.displayName = "KonstructTabsTrigger";
20
21
  export {
21
- p as Trigger
22
+ s as Trigger
22
23
  };
@@ -1,86 +1,135 @@
1
1
  import "../Item/Item.js";
2
- import { List as g } from "../List/List.js";
3
- import { jsxs as m, jsx as e } from "react/jsx-runtime";
4
- import { forwardRef as w, useId as T, useImperativeHandle as b } from "react";
5
- import { Tag as C } from "../../../Tag/Tag.js";
6
- import { cn as r } from "../../../../utils/index.js";
7
- import { useTagSelect as S } from "../../hooks/useTagSelect.js";
8
- import { labelVariants as k, tagSelectVariants as R, wrapperVariants as I } from "../../TagSelect.variants.js";
9
- import { X as O } from "../../../../x-BPcqkRZd.js";
10
- import { C as V } from "../../../../chevron-up-RLP4nX7V.js";
11
- import { useTagSelect as j } from "../../contexts/TagSelect.hook.js";
12
- const B = w(
2
+ import { List as j } from "../List/List.js";
3
+ import { jsxs as g, jsx as i } from "react/jsx-runtime";
4
+ import b, { forwardRef as w, useId as k, useImperativeHandle as T } from "react";
5
+ import { Tag as P } from "../../../Tag/Tag.js";
6
+ import { cn as l } from "../../../../utils/index.js";
7
+ import { useTagSelect as C } from "../../hooks/useTagSelect.js";
8
+ import { labelVariants as S, tagSelectVariants as z, wrapperVariants as R } from "../../TagSelect.variants.js";
9
+ import { X as _ } from "../../../../x-4F_5p77m.js";
10
+ import { P as p } from "../../../../index-N2OStZoU.js";
11
+ import { useTagSelect as I } from "../../contexts/TagSelect.hook.js";
12
+ function u() {
13
+ return u = Object.assign || function(e) {
14
+ for (var o = 1; o < arguments.length; o++) {
15
+ var t = arguments[o];
16
+ for (var r in t)
17
+ Object.prototype.hasOwnProperty.call(t, r) && (e[r] = t[r]);
18
+ }
19
+ return e;
20
+ }, u.apply(this, arguments);
21
+ }
22
+ function L(e, o) {
23
+ if (e == null) return {};
24
+ var t = W(e, o), r, n;
25
+ if (Object.getOwnPropertySymbols) {
26
+ var a = Object.getOwnPropertySymbols(e);
27
+ for (n = 0; n < a.length; n++)
28
+ r = a[n], !(o.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (t[r] = e[r]);
29
+ }
30
+ return t;
31
+ }
32
+ function W(e, o) {
33
+ if (e == null) return {};
34
+ var t = {}, r = Object.keys(e), n, a;
35
+ for (a = 0; a < r.length; a++)
36
+ n = r[a], !(o.indexOf(n) >= 0) && (t[n] = e[n]);
37
+ return t;
38
+ }
39
+ var d = w(function(e, o) {
40
+ var t = e.color, r = t === void 0 ? "currentColor" : t, n = e.size, a = n === void 0 ? 24 : n, c = L(e, ["color", "size"]);
41
+ return /* @__PURE__ */ b.createElement("svg", u({
42
+ ref: o,
43
+ xmlns: "http://www.w3.org/2000/svg",
44
+ width: a,
45
+ height: a,
46
+ viewBox: "0 0 24 24",
47
+ fill: "none",
48
+ stroke: r,
49
+ strokeWidth: "2",
50
+ strokeLinecap: "round",
51
+ strokeLinejoin: "round"
52
+ }, c), /* @__PURE__ */ b.createElement("polyline", {
53
+ points: "18 15 12 9 6 15"
54
+ }));
55
+ });
56
+ d.propTypes = {
57
+ color: p.string,
58
+ size: p.oneOfType([p.string, p.number])
59
+ };
60
+ d.displayName = "ChevronUp";
61
+ const G = w(
13
62
  ({
14
- label: o,
15
- labelClassName: c,
63
+ label: e,
64
+ labelClassName: o,
16
65
  name: t,
17
- placeholder: p = "Select a value...",
18
- theme: d,
19
- wrapperClassName: f
20
- }, h) => {
21
- const i = T(), { selectedTags: n, isOpen: s, onOpen: u, onRemoveTag: x, inputRef: l } = j(), { wrapperRef: N, handleOpen: v } = S();
22
- return b(h, () => l.current, [l]), /* @__PURE__ */ m(
66
+ placeholder: r = "Select a value...",
67
+ theme: n,
68
+ wrapperClassName: a
69
+ }, c) => {
70
+ const h = k(), { selectedTags: v, isOpen: m, onOpen: x, onRemoveTag: y, inputRef: f } = I(), { wrapperRef: O, handleOpen: N } = C();
71
+ return T(c, () => f.current, [f]), /* @__PURE__ */ g(
23
72
  "div",
24
73
  {
25
- ref: N,
26
- className: r(
27
- I({
28
- className: f
74
+ ref: O,
75
+ className: l(
76
+ R({
77
+ className: a
29
78
  })
30
79
  ),
31
- "data-theme": d,
80
+ "data-theme": n,
32
81
  children: [
33
- o ? /* @__PURE__ */ e(
82
+ e ? /* @__PURE__ */ i(
34
83
  "label",
35
84
  {
36
- htmlFor: t ?? i,
37
- className: r(
38
- k({
39
- className: c
85
+ htmlFor: t ?? h,
86
+ className: l(
87
+ S({
88
+ className: o
40
89
  })
41
90
  ),
42
- onClick: () => u(!0),
43
- children: o
91
+ onClick: () => x(!0),
92
+ children: e
44
93
  }
45
94
  ) : null,
46
- /* @__PURE__ */ m(
95
+ /* @__PURE__ */ g(
47
96
  "div",
48
97
  {
49
- id: t ?? i,
50
- className: r(R()),
98
+ id: t ?? h,
99
+ className: l(z()),
51
100
  role: "combobox",
52
- onClick: v,
53
- "aria-expanded": s,
101
+ onClick: N,
102
+ "aria-expanded": m,
54
103
  children: [
55
- n.length === 0 ? /* @__PURE__ */ e("span", { className: "text-base text-inherit select-none", children: p }) : /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1.5", children: n.map((a) => /* @__PURE__ */ e(
56
- C,
104
+ v.length === 0 ? /* @__PURE__ */ i("span", { className: "text-base text-inherit select-none", children: r }) : /* @__PURE__ */ i("div", { className: "flex flex-wrap gap-1.5", children: v.map((s) => /* @__PURE__ */ i(
105
+ P,
57
106
  {
58
- ...a,
107
+ ...s,
59
108
  className: "select-none",
60
- rightIcon: /* @__PURE__ */ e(O, { className: "w-3 h-3", onClick: () => x(a) }),
61
- "data-value": a.label
109
+ rightIcon: /* @__PURE__ */ i(_, { className: "w-3 h-3", onClick: () => y(s) }),
110
+ "data-value": s.label
62
111
  },
63
- a.id
112
+ s.id
64
113
  )) }),
65
- /* @__PURE__ */ e(
66
- V,
114
+ /* @__PURE__ */ i(
115
+ d,
67
116
  {
68
- className: r(
117
+ className: l(
69
118
  "w-4 h-4 text-inherit transition-all duration-50 shrink-0",
70
- s ? "rotate-0" : "rotate-180"
119
+ m ? "rotate-0" : "rotate-180"
71
120
  )
72
121
  }
73
122
  )
74
123
  ]
75
124
  }
76
125
  ),
77
- /* @__PURE__ */ e("input", { ref: l, type: "text", name: t, className: "hidden" }),
78
- s ? /* @__PURE__ */ e(g, {}) : null
126
+ /* @__PURE__ */ i("input", { ref: f, type: "text", name: t, className: "hidden" }),
127
+ m ? /* @__PURE__ */ i(j, {}) : null
79
128
  ]
80
129
  }
81
130
  );
82
131
  }
83
132
  );
84
133
  export {
85
- B as Wrapper
134
+ G as Wrapper
86
135
  };
@@ -3,7 +3,7 @@ import { useId as N, useState as y, useRef as E, useCallback as O, useEffect as
3
3
  import { cn as m } from "../../../../utils/index.js";
4
4
  import { timePickerVariants as L } from "../../TimePicker.variants.js";
5
5
  import { WrapperList as j } from "../WrapperList/WrapperList.js";
6
- import { C as P } from "../../../../chevron-down-BLZPftpV.js";
6
+ import { C as P } from "../../../../chevron-down-MZvQoT2F.js";
7
7
  import { useTimePickerContext as R } from "../../contexts/time-picker.hook.js";
8
8
  const V = ({
9
9
  name: d,
@@ -2,17 +2,18 @@ import { jsx as i, jsxs as A, Fragment as se } from "react/jsx-runtime";
2
2
  import { u as ae, S as B } from "../../index-DQH6odE9.js";
3
3
  import * as n from "react";
4
4
  import { useRef as xe, useEffect as be, useMemo as oe, isValidElement as re, useCallback as ge } from "react";
5
- import { P as D, r as Se, d as Ie } from "../../index-C9T9HQaa.js";
5
+ import { P as D, r as Se, d as Ie } from "../../index-BITvcJAz.js";
6
6
  import { c as Ne, a as Ae, b as x, u as De } from "../../index-BfXxHr_2.js";
7
7
  import { c as Fe } from "../../index-Cvx4lqTq.js";
8
- import { B as _e, R as Le, P as Me } from "../../index-CrBonFvu.js";
8
+ import { B as _e, R as Le } from "../../index-Cd2vhaop.js";
9
+ import { P as Me } from "../../index-ti1b9kqV.js";
9
10
  import { P as Oe } from "../../index-C1g_chDT.js";
10
11
  import { u as $ } from "../../index-0ioNhtNM.js";
11
- import { V as ie, R as ke } from "../../index-iXyXtdgP.js";
12
+ import { V as ie, R as ke } from "../../index-DBbEcSUG.js";
12
13
  import { cn as j } from "../../utils/index.js";
13
14
  import { closeToastVariants as Ve, toastVariants as Ke, viewportToastVariants as He } from "./Toast.variants.js";
14
- import { X as We } from "../../x-BPcqkRZd.js";
15
- var Q = "ToastProvider", [Z, Xe, $e] = Fe("Toast"), [ce, xt] = Ne("Toast", [$e]), [Ue, U] = ce(Q), ue = (e) => {
15
+ import { X as We } from "../../x-4F_5p77m.js";
16
+ var Q = "ToastProvider", [Z, Xe, $e] = Fe("Toast"), [ce, bt] = Ne("Toast", [$e]), [Ue, U] = ce(Q), ue = (e) => {
16
17
  const {
17
18
  __scopeToast: r,
18
19
  label: o = "Notification",
@@ -423,7 +424,7 @@ function q(e) {
423
424
  return e.some((o) => o === r ? !0 : (o.focus(), document.activeElement !== r));
424
425
  }
425
426
  var st = ue, at = de, it = fe, ct = me, ut = Te, lt = ve;
426
- const bt = ({
427
+ const gt = ({
427
428
  title: e,
428
429
  duration: r = 5e3,
429
430
  titleClassName: o,
@@ -474,5 +475,5 @@ const bt = ({
474
475
  ] });
475
476
  };
476
477
  export {
477
- bt as Toast
478
+ gt as Toast
478
479
  };
@@ -0,0 +1,99 @@
1
+ import { jsx as r, jsxs as m } from "react/jsx-runtime";
2
+ import { useMemo as V } from "react";
3
+ import { cn as g } from "../../utils/index.js";
4
+ import { TableProvider as j } from "./contexts/table.provider.js";
5
+ import { Filter as w } from "./components/Filter/Filter.js";
6
+ import { Header as y } from "./components/Header/Header.js";
7
+ import { Body as B } from "./components/Body/Body.js";
8
+ import { Pagination as H } from "./components/Pagination/Pagination.js";
9
+ import { TruncateText as K } from "./components/TruncateText/TruncateText.js";
10
+ import { Actions as M } from "./components/Actions/Actions.js";
11
+ const P = ({
12
+ id: s,
13
+ ariaLabel: c,
14
+ columns: d,
15
+ data: n,
16
+ totalItems: f,
17
+ classNameHeaderTable: p,
18
+ classNameHeaderArrows: u,
19
+ classNameHeaderActiveArrows: b,
20
+ fetchData: T,
21
+ // Pagination
22
+ showPagination: N,
23
+ showTotalItems: o,
24
+ showDropdownPagination: l,
25
+ showDotPagination: a,
26
+ showFormPagination: i,
27
+ pageSizes: h,
28
+ // Filter
29
+ showFilter: x = !1,
30
+ showFilterInput: A,
31
+ filterSearchPlaceholder: v = "",
32
+ multiSelectFilter: z
33
+ }) => {
34
+ const t = V(
35
+ () => N || [
36
+ o,
37
+ l,
38
+ a,
39
+ i
40
+ ].some(Boolean),
41
+ []
42
+ );
43
+ return /* @__PURE__ */ r(
44
+ j,
45
+ {
46
+ id: s,
47
+ columns: d,
48
+ data: n,
49
+ fetchData: T,
50
+ totalItems: f,
51
+ children: /* @__PURE__ */ m("section", { children: [
52
+ x && /* @__PURE__ */ r(
53
+ w,
54
+ {
55
+ placeholder: v,
56
+ multiSelectFilter: z,
57
+ showFilterInput: A
58
+ }
59
+ ),
60
+ /* @__PURE__ */ r(
61
+ "div",
62
+ {
63
+ className: g("shadow rounded-t-lg", {
64
+ "overflow-hidden rounded-lg": !t
65
+ }),
66
+ children: /* @__PURE__ */ m("table", { className: "w-full border-collapse", "aria-label": c, children: [
67
+ /* @__PURE__ */ r(
68
+ y,
69
+ {
70
+ className: p,
71
+ classNameArrows: u,
72
+ classNameActiveArrows: b
73
+ }
74
+ ),
75
+ /* @__PURE__ */ r(B, {})
76
+ ] })
77
+ }
78
+ ),
79
+ t && /* @__PURE__ */ r(
80
+ H,
81
+ {
82
+ showTotalItems: o,
83
+ showDropdownPagination: l,
84
+ showDotPagination: a,
85
+ showFormPagination: i,
86
+ pageSizes: h
87
+ }
88
+ )
89
+ ] })
90
+ }
91
+ );
92
+ }, e = P;
93
+ e.displayName = "KonstructVirtualizedTable";
94
+ e.TruncateText = K;
95
+ e.Actions = M;
96
+ export {
97
+ K as TruncateText,
98
+ e as VirtualizedTable
99
+ };
@@ -0,0 +1,5 @@
1
+ import { c as a } from "../../index-D29mdTf5.js";
2
+ const t = a([]);
3
+ export {
4
+ t as virtualizeTableVariants
5
+ };