alif-ui 2.0.0-alpha.0 → 2.0.0-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (167) hide show
  1. package/dist/Accordion.module-DKzAMqjv.js +13 -0
  2. package/dist/{Menu-Di-pktpG.js → Menu-BpomGwxK.js} +10 -10
  3. package/dist/Slider.module-C8rP87Ix.js +17 -0
  4. package/dist/SnackbarTimer-5VwQg9hH.js +104 -0
  5. package/dist/alif-ui.css +1 -1
  6. package/dist/components/Accordion/Accordion.context.d.ts +26 -0
  7. package/dist/components/Accordion/Accordion.context.d.ts.map +1 -0
  8. package/dist/components/Accordion/Accordion.context.js +12 -0
  9. package/dist/components/Accordion/Accordion.d.ts +8 -0
  10. package/dist/components/Accordion/Accordion.d.ts.map +1 -0
  11. package/dist/components/Accordion/Accordion.js +48 -0
  12. package/dist/components/Accordion/Accordion.types.d.ts +71 -0
  13. package/dist/components/Accordion/Accordion.types.d.ts.map +1 -0
  14. package/dist/components/Accordion/Accordion.types.js +1 -0
  15. package/dist/components/Accordion/Accordion.utils.d.ts +6 -0
  16. package/dist/components/Accordion/Accordion.utils.d.ts.map +1 -0
  17. package/dist/components/Accordion/Accordion.utils.js +10 -0
  18. package/dist/components/Accordion/AccordionContent/AccordionContent.d.ts +3 -0
  19. package/dist/components/Accordion/AccordionContent/AccordionContent.d.ts.map +1 -0
  20. package/dist/components/Accordion/AccordionContent/AccordionContent.js +28 -0
  21. package/dist/components/Accordion/AccordionContent/AccordionContent.types.d.ts +20 -0
  22. package/dist/components/Accordion/AccordionContent/AccordionContent.types.d.ts.map +1 -0
  23. package/dist/components/Accordion/AccordionContent/AccordionContent.types.js +1 -0
  24. package/dist/components/Accordion/AccordionItem/AccordionItem.d.ts +3 -0
  25. package/dist/components/Accordion/AccordionItem/AccordionItem.d.ts.map +1 -0
  26. package/dist/components/Accordion/AccordionItem/AccordionItem.js +44 -0
  27. package/dist/components/Accordion/AccordionItem/AccordionItem.types.d.ts +28 -0
  28. package/dist/components/Accordion/AccordionItem/AccordionItem.types.d.ts.map +1 -0
  29. package/dist/components/Accordion/AccordionItem/AccordionItem.types.js +1 -0
  30. package/dist/components/Accordion/AccordionTrigger/AccordionTrigger.d.ts +3 -0
  31. package/dist/components/Accordion/AccordionTrigger/AccordionTrigger.d.ts.map +1 -0
  32. package/dist/components/Accordion/AccordionTrigger/AccordionTrigger.js +44 -0
  33. package/dist/components/Accordion/AccordionTrigger/AccordionTrigger.types.d.ts +24 -0
  34. package/dist/components/Accordion/AccordionTrigger/AccordionTrigger.types.d.ts.map +1 -0
  35. package/dist/components/Accordion/AccordionTrigger/AccordionTrigger.types.js +1 -0
  36. package/dist/components/Accordion/index.d.ts +6 -0
  37. package/dist/components/Accordion/index.d.ts.map +1 -0
  38. package/dist/components/AppLayout/AppLayout.d.ts +3 -0
  39. package/dist/components/AppLayout/AppLayout.d.ts.map +1 -0
  40. package/dist/components/AppLayout/AppLayout.js +23 -0
  41. package/dist/components/AppLayout/AppLayout.types.d.ts +14 -0
  42. package/dist/components/AppLayout/AppLayout.types.d.ts.map +1 -0
  43. package/dist/components/AppLayout/AppLayout.types.js +1 -0
  44. package/dist/components/AppLayout/index.d.ts +3 -0
  45. package/dist/components/AppLayout/index.d.ts.map +1 -0
  46. package/dist/components/Breadcrumbs/Breadcrumb/Breadcrumb.types.d.ts +2 -1
  47. package/dist/components/Breadcrumbs/Breadcrumb/Breadcrumb.types.d.ts.map +1 -1
  48. package/dist/components/Breadcrumbs/Breadcrumbs.types.d.ts +2 -2
  49. package/dist/components/Breadcrumbs/Breadcrumbs.types.d.ts.map +1 -1
  50. package/dist/components/Breadcrumbs/BreadcrumbsMenu/BreadcrumbsMenu.js +1 -1
  51. package/dist/components/Collapse/Collapse.d.ts.map +1 -1
  52. package/dist/components/Collapse/Collapse.js +15 -6
  53. package/dist/components/Field/InputBaseWrapper/InputBaseWrapper.js +45 -45
  54. package/dist/components/Field/InputBaseWrapper/InputBaseWrapper.types.d.ts +1 -1
  55. package/dist/components/Field/InputBaseWrapper/InputBaseWrapper.types.d.ts.map +1 -1
  56. package/dist/components/InputOtp/InputOtp.js +11 -11
  57. package/dist/components/List/List.js +10 -10
  58. package/dist/components/Loader/Loader.types.d.ts +1 -1
  59. package/dist/components/Loader/Loader.types.d.ts.map +1 -1
  60. package/dist/components/Loader/Loader.utils.d.ts.map +1 -1
  61. package/dist/components/Loader/Loader.utils.js +10 -7
  62. package/dist/components/Menu/Menu.js +1 -1
  63. package/dist/components/Menu/MenuSub/MenuSub.js +1 -1
  64. package/dist/components/Navbar/Navbar.d.ts +3 -0
  65. package/dist/components/Navbar/Navbar.d.ts.map +1 -0
  66. package/dist/components/Navbar/Navbar.js +27 -0
  67. package/dist/components/Navbar/Navbar.types.d.ts +13 -0
  68. package/dist/components/Navbar/Navbar.types.d.ts.map +1 -0
  69. package/dist/components/Navbar/Navbar.types.js +1 -0
  70. package/dist/components/Navbar/index.d.ts +3 -0
  71. package/dist/components/Navbar/index.d.ts.map +1 -0
  72. package/dist/components/Portal/Portal.d.ts.map +1 -1
  73. package/dist/components/Portal/Portal.js +7 -7
  74. package/dist/components/Portal/Portal.types.d.ts +1 -1
  75. package/dist/components/Portal/Portal.types.d.ts.map +1 -1
  76. package/dist/components/Select/Select.js +1 -1
  77. package/dist/components/Sidebar/Sidebar.d.ts.map +1 -1
  78. package/dist/components/Sidebar/Sidebar.js +70 -58
  79. package/dist/components/Slider/Marks/Marks.d.ts +3 -0
  80. package/dist/components/Slider/Marks/Marks.d.ts.map +1 -0
  81. package/dist/components/Slider/Marks/Marks.js +33 -0
  82. package/dist/components/Slider/Marks/Marks.types.d.ts +29 -0
  83. package/dist/components/Slider/Marks/Marks.types.d.ts.map +1 -0
  84. package/dist/components/Slider/Marks/Marks.types.js +1 -0
  85. package/dist/components/Slider/RangeSlider/RangeSlider.d.ts +3 -0
  86. package/dist/components/Slider/RangeSlider/RangeSlider.d.ts.map +1 -0
  87. package/dist/components/Slider/RangeSlider/RangeSlider.js +79 -0
  88. package/dist/components/Slider/RangeSlider/RangeSlider.types.d.ts +18 -0
  89. package/dist/components/Slider/RangeSlider/RangeSlider.types.d.ts.map +1 -0
  90. package/dist/components/Slider/RangeSlider/RangeSlider.types.js +1 -0
  91. package/dist/components/Slider/RangeSlider/RangeSlider.utils.d.ts +5 -0
  92. package/dist/components/Slider/RangeSlider/RangeSlider.utils.d.ts.map +1 -0
  93. package/dist/components/Slider/RangeSlider/RangeSlider.utils.js +11 -0
  94. package/dist/components/Slider/Slider/Slider.d.ts +3 -0
  95. package/dist/components/Slider/Slider/Slider.d.ts.map +1 -0
  96. package/dist/components/Slider/Slider/Slider.js +50 -0
  97. package/dist/components/Slider/Slider/Slider.types.d.ts +12 -0
  98. package/dist/components/Slider/Slider/Slider.types.d.ts.map +1 -0
  99. package/dist/components/Slider/Slider/Slider.types.js +1 -0
  100. package/dist/components/Slider/Slider/Slider.utils.d.ts +5 -0
  101. package/dist/components/Slider/Slider/Slider.utils.d.ts.map +1 -0
  102. package/dist/components/Slider/Slider/Slider.utils.js +8 -0
  103. package/dist/components/Slider/Slider.types.d.ts +14 -0
  104. package/dist/components/Slider/Slider.types.d.ts.map +1 -0
  105. package/dist/components/Slider/Slider.types.js +1 -0
  106. package/dist/components/Slider/Slider.utils.d.ts +5 -0
  107. package/dist/components/Slider/Slider.utils.d.ts.map +1 -0
  108. package/dist/components/Slider/Slider.utils.js +16 -0
  109. package/dist/components/Slider/SliderBase/SliderBase.d.ts +3 -0
  110. package/dist/components/Slider/SliderBase/SliderBase.d.ts.map +1 -0
  111. package/dist/components/Slider/SliderBase/SliderBase.js +35 -0
  112. package/dist/components/Slider/SliderBase/SliderBase.types.d.ts +46 -0
  113. package/dist/components/Slider/SliderBase/SliderBase.types.d.ts.map +1 -0
  114. package/dist/components/Slider/SliderBase/SliderBase.types.js +1 -0
  115. package/dist/components/Slider/Thumb/Thumb.d.ts +3 -0
  116. package/dist/components/Slider/Thumb/Thumb.d.ts.map +1 -0
  117. package/dist/components/Slider/Thumb/Thumb.js +77 -0
  118. package/dist/components/Slider/Thumb/Thumb.types.d.ts +36 -0
  119. package/dist/components/Slider/Thumb/Thumb.types.d.ts.map +1 -0
  120. package/dist/components/Slider/Thumb/Thumb.types.js +1 -0
  121. package/dist/components/Slider/Track/Track.d.ts +3 -0
  122. package/dist/components/Slider/Track/Track.d.ts.map +1 -0
  123. package/dist/components/Slider/Track/Track.js +16 -0
  124. package/dist/components/Slider/Track/Track.types.d.ts +12 -0
  125. package/dist/components/Slider/Track/Track.types.d.ts.map +1 -0
  126. package/dist/components/Slider/Track/Track.types.js +1 -0
  127. package/dist/components/Slider/index.d.ts +5 -0
  128. package/dist/components/Slider/index.d.ts.map +1 -0
  129. package/dist/components/Snackbar/Snackbar.d.ts +3 -0
  130. package/dist/components/Snackbar/Snackbar.d.ts.map +1 -0
  131. package/dist/components/Snackbar/Snackbar.js +27 -0
  132. package/dist/components/Snackbar/Snackbar.types.d.ts +92 -0
  133. package/dist/components/Snackbar/Snackbar.types.d.ts.map +1 -0
  134. package/dist/components/Snackbar/Snackbar.types.js +1 -0
  135. package/dist/components/Snackbar/Snackbar.utils.d.ts +39 -0
  136. package/dist/components/Snackbar/Snackbar.utils.d.ts.map +1 -0
  137. package/dist/components/Snackbar/Snackbar.utils.js +150 -0
  138. package/dist/components/Snackbar/SnackbarCard/SnackbarCard.d.ts +3 -0
  139. package/dist/components/Snackbar/SnackbarCard/SnackbarCard.d.ts.map +1 -0
  140. package/dist/components/Snackbar/SnackbarCard/SnackbarCard.js +104 -0
  141. package/dist/components/Snackbar/SnackbarCard/SnackbarCard.types.d.ts +6 -0
  142. package/dist/components/Snackbar/SnackbarCard/SnackbarCard.types.d.ts.map +1 -0
  143. package/dist/components/Snackbar/SnackbarCard/SnackbarCard.types.js +1 -0
  144. package/dist/components/Snackbar/SnackbarSlot/SnackbarSlot.d.ts +3 -0
  145. package/dist/components/Snackbar/SnackbarSlot/SnackbarSlot.d.ts.map +1 -0
  146. package/dist/components/Snackbar/SnackbarSlot/SnackbarSlot.js +34 -0
  147. package/dist/components/Snackbar/SnackbarSlot/SnackbarSlot.types.d.ts +6 -0
  148. package/dist/components/Snackbar/SnackbarSlot/SnackbarSlot.types.d.ts.map +1 -0
  149. package/dist/components/Snackbar/SnackbarSlot/SnackbarSlot.types.js +1 -0
  150. package/dist/components/Snackbar/SnackbarSlot/SnackbarSlot.utils.d.ts +2 -0
  151. package/dist/components/Snackbar/SnackbarSlot/SnackbarSlot.utils.d.ts.map +1 -0
  152. package/dist/components/Snackbar/SnackbarSlot/SnackbarSlot.utils.js +4 -0
  153. package/dist/components/Snackbar/SnackbarTimer/SnackbarTimer.d.ts +4 -0
  154. package/dist/components/Snackbar/SnackbarTimer/SnackbarTimer.d.ts.map +1 -0
  155. package/dist/components/Snackbar/SnackbarTimer/SnackbarTimer.js +7 -0
  156. package/dist/components/Snackbar/index.d.ts +4 -0
  157. package/dist/components/Snackbar/index.d.ts.map +1 -0
  158. package/dist/components/Textarea/Textarea.js +46 -46
  159. package/dist/components/Textarea/Textarea.types.d.ts +1 -1
  160. package/dist/components/Textarea/Textarea.types.d.ts.map +1 -1
  161. package/dist/components/Typography/Typography.d.ts.map +1 -1
  162. package/dist/components/Typography/Typography.js +22 -20
  163. package/dist/components/index.d.ts +5 -0
  164. package/dist/components/index.d.ts.map +1 -1
  165. package/dist/main.js +696 -682
  166. package/dist/utils/get-default-z-index.d.ts +1 -1
  167. package/package.json +1 -1
@@ -0,0 +1,13 @@
1
+ const c = "_root_1caww_1", t = "_item_1caww_13", o = "_withDivider_1caww_18", n = "_trigger_1caww_22", e = "_triggerIcon_1caww_37", r = "_chevron_1caww_43", _ = "_chevronOpen_1caww_47", w = "_content_1caww_51", i = {
2
+ root: c,
3
+ item: t,
4
+ withDivider: o,
5
+ trigger: n,
6
+ triggerIcon: e,
7
+ chevron: r,
8
+ chevronOpen: _,
9
+ content: w
10
+ };
11
+ export {
12
+ i as c
13
+ };
@@ -1,9 +1,9 @@
1
- import { jsx as t, jsxs as v } from "react/jsx-runtime";
1
+ import { jsx as t, jsxs as d } from "react/jsx-runtime";
2
2
  import { classNames as g } from "./utils/class-names.js";
3
3
  import { MenuItem as C } from "./components/Menu/MenuItem/MenuItem.js";
4
4
  import { Popover as a } from "./components/Popover/Popover.js";
5
5
  import { OutlineNavigationChevronRight as _ } from "./icons/components/OutlineNavigationChevronRight.js";
6
- const d = ({
6
+ const v = ({
7
7
  label: r,
8
8
  leftIcon: n,
9
9
  rightIcon: s,
@@ -14,7 +14,7 @@ const d = ({
14
14
  }) => {
15
15
  const {
16
16
  offset: l = 6,
17
- position: u = "right-start",
17
+ position: h = "right-start",
18
18
  triggerType: p = "hover",
19
19
  ...f
20
20
  } = c || {};
@@ -36,12 +36,12 @@ const d = ({
36
36
  triggerType: p,
37
37
  disabled: e,
38
38
  offset: l,
39
- position: u,
39
+ position: h,
40
40
  ...f,
41
41
  children: i
42
42
  }
43
43
  );
44
- }, M = "_root_1wv2h_1", N = "_menuContent_1wv2h_27", h = {
44
+ }, M = "_root_wd1b2_1", N = "_menuContent_wd1b2_27", u = {
45
45
  root: M,
46
46
  menuContent: N
47
47
  }, o = ({
@@ -53,19 +53,19 @@ const d = ({
53
53
  triggerClassName: m,
54
54
  triggerStyle: c,
55
55
  ...l
56
- }) => /* @__PURE__ */ v(a, { ...l, children: [
56
+ }) => /* @__PURE__ */ d(a, { ...l, children: [
57
57
  /* @__PURE__ */ t(a.Trigger, { className: m, style: c, children: r }),
58
58
  /* @__PURE__ */ t(
59
59
  a.Dropdown,
60
60
  {
61
- className: g(h.root, e),
61
+ className: g(u.root, e),
62
62
  style: i,
63
63
  children: /* @__PURE__ */ t(
64
64
  "div",
65
65
  {
66
66
  role: "menu",
67
67
  style: { maxHeight: s },
68
- className: g(h.menuContent, "scrollbarSizeM"),
68
+ className: g(u.menuContent, "scrollbarSizeM"),
69
69
  children: n
70
70
  }
71
71
  )
@@ -73,8 +73,8 @@ const d = ({
73
73
  )
74
74
  ] });
75
75
  o.Item = C;
76
- o.Sub = d;
76
+ o.Sub = v;
77
77
  export {
78
78
  o as M,
79
- d as a
79
+ v as a
80
80
  };
@@ -0,0 +1,17 @@
1
+ const s = "_root_1nzzw_1", n = "_sliderContainer_1nzzw_33", r = "_disabled_1nzzw_42", e = "_marksContainer_1nzzw_46", i = "_mark_1nzzw_46", _ = "_disabledMark_1nzzw_58", a = "_slider_1nzzw_33", o = "_sliderTrack_1nzzw_66", t = "_sliderRange_1nzzw_67", d = "_sliderDisabledRange_1nzzw_84", l = "_thumb_1nzzw_93", z = "_tooltipTrigger_1nzzw_128", c = {
2
+ root: s,
3
+ sliderContainer: n,
4
+ disabled: r,
5
+ marksContainer: e,
6
+ mark: i,
7
+ disabledMark: _,
8
+ slider: a,
9
+ sliderTrack: o,
10
+ sliderRange: t,
11
+ sliderDisabledRange: d,
12
+ thumb: l,
13
+ tooltipTrigger: z
14
+ };
15
+ export {
16
+ c
17
+ };
@@ -0,0 +1,104 @@
1
+ import { jsxs as _, jsx as o } from "react/jsx-runtime";
2
+ import { useState as d, useRef as u, useEffect as y } from "react";
3
+ import { Typography as z } from "./components/Typography/Typography.js";
4
+ const I = "_root_gtez6_37", k = "_scaleIn_gtez6_66", S = "_scaleOut_gtez6_71", w = "_leftSlot_gtez6_75", v = "_content_gtez6_85", x = "_title_gtez6_94", C = "_description_gtez6_98", O = "_typeIcon_gtez6_102", R = "_success_gtez6_108", D = "_error_gtez6_112", b = "_warning_gtez6_116", j = "_info_gtez6_120", E = "_timer_gtez6_124", T = {
5
+ root: I,
6
+ scaleIn: k,
7
+ "scale-in": "_scale-in_gtez6_1",
8
+ scaleOut: S,
9
+ "scale-out": "_scale-out_gtez6_1",
10
+ leftSlot: w,
11
+ content: v,
12
+ title: x,
13
+ description: C,
14
+ typeIcon: O,
15
+ "icon-pop": "_icon-pop_gtez6_1",
16
+ success: R,
17
+ error: D,
18
+ warning: b,
19
+ info: j,
20
+ timer: E
21
+ }, t = 24, n = 2, c = (t - n) / 2, g = 2 * Math.PI * c, L = ({ duration: e }) => {
22
+ const [r, s] = d(e), i = u(Date.now());
23
+ y(() => {
24
+ i.current = Date.now(), s(e);
25
+ const l = setInterval(() => {
26
+ const m = Date.now() - i.current, a = e - m;
27
+ a <= 0 ? (s(0), clearInterval(l)) : s(a);
28
+ }, 100);
29
+ return () => clearInterval(l);
30
+ }, [e]);
31
+ const f = r / e, p = g * (1 - f), h = Math.ceil(r / 1e3);
32
+ return /* @__PURE__ */ _(
33
+ "div",
34
+ {
35
+ className: T.timer,
36
+ style: {
37
+ position: "relative",
38
+ width: t,
39
+ height: t,
40
+ flexShrink: 0
41
+ },
42
+ children: [
43
+ /* @__PURE__ */ _(
44
+ "svg",
45
+ {
46
+ width: t,
47
+ height: t,
48
+ style: { transform: "rotate(-90deg)", display: "block" },
49
+ children: [
50
+ /* @__PURE__ */ o(
51
+ "circle",
52
+ {
53
+ cx: t / 2,
54
+ cy: t / 2,
55
+ r: c,
56
+ fill: "none",
57
+ stroke: "currentColor",
58
+ strokeOpacity: 0,
59
+ strokeWidth: n
60
+ }
61
+ ),
62
+ /* @__PURE__ */ o(
63
+ "circle",
64
+ {
65
+ cx: t / 2,
66
+ cy: t / 2,
67
+ r: c,
68
+ fill: "none",
69
+ stroke: "currentColor",
70
+ strokeWidth: n,
71
+ strokeDasharray: g,
72
+ strokeDashoffset: p,
73
+ strokeLinecap: "round",
74
+ style: { transition: "stroke-dashoffset 0.1s linear" }
75
+ }
76
+ )
77
+ ]
78
+ }
79
+ ),
80
+ /* @__PURE__ */ o(
81
+ z,
82
+ {
83
+ variant: "body",
84
+ size: "m",
85
+ style: {
86
+ position: "absolute",
87
+ inset: 0,
88
+ display: "flex",
89
+ alignItems: "center",
90
+ justifyContent: "center",
91
+ margin: 0,
92
+ color: "currentColor"
93
+ },
94
+ children: h
95
+ }
96
+ )
97
+ ]
98
+ }
99
+ );
100
+ };
101
+ export {
102
+ L as S,
103
+ T as c
104
+ };