ui-library-sorin 0.0.0

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 (64) hide show
  1. package/dist/assets/icons/ArrowIcon.cjs +1 -0
  2. package/dist/assets/icons/ArrowIcon.d.ts +1 -0
  3. package/dist/assets/icons/ArrowIcon.js +17 -0
  4. package/dist/assets/icons/CheckIcon.cjs +1 -0
  5. package/dist/assets/icons/CheckIcon.d.ts +1 -0
  6. package/dist/assets/icons/CheckIcon.js +17 -0
  7. package/dist/assets/icons/CheckLigthIcon.cjs +1 -0
  8. package/dist/assets/icons/CheckLigthIcon.d.ts +1 -0
  9. package/dist/assets/icons/CheckLigthIcon.js +17 -0
  10. package/dist/assets/icons/ErrorIcon.cjs +1 -0
  11. package/dist/assets/icons/ErrorIcon.d.ts +1 -0
  12. package/dist/assets/icons/ErrorIcon.js +30 -0
  13. package/dist/assets/icons/MagnifyingGlassIcon.cjs +1 -0
  14. package/dist/assets/icons/MagnifyingGlassIcon.d.ts +1 -0
  15. package/dist/assets/icons/MagnifyingGlassIcon.js +26 -0
  16. package/dist/components/Button/Button.d.ts +6 -0
  17. package/dist/components/Button/Button2.cjs +1 -0
  18. package/dist/components/Button/Button2.js +17 -0
  19. package/dist/components/Button/index.d.ts +1 -0
  20. package/dist/components/Checkbox/Checkbox.d.ts +5 -0
  21. package/dist/components/Checkbox/Checkbox2.cjs +1 -0
  22. package/dist/components/Checkbox/Checkbox2.js +23 -0
  23. package/dist/components/Checkbox/index.d.ts +2 -0
  24. package/dist/components/IconButton/IconButton.d.ts +7 -0
  25. package/dist/components/IconButton/IconButton2.cjs +1 -0
  26. package/dist/components/IconButton/IconButton2.js +12 -0
  27. package/dist/components/IconButton/index.d.ts +1 -0
  28. package/dist/components/Input/Input.d.ts +12 -0
  29. package/dist/components/Input/Input2.cjs +1 -0
  30. package/dist/components/Input/Input2.js +57 -0
  31. package/dist/components/Input/index.d.ts +1 -0
  32. package/dist/components/Modal/Modal.d.ts +8 -0
  33. package/dist/components/Modal/Modal2.cjs +1 -0
  34. package/dist/components/Modal/Modal2.js +28 -0
  35. package/dist/components/Modal/index.d.ts +1 -0
  36. package/dist/components/RadioNative/RadioNative.d.ts +5 -0
  37. package/dist/components/RadioNative/RadioNative2.cjs +1 -0
  38. package/dist/components/RadioNative/RadioNative2.js +29 -0
  39. package/dist/components/RadioNative/index.d.ts +1 -0
  40. package/dist/components/Select/Select.d.ts +17 -0
  41. package/dist/components/Select/Select2.cjs +1 -0
  42. package/dist/components/Select/Select2.js +70 -0
  43. package/dist/components/Select/index.d.ts +2 -0
  44. package/dist/components/Switch/Switch.d.ts +5 -0
  45. package/dist/components/Switch/Switch2.cjs +1 -0
  46. package/dist/components/Switch/Switch2.js +18 -0
  47. package/dist/components/Switch/index.d.ts +1 -0
  48. package/dist/components/Tabs/Tabs.d.ts +10 -0
  49. package/dist/components/Tabs/Tabs2.cjs +1 -0
  50. package/dist/components/Tabs/Tabs2.js +23 -0
  51. package/dist/components/Tabs/index.d.ts +1 -0
  52. package/dist/components/Timeline/Timeline.d.ts +11 -0
  53. package/dist/components/Timeline/Timeline2.cjs +1 -0
  54. package/dist/components/Timeline/Timeline2.js +28 -0
  55. package/dist/components/Timeline/index.d.ts +1 -0
  56. package/dist/components/Tooltip/Tooltip.d.ts +7 -0
  57. package/dist/components/Tooltip/Tooltip2.cjs +1 -0
  58. package/dist/components/Tooltip/Tooltip2.js +21 -0
  59. package/dist/components/Tooltip/index.d.ts +1 -0
  60. package/dist/index.cjs +1 -0
  61. package/dist/index.d.ts +11 -0
  62. package/dist/index.js +13 -0
  63. package/dist/ui-library-sorin.css +2 -0
  64. package/package.json +45 -0
@@ -0,0 +1 @@
1
+ let e=require("react/jsx-runtime");function t(){return(0,e.jsx)(`svg`,{width:`10`,height:`6`,viewBox:`0 0 10 6`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,e.jsx)(`path`,{d:`M0 0.485107L0.00511176 0.478779C0.0444302 0.42958 0.0761881 0.372617 0.113759 0.320693C0.237526 0.149638 0.385797 0.0366891 0.598594 0.00947228C1.00438 -0.0424223 1.229 0.226259 1.49097 0.488496L1.95616 0.954736L3.88633 2.88545L4.52963 3.5288C4.61057 3.60976 4.92186 3.94435 5.01203 3.96264C5.09092 3.92402 5.56501 3.43307 5.66674 3.3313L7.53853 1.45878L8.26637 0.730732C8.33592 0.661171 8.40655 0.591689 8.47685 0.520234C8.77229 0.219912 9.0505 -0.11501 9.51818 0.0385444C9.7707 0.121464 9.85205 0.288671 10 0.489902V0.880751L9.99385 0.888623C9.92041 0.984267 9.87207 1.09029 9.78926 1.18444C9.68755 1.30011 9.57703 1.40581 9.46813 1.51455L8.92238 2.05966L7.18143 3.80121L6.05804 4.92535C5.93095 5.05256 5.80456 5.18076 5.67697 5.30742C5.53793 5.44376 5.39325 5.60452 5.20034 5.65958C4.98079 5.72225 4.73166 5.66973 4.55557 5.52454C4.38555 5.38435 4.22672 5.21419 4.07037 5.05731L3.26744 4.25328L0.401582 1.38937C0.262375 1.2509 0.152522 1.13277 0.0504149 0.962265C0.0368686 0.939648 0.0184013 0.904462 0 0.887929V0.485107Z`,fill:`currentColor`})})}exports.default=t;
@@ -0,0 +1 @@
1
+ export default function ArrowIcon(): import("react").JSX.Element;
@@ -0,0 +1,17 @@
1
+ import { jsx as e } from "react/jsx-runtime";
2
+ //#region src/assets/icons/ArrowIcon.tsx
3
+ function t() {
4
+ return /* @__PURE__ */ e("svg", {
5
+ width: "10",
6
+ height: "6",
7
+ viewBox: "0 0 10 6",
8
+ fill: "none",
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ children: /* @__PURE__ */ e("path", {
11
+ d: "M0 0.485107L0.00511176 0.478779C0.0444302 0.42958 0.0761881 0.372617 0.113759 0.320693C0.237526 0.149638 0.385797 0.0366891 0.598594 0.00947228C1.00438 -0.0424223 1.229 0.226259 1.49097 0.488496L1.95616 0.954736L3.88633 2.88545L4.52963 3.5288C4.61057 3.60976 4.92186 3.94435 5.01203 3.96264C5.09092 3.92402 5.56501 3.43307 5.66674 3.3313L7.53853 1.45878L8.26637 0.730732C8.33592 0.661171 8.40655 0.591689 8.47685 0.520234C8.77229 0.219912 9.0505 -0.11501 9.51818 0.0385444C9.7707 0.121464 9.85205 0.288671 10 0.489902V0.880751L9.99385 0.888623C9.92041 0.984267 9.87207 1.09029 9.78926 1.18444C9.68755 1.30011 9.57703 1.40581 9.46813 1.51455L8.92238 2.05966L7.18143 3.80121L6.05804 4.92535C5.93095 5.05256 5.80456 5.18076 5.67697 5.30742C5.53793 5.44376 5.39325 5.60452 5.20034 5.65958C4.98079 5.72225 4.73166 5.66973 4.55557 5.52454C4.38555 5.38435 4.22672 5.21419 4.07037 5.05731L3.26744 4.25328L0.401582 1.38937C0.262375 1.2509 0.152522 1.13277 0.0504149 0.962265C0.0368686 0.939648 0.0184013 0.904462 0 0.887929V0.485107Z",
12
+ fill: "currentColor"
13
+ })
14
+ });
15
+ }
16
+ //#endregion
17
+ export { t as default };
@@ -0,0 +1 @@
1
+ let e=require("react/jsx-runtime");function t(){return(0,e.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`18`,height:`18`,viewBox:`0 0 18 18`,fill:`none`,children:(0,e.jsx)(`path`,{d:`M7.55548 9.96449C7.68734 9.8197 7.84079 9.67001 7.9793 9.53019L8.66989 8.8332L10.7763 6.70785L11.9555 5.51818C11.9862 5.4872 12.0178 5.4556 12.0483 5.42447C12.4415 5.02408 12.722 4.6676 13.3279 4.64081C13.6814 4.62832 14.0254 4.75747 14.2849 5.00004C14.5454 5.24487 14.6978 5.58493 14.7079 5.94406C14.7189 6.31832 14.5725 6.66951 14.3128 6.93394C13.8998 7.35451 13.4837 7.77196 13.0689 8.19079L10.5578 10.7256L9.34216 11.9521C9.15761 12.1385 8.80792 12.5119 8.61249 12.6529C8.31849 12.868 7.96707 12.9888 7.60404 12.9996C7.09526 13.0102 6.62179 12.8215 6.26316 12.4613C5.75481 11.9506 5.24784 11.4374 4.74072 10.9255L4.25697 10.4378C4.12423 10.304 3.97977 10.1683 3.87298 10.0134C3.79913 9.90521 3.74399 9.78524 3.7099 9.65855C3.69865 9.61808 3.66814 9.47654 3.65164 9.45046V9.09059C3.68553 9.01886 3.70347 8.88909 3.7367 8.80049C3.86445 8.45296 4.12991 8.17487 4.46927 8.03306C4.79816 7.89594 5.16769 7.89698 5.49582 8.03596C5.60929 8.08474 5.71549 8.14919 5.81137 8.22746C5.95412 8.34368 6.18744 8.59245 6.32575 8.73227L7.22792 9.64353C7.31532 9.73165 7.46518 9.89162 7.55548 9.96449Z`,fill:`currentColor`})})}exports.default=t;
@@ -0,0 +1 @@
1
+ export default function CheckIcon(): import("react").JSX.Element;
@@ -0,0 +1,17 @@
1
+ import { jsx as e } from "react/jsx-runtime";
2
+ //#region src/assets/icons/CheckIcon.tsx
3
+ function t() {
4
+ return /* @__PURE__ */ e("svg", {
5
+ xmlns: "http://www.w3.org/2000/svg",
6
+ width: "18",
7
+ height: "18",
8
+ viewBox: "0 0 18 18",
9
+ fill: "none",
10
+ children: /* @__PURE__ */ e("path", {
11
+ d: "M7.55548 9.96449C7.68734 9.8197 7.84079 9.67001 7.9793 9.53019L8.66989 8.8332L10.7763 6.70785L11.9555 5.51818C11.9862 5.4872 12.0178 5.4556 12.0483 5.42447C12.4415 5.02408 12.722 4.6676 13.3279 4.64081C13.6814 4.62832 14.0254 4.75747 14.2849 5.00004C14.5454 5.24487 14.6978 5.58493 14.7079 5.94406C14.7189 6.31832 14.5725 6.66951 14.3128 6.93394C13.8998 7.35451 13.4837 7.77196 13.0689 8.19079L10.5578 10.7256L9.34216 11.9521C9.15761 12.1385 8.80792 12.5119 8.61249 12.6529C8.31849 12.868 7.96707 12.9888 7.60404 12.9996C7.09526 13.0102 6.62179 12.8215 6.26316 12.4613C5.75481 11.9506 5.24784 11.4374 4.74072 10.9255L4.25697 10.4378C4.12423 10.304 3.97977 10.1683 3.87298 10.0134C3.79913 9.90521 3.74399 9.78524 3.7099 9.65855C3.69865 9.61808 3.66814 9.47654 3.65164 9.45046V9.09059C3.68553 9.01886 3.70347 8.88909 3.7367 8.80049C3.86445 8.45296 4.12991 8.17487 4.46927 8.03306C4.79816 7.89594 5.16769 7.89698 5.49582 8.03596C5.60929 8.08474 5.71549 8.14919 5.81137 8.22746C5.95412 8.34368 6.18744 8.59245 6.32575 8.73227L7.22792 9.64353C7.31532 9.73165 7.46518 9.89162 7.55548 9.96449Z",
12
+ fill: "currentColor"
13
+ })
14
+ });
15
+ }
16
+ //#endregion
17
+ export { t as default };
@@ -0,0 +1 @@
1
+ let e=require("react/jsx-runtime");function t(){return(0,e.jsx)(`svg`,{width:`15`,height:`11`,viewBox:`0 0 15 11`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,e.jsx)(`path`,{d:`M5.2454 11L0 5.78586L1.31135 4.48233L5.2454 8.39293L13.6887 0L15 1.30353L5.2454 11Z`,fill:`white`})})}exports.default=t;
@@ -0,0 +1 @@
1
+ export default function CheckLigthIcon(): import("react").JSX.Element;
@@ -0,0 +1,17 @@
1
+ import { jsx as e } from "react/jsx-runtime";
2
+ //#region src/assets/icons/CheckLigthIcon.tsx
3
+ function t() {
4
+ return /* @__PURE__ */ e("svg", {
5
+ width: "15",
6
+ height: "11",
7
+ viewBox: "0 0 15 11",
8
+ fill: "none",
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ children: /* @__PURE__ */ e("path", {
11
+ d: "M5.2454 11L0 5.78586L1.31135 4.48233L5.2454 8.39293L13.6887 0L15 1.30353L5.2454 11Z",
12
+ fill: "white"
13
+ })
14
+ });
15
+ }
16
+ //#endregion
17
+ export { t as default };
@@ -0,0 +1 @@
1
+ let e=require("react/jsx-runtime");function t(){return(0,e.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`15`,height:`15`,viewBox:`0 0 15 15`,fill:`none`,children:[(0,e.jsxs)(`g`,{clipPath:`url(#clip0_2132_774)`,children:[(0,e.jsx)(`path`,{d:`M15.0002 7.49971C15.0002 8.98299 14.5603 10.433 13.7363 11.6663C12.9122 12.8996 11.741 13.8608 10.3706 14.4285C9.00023 14.9961 7.49232 15.1447 6.03754 14.8554C4.58275 14.566 3.24643 13.8518 2.19755 12.803C1.14868 11.7542 0.434355 10.4179 0.144912 8.96319C-0.144532 7.50842 0.00390405 6.0005 0.57145 4.6301C1.139 3.2597 2.10016 2.08836 3.3334 1.26421C4.56665 0.440063 6.01659 0.000115143 7.49986 0C9.48896 -5.99229e-09 11.3966 0.790127 12.8032 2.19658C14.2097 3.60303 15 5.51061 15.0002 7.49971Z`,fill:`#D90000`}),(0,e.jsx)(`path`,{d:`M8.87365 7.68718L10.6639 9.58336C10.7873 9.74194 10.8552 9.93666 10.8572 10.1376C10.853 10.2421 10.8248 10.3442 10.7748 10.4361C10.7249 10.528 10.6544 10.6071 10.569 10.6674C10.3672 10.8287 10.1165 10.9166 9.85813 10.9166C9.73124 10.9255 9.60396 10.906 9.48553 10.8596C9.3671 10.8132 9.2605 10.7409 9.17348 10.6482L7.59634 8.96508L6.0192 10.6482C5.93251 10.7426 5.82589 10.8166 5.70707 10.8647C5.58825 10.9129 5.4602 10.9339 5.33222 10.9265C5.07693 10.9256 4.8299 10.8358 4.6336 10.6726C4.54898 10.6107 4.4794 10.5305 4.43002 10.4379C4.38063 10.3454 4.35271 10.243 4.34833 10.1382C4.35028 9.93715 4.41842 9.74236 4.5422 9.58394L6.32252 7.68776L4.5422 5.74268C4.41758 5.58203 4.34944 5.38477 4.34833 5.18146C4.35231 5.07487 4.37972 4.97048 4.42863 4.87569C4.47753 4.7809 4.54672 4.69805 4.63127 4.63304C4.82557 4.46489 5.07296 4.37068 5.32989 4.36698C5.45882 4.35781 5.58813 4.37858 5.70771 4.42766C5.82728 4.47674 5.93389 4.55281 6.0192 4.64992L7.59634 6.38134L9.1758 4.64934C9.26235 4.55407 9.36929 4.47957 9.48864 4.43139C9.608 4.38321 9.73668 4.36258 9.86512 4.37106C10.1245 4.37092 10.3755 4.46271 10.5736 4.63013C10.659 4.69451 10.729 4.77717 10.7783 4.87206C10.8277 4.96694 10.8552 5.07166 10.8589 5.17855C10.8579 5.38249 10.79 5.58047 10.6656 5.7421L8.87365 7.68718Z`,fill:`white`})]}),(0,e.jsx)(`defs`,{children:(0,e.jsx)(`clipPath`,{id:`clip0_2132_774`,children:(0,e.jsx)(`rect`,{width:`15`,height:`15`,fill:`white`})})})]})}exports.default=t;
@@ -0,0 +1 @@
1
+ export default function ErrorIcon(): import("react").JSX.Element;
@@ -0,0 +1,30 @@
1
+ import { jsx as e, jsxs as t } from "react/jsx-runtime";
2
+ //#region src/assets/icons/ErrorIcon.tsx
3
+ function n() {
4
+ return /* @__PURE__ */ t("svg", {
5
+ xmlns: "http://www.w3.org/2000/svg",
6
+ width: "15",
7
+ height: "15",
8
+ viewBox: "0 0 15 15",
9
+ fill: "none",
10
+ children: [/* @__PURE__ */ t("g", {
11
+ clipPath: "url(#clip0_2132_774)",
12
+ children: [/* @__PURE__ */ e("path", {
13
+ d: "M15.0002 7.49971C15.0002 8.98299 14.5603 10.433 13.7363 11.6663C12.9122 12.8996 11.741 13.8608 10.3706 14.4285C9.00023 14.9961 7.49232 15.1447 6.03754 14.8554C4.58275 14.566 3.24643 13.8518 2.19755 12.803C1.14868 11.7542 0.434355 10.4179 0.144912 8.96319C-0.144532 7.50842 0.00390405 6.0005 0.57145 4.6301C1.139 3.2597 2.10016 2.08836 3.3334 1.26421C4.56665 0.440063 6.01659 0.000115143 7.49986 0C9.48896 -5.99229e-09 11.3966 0.790127 12.8032 2.19658C14.2097 3.60303 15 5.51061 15.0002 7.49971Z",
14
+ fill: "#D90000"
15
+ }), /* @__PURE__ */ e("path", {
16
+ d: "M8.87365 7.68718L10.6639 9.58336C10.7873 9.74194 10.8552 9.93666 10.8572 10.1376C10.853 10.2421 10.8248 10.3442 10.7748 10.4361C10.7249 10.528 10.6544 10.6071 10.569 10.6674C10.3672 10.8287 10.1165 10.9166 9.85813 10.9166C9.73124 10.9255 9.60396 10.906 9.48553 10.8596C9.3671 10.8132 9.2605 10.7409 9.17348 10.6482L7.59634 8.96508L6.0192 10.6482C5.93251 10.7426 5.82589 10.8166 5.70707 10.8647C5.58825 10.9129 5.4602 10.9339 5.33222 10.9265C5.07693 10.9256 4.8299 10.8358 4.6336 10.6726C4.54898 10.6107 4.4794 10.5305 4.43002 10.4379C4.38063 10.3454 4.35271 10.243 4.34833 10.1382C4.35028 9.93715 4.41842 9.74236 4.5422 9.58394L6.32252 7.68776L4.5422 5.74268C4.41758 5.58203 4.34944 5.38477 4.34833 5.18146C4.35231 5.07487 4.37972 4.97048 4.42863 4.87569C4.47753 4.7809 4.54672 4.69805 4.63127 4.63304C4.82557 4.46489 5.07296 4.37068 5.32989 4.36698C5.45882 4.35781 5.58813 4.37858 5.70771 4.42766C5.82728 4.47674 5.93389 4.55281 6.0192 4.64992L7.59634 6.38134L9.1758 4.64934C9.26235 4.55407 9.36929 4.47957 9.48864 4.43139C9.608 4.38321 9.73668 4.36258 9.86512 4.37106C10.1245 4.37092 10.3755 4.46271 10.5736 4.63013C10.659 4.69451 10.729 4.77717 10.7783 4.87206C10.8277 4.96694 10.8552 5.07166 10.8589 5.17855C10.8579 5.38249 10.79 5.58047 10.6656 5.7421L8.87365 7.68718Z",
17
+ fill: "white"
18
+ })]
19
+ }), /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", {
20
+ id: "clip0_2132_774",
21
+ children: /* @__PURE__ */ e("rect", {
22
+ width: "15",
23
+ height: "15",
24
+ fill: "white"
25
+ })
26
+ }) })]
27
+ });
28
+ }
29
+ //#endregion
30
+ export { n as default };
@@ -0,0 +1 @@
1
+ let e=require("react/jsx-runtime");function t(){return(0,e.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:[(0,e.jsx)(`path`,{d:`M14 14L11.1067 11.1067`,stroke:`white`,strokeWidth:`1.33333`,strokeLinecap:`round`,strokeLinejoin:`round`}),(0,e.jsx)(`path`,{d:`M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z`,stroke:`white`,strokeWidth:`1.33333`,strokeLinecap:`round`,strokeLinejoin:`round`})]})}exports.default=t;
@@ -0,0 +1 @@
1
+ export default function MagnifyingGlassIcon(): import("react").JSX.Element;
@@ -0,0 +1,26 @@
1
+ import { jsx as e, jsxs as t } from "react/jsx-runtime";
2
+ //#region src/assets/icons/MagnifyingGlassIcon.tsx
3
+ function n() {
4
+ return /* @__PURE__ */ t("svg", {
5
+ width: "16",
6
+ height: "16",
7
+ viewBox: "0 0 16 16",
8
+ fill: "none",
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ children: [/* @__PURE__ */ e("path", {
11
+ d: "M14 14L11.1067 11.1067",
12
+ stroke: "white",
13
+ strokeWidth: "1.33333",
14
+ strokeLinecap: "round",
15
+ strokeLinejoin: "round"
16
+ }), /* @__PURE__ */ e("path", {
17
+ d: "M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z",
18
+ stroke: "white",
19
+ strokeWidth: "1.33333",
20
+ strokeLinecap: "round",
21
+ strokeLinejoin: "round"
22
+ })]
23
+ });
24
+ }
25
+ //#endregion
26
+ export { n as default };
@@ -0,0 +1,6 @@
1
+ import { ComponentPropsWithRef } from 'react';
2
+ export interface ButtonProps extends ComponentPropsWithRef<'button'> {
3
+ variant?: 'main' | 'secondary';
4
+ pressed?: boolean;
5
+ }
6
+ export declare function Button({ variant, pressed, className, ...props }: ButtonProps): import("react").JSX.Element;
@@ -0,0 +1 @@
1
+ ;/* empty css */let e=require("react/jsx-runtime");function t({variant:t=`main`,pressed:n,className:r,...i}){return(0,e.jsx)(`button`,{"aria-pressed":n,className:[`ui-library-button`,`ui-library-button--${t}`,n&&`ui-library-button--pressed`,r].filter(Boolean).join(` `),...i})}exports.Button=t;
@@ -0,0 +1,17 @@
1
+ /* empty css */
2
+ import { jsx as e } from "react/jsx-runtime";
3
+ //#region src/components/Button/Button.tsx
4
+ function t({ variant: t = "main", pressed: n, className: r, ...i }) {
5
+ return /* @__PURE__ */ e("button", {
6
+ "aria-pressed": n,
7
+ className: [
8
+ "ui-library-button",
9
+ `ui-library-button--${t}`,
10
+ n && "ui-library-button--pressed",
11
+ r
12
+ ].filter(Boolean).join(" "),
13
+ ...i
14
+ });
15
+ }
16
+ //#endregion
17
+ export { t as Button };
@@ -0,0 +1 @@
1
+ export { Button } from './Button';
@@ -0,0 +1,5 @@
1
+ import { CheckboxRootProps } from '@base-ui/react/checkbox';
2
+ export interface CheckboxProps extends Omit<CheckboxRootProps, "render"> {
3
+ className?: string;
4
+ }
5
+ export declare function Checkbox({ className, ...props }: CheckboxProps): import("react").JSX.Element;
@@ -0,0 +1 @@
1
+ "use client";"use client";const e=require("../../assets/icons/CheckIcon.cjs");;/* empty css */let t=require("react/jsx-runtime"),n=require("@base-ui/react/checkbox");function r({className:r,...i}){return(0,t.jsx)(`label`,{className:[`ui-library-checkbox`,r].filter(Boolean).join(` `),children:(0,t.jsx)(n.Checkbox.Root,{className:`ui-library-checkbox__box`,...i,children:(0,t.jsx)(n.Checkbox.Indicator,{className:`ui-library-checkbox__indicator`,keepMounted:!0,children:(0,t.jsx)(e.default,{})})})})}exports.Checkbox=r;
@@ -0,0 +1,23 @@
1
+ "use client";
2
+ "use client";
3
+ import e from "../../assets/icons/CheckIcon.js";
4
+ /* empty css */
5
+ import { jsx as t } from "react/jsx-runtime";
6
+ import { Checkbox as n } from "@base-ui/react/checkbox";
7
+ //#region src/components/Checkbox/Checkbox.tsx
8
+ function r({ className: r, ...i }) {
9
+ return /* @__PURE__ */ t("label", {
10
+ className: ["ui-library-checkbox", r].filter(Boolean).join(" "),
11
+ children: /* @__PURE__ */ t(n.Root, {
12
+ className: "ui-library-checkbox__box",
13
+ ...i,
14
+ children: /* @__PURE__ */ t(n.Indicator, {
15
+ className: "ui-library-checkbox__indicator",
16
+ keepMounted: !0,
17
+ children: /* @__PURE__ */ t(e, {})
18
+ })
19
+ })
20
+ });
21
+ }
22
+ //#endregion
23
+ export { r as Checkbox };
@@ -0,0 +1,2 @@
1
+ export { Checkbox } from './Checkbox';
2
+ export type { CheckboxProps } from './Checkbox';
@@ -0,0 +1,7 @@
1
+ import { ComponentPropsWithRef, ReactNode } from 'react';
2
+ export interface IconButtonProps extends ComponentPropsWithRef<"button"> {
3
+ variant?: "main" | "secondary" | "danger";
4
+ icon: ReactNode;
5
+ rounded?: boolean;
6
+ }
7
+ export declare function IconButton({ icon, variant, rounded, ...props }: IconButtonProps): import("react").JSX.Element;
@@ -0,0 +1 @@
1
+ ;/* empty css */let e=require("react/jsx-runtime");function t({icon:t,variant:n=`main`,rounded:r=!1,...i}){return(0,e.jsx)(`button`,{className:`ui-library-icon-button ui-library-icon-button__${n} ${r?`ui-library-icon-button__rounded`:``}`,...i,children:t})}exports.IconButton=t;
@@ -0,0 +1,12 @@
1
+ /* empty css */
2
+ import { jsx as e } from "react/jsx-runtime";
3
+ //#region src/components/IconButton/IconButton.tsx
4
+ function t({ icon: t, variant: n = "main", rounded: r = !1, ...i }) {
5
+ return /* @__PURE__ */ e("button", {
6
+ className: `ui-library-icon-button ui-library-icon-button__${n} ${r ? "ui-library-icon-button__rounded" : ""}`,
7
+ ...i,
8
+ children: t
9
+ });
10
+ }
11
+ //#endregion
12
+ export { t as IconButton };
@@ -0,0 +1 @@
1
+ export { IconButton } from './IconButton';
@@ -0,0 +1,12 @@
1
+ import { ReactElement } from 'react';
2
+ import { InputProps } from '@base-ui/react';
3
+ export interface Props extends Omit<InputProps, "render" | "placeholder"> {
4
+ label: string;
5
+ error?: string;
6
+ icon?: ReactElement;
7
+ className?: string;
8
+ toggleIcon?: () => void;
9
+ showCounter?: boolean;
10
+ onInput?: any;
11
+ }
12
+ export declare function Input({ label, error, icon, className, toggleIcon, showCounter, onInput, ...props }: Props): import("react").JSX.Element;
@@ -0,0 +1 @@
1
+ "use client";"use client";const e=require("../../assets/icons/ErrorIcon.cjs");;/* empty css */let t=require("react/jsx-runtime"),n=require("react"),r=require("@base-ui/react/input");function i({label:i,error:a,icon:o,className:s,toggleIcon:c,showCounter:l=!1,onInput:u,...d}){let f=(0,n.useRef)(null),p=e=>{if(l){let t=e.currentTarget.value.length;f.current&&(f.current.textContent=`${t}/${d.maxLength}`)}u?.(e)};return(0,t.jsxs)(`div`,{className:[`ui-library-input-wrapper`,s].filter(Boolean).join(` `),children:[(0,t.jsxs)(`label`,{className:`ui-library-input${a?` ui-library-input--error`:``}${o?` ui-library-input--has-icon`:``}`,children:[(0,t.jsx)(`span`,{className:`ui-library-input__span`,children:i}),(0,t.jsx)(r.Input,{...d,onInput:p,placeholder:` `}),o&&(0,t.jsx)(`div`,{className:`ui-library-input__icon`,onClick:c,children:o})]}),l&&d.maxLength&&(0,t.jsx)(`span`,{ref:f,className:`ui-library-input__counter`}),a&&(0,t.jsxs)(`div`,{className:`ui-library-input__error`,children:[(0,t.jsx)(`span`,{className:`ui-library-input__error-icon`,children:(0,t.jsx)(e.default,{})}),(0,t.jsx)(`span`,{className:`ui-library-input__error-text`,children:a})]})]})}exports.Input=i;
@@ -0,0 +1,57 @@
1
+ "use client";
2
+ "use client";
3
+ import e from "../../assets/icons/ErrorIcon.js";
4
+ /* empty css */
5
+ import { jsx as t, jsxs as n } from "react/jsx-runtime";
6
+ import { useRef as r } from "react";
7
+ import { Input as i } from "@base-ui/react/input";
8
+ //#region src/components/Input/Input.tsx
9
+ function a({ label: a, error: o, icon: s, className: c, toggleIcon: l, showCounter: u = !1, onInput: d, ...f }) {
10
+ let p = r(null), m = (e) => {
11
+ if (u) {
12
+ let t = e.currentTarget.value.length;
13
+ p.current && (p.current.textContent = `${t}/${f.maxLength}`);
14
+ }
15
+ d?.(e);
16
+ };
17
+ return /* @__PURE__ */ n("div", {
18
+ className: ["ui-library-input-wrapper", c].filter(Boolean).join(" "),
19
+ children: [
20
+ /* @__PURE__ */ n("label", {
21
+ className: `ui-library-input${o ? " ui-library-input--error" : ""}${s ? " ui-library-input--has-icon" : ""}`,
22
+ children: [
23
+ /* @__PURE__ */ t("span", {
24
+ className: "ui-library-input__span",
25
+ children: a
26
+ }),
27
+ /* @__PURE__ */ t(i, {
28
+ ...f,
29
+ onInput: m,
30
+ placeholder: " "
31
+ }),
32
+ s && /* @__PURE__ */ t("div", {
33
+ className: "ui-library-input__icon",
34
+ onClick: l,
35
+ children: s
36
+ })
37
+ ]
38
+ }),
39
+ u && f.maxLength && /* @__PURE__ */ t("span", {
40
+ ref: p,
41
+ className: "ui-library-input__counter"
42
+ }),
43
+ o && /* @__PURE__ */ n("div", {
44
+ className: "ui-library-input__error",
45
+ children: [/* @__PURE__ */ t("span", {
46
+ className: "ui-library-input__error-icon",
47
+ children: /* @__PURE__ */ t(e, {})
48
+ }), /* @__PURE__ */ t("span", {
49
+ className: "ui-library-input__error-text",
50
+ children: o
51
+ })]
52
+ })
53
+ ]
54
+ });
55
+ }
56
+ //#endregion
57
+ export { a as Input };
@@ -0,0 +1 @@
1
+ export { Input } from './Input';
@@ -0,0 +1,8 @@
1
+ import { ReactNode } from 'react';
2
+ export interface ModalProps {
3
+ isOpenModal: boolean;
4
+ children: ReactNode;
5
+ autoClose: boolean;
6
+ closeModal: () => void;
7
+ }
8
+ export declare function Modal({ isOpenModal, closeModal, children, autoClose, }: ModalProps): import("react").JSX.Element;
@@ -0,0 +1 @@
1
+ "use client";"use client";;/* empty css */let e=require("react/jsx-runtime"),t=require("react"),n=require("@base-ui/react/dialog");function r({isOpenModal:r,closeModal:i,children:a,autoClose:o}){let s=(0,t.useRef)(null);return(0,e.jsx)(n.Dialog.Root,{open:r,onOpenChange:e=>{!e&&o&&i()},children:(0,e.jsxs)(n.Dialog.Portal,{children:[(0,e.jsx)(n.Dialog.Backdrop,{className:`ui-library-modal__backdrop`,onClick:o?i:void 0}),(0,e.jsx)(n.Dialog.Popup,{ref:s,className:`ui-library-modal__popup`,initialFocus:s,finalFocus:!1,children:a})]})})}exports.Modal=r;
@@ -0,0 +1,28 @@
1
+ "use client";
2
+ "use client";
3
+ /* empty css */
4
+ import { jsx as e, jsxs as t } from "react/jsx-runtime";
5
+ import { useRef as n } from "react";
6
+ import { Dialog as r } from "@base-ui/react/dialog";
7
+ //#region src/components/Modal/Modal.tsx
8
+ function i({ isOpenModal: i, closeModal: a, children: o, autoClose: s }) {
9
+ let c = n(null);
10
+ return /* @__PURE__ */ e(r.Root, {
11
+ open: i,
12
+ onOpenChange: (e) => {
13
+ !e && s && a();
14
+ },
15
+ children: /* @__PURE__ */ t(r.Portal, { children: [/* @__PURE__ */ e(r.Backdrop, {
16
+ className: "ui-library-modal__backdrop",
17
+ onClick: s ? a : void 0
18
+ }), /* @__PURE__ */ e(r.Popup, {
19
+ ref: c,
20
+ className: "ui-library-modal__popup",
21
+ initialFocus: c,
22
+ finalFocus: !1,
23
+ children: o
24
+ })] })
25
+ });
26
+ }
27
+ //#endregion
28
+ export { i as Modal };
@@ -0,0 +1 @@
1
+ export { Modal } from './Modal';
@@ -0,0 +1,5 @@
1
+ import { ComponentPropsWithRef } from 'react';
2
+ export interface RadioNativeProps extends Omit<ComponentPropsWithRef<'input'>, 'type' | 'size'> {
3
+ label?: string;
4
+ }
5
+ export declare function RadioNative({ label, className, ...props }: RadioNativeProps): import("react").JSX.Element;
@@ -0,0 +1 @@
1
+ ;/* empty css */let e=require("react/jsx-runtime");function t({label:t,className:n,...r}){return(0,e.jsxs)(`label`,{className:[`ui-library-radio-native`,r.disabled&&`ui-library-radio-native--disabled`,n].filter(Boolean).join(` `),children:[(0,e.jsx)(`input`,{type:`radio`,className:`ui-library-radio-native__input`,...r}),(0,e.jsx)(`span`,{className:`ui-library-radio-native__box`,children:(0,e.jsx)(`span`,{className:`ui-library-radio-native__indicator`})}),t&&(0,e.jsx)(`span`,{className:`ui-library-radio-native__label`,children:t})]})}exports.RadioNative=t;
@@ -0,0 +1,29 @@
1
+ /* empty css */
2
+ import { jsx as e, jsxs as t } from "react/jsx-runtime";
3
+ //#region src/components/RadioNative/RadioNative.tsx
4
+ function n({ label: n, className: r, ...i }) {
5
+ return /* @__PURE__ */ t("label", {
6
+ className: [
7
+ "ui-library-radio-native",
8
+ i.disabled && "ui-library-radio-native--disabled",
9
+ r
10
+ ].filter(Boolean).join(" "),
11
+ children: [
12
+ /* @__PURE__ */ e("input", {
13
+ type: "radio",
14
+ className: "ui-library-radio-native__input",
15
+ ...i
16
+ }),
17
+ /* @__PURE__ */ e("span", {
18
+ className: "ui-library-radio-native__box",
19
+ children: /* @__PURE__ */ e("span", { className: "ui-library-radio-native__indicator" })
20
+ }),
21
+ n && /* @__PURE__ */ e("span", {
22
+ className: "ui-library-radio-native__label",
23
+ children: n
24
+ })
25
+ ]
26
+ });
27
+ }
28
+ //#endregion
29
+ export { n as RadioNative };
@@ -0,0 +1 @@
1
+ export { RadioNative } from './RadioNative';
@@ -0,0 +1,17 @@
1
+ export interface SelectOption {
2
+ label: string;
3
+ value: string;
4
+ }
5
+ export interface SelectProps {
6
+ label: string;
7
+ placeholder?: string;
8
+ options: SelectOption[];
9
+ value?: string;
10
+ defaultValue?: string;
11
+ onValueChange?: (value: string) => void;
12
+ disabled?: boolean;
13
+ name?: string;
14
+ className?: string;
15
+ error?: string;
16
+ }
17
+ export declare function Select({ label, placeholder, options, className, onValueChange, error, ...props }: SelectProps): import("react").JSX.Element;
@@ -0,0 +1 @@
1
+ "use client";"use client";const e=require("../../assets/icons/ErrorIcon.cjs");;/* empty css */const t=require("../../assets/icons/ArrowIcon.cjs");let n=require("react/jsx-runtime"),r=require("@base-ui/react/select");function i({label:i,placeholder:a,options:o,className:s,onValueChange:c,error:l,...u}){return(0,n.jsxs)(r.Select.Root,{items:o,onValueChange:e=>{e&&c?.(e)},...u,children:[(0,n.jsxs)(`div`,{className:[`ui-library-select`,s].filter(Boolean).join(` `),children:[(0,n.jsx)(r.Select.Label,{className:`ui-library-select__label`,children:i}),(0,n.jsxs)(r.Select.Trigger,{"aria-invalid":!!l,className:({value:e})=>[`ui-library-select__trigger`,e&&!o.some(t=>t.value===e)?`ui-library-select__trigger--placeholder`:``,l?`ui-library-select__trigger--error`:``].filter(Boolean).join(` `),children:[(0,n.jsx)(r.Select.Value,{className:`ui-library-select__value`,children:e=>{if(!e)return a??null;let t=o.find(t=>t.value===e);return t?t.label:a??e}}),(0,n.jsx)(`span`,{className:`ui-library-select__icon`,children:(0,n.jsx)(t.default,{})})]}),l&&(0,n.jsxs)(`div`,{className:`ui-library-select__error`,children:[(0,n.jsx)(`span`,{className:`ui-library-select__error-icon`,children:(0,n.jsx)(e.default,{})}),(0,n.jsx)(`span`,{className:`ui-library-select__error-text`,children:l})]})]}),(0,n.jsx)(r.Select.Portal,{children:(0,n.jsx)(r.Select.Positioner,{className:`ui-library-select__positioner`,side:`bottom`,sideOffset:4,alignItemWithTrigger:!1,children:(0,n.jsx)(r.Select.Popup,{className:`ui-library-select__popup`,children:(0,n.jsx)(r.Select.List,{children:o.map(e=>(0,n.jsx)(r.Select.Item,{value:e.value,className:`ui-library-select__item`,children:(0,n.jsx)(r.Select.ItemText,{children:e.label})},e.value))})})})})]})}exports.Select=i;
@@ -0,0 +1,70 @@
1
+ "use client";
2
+ "use client";
3
+ import e from "../../assets/icons/ErrorIcon.js";
4
+ /* empty css */
5
+ import t from "../../assets/icons/ArrowIcon.js";
6
+ import { jsx as n, jsxs as r } from "react/jsx-runtime";
7
+ import { Select as i } from "@base-ui/react/select";
8
+ //#region src/components/Select/Select.tsx
9
+ function a({ label: a, placeholder: o, options: s, className: c, onValueChange: l, error: u, ...d }) {
10
+ return /* @__PURE__ */ r(i.Root, {
11
+ items: s,
12
+ onValueChange: (e) => {
13
+ e && l?.(e);
14
+ },
15
+ ...d,
16
+ children: [/* @__PURE__ */ r("div", {
17
+ className: ["ui-library-select", c].filter(Boolean).join(" "),
18
+ children: [
19
+ /* @__PURE__ */ n(i.Label, {
20
+ className: "ui-library-select__label",
21
+ children: a
22
+ }),
23
+ /* @__PURE__ */ r(i.Trigger, {
24
+ "aria-invalid": !!u,
25
+ className: ({ value: e }) => [
26
+ "ui-library-select__trigger",
27
+ e && !s.some((t) => t.value === e) ? "ui-library-select__trigger--placeholder" : "",
28
+ u ? "ui-library-select__trigger--error" : ""
29
+ ].filter(Boolean).join(" "),
30
+ children: [/* @__PURE__ */ n(i.Value, {
31
+ className: "ui-library-select__value",
32
+ children: (e) => {
33
+ if (!e) return o ?? null;
34
+ let t = s.find((t) => t.value === e);
35
+ return t ? t.label : o ?? e;
36
+ }
37
+ }), /* @__PURE__ */ n("span", {
38
+ className: "ui-library-select__icon",
39
+ children: /* @__PURE__ */ n(t, {})
40
+ })]
41
+ }),
42
+ u && /* @__PURE__ */ r("div", {
43
+ className: "ui-library-select__error",
44
+ children: [/* @__PURE__ */ n("span", {
45
+ className: "ui-library-select__error-icon",
46
+ children: /* @__PURE__ */ n(e, {})
47
+ }), /* @__PURE__ */ n("span", {
48
+ className: "ui-library-select__error-text",
49
+ children: u
50
+ })]
51
+ })
52
+ ]
53
+ }), /* @__PURE__ */ n(i.Portal, { children: /* @__PURE__ */ n(i.Positioner, {
54
+ className: "ui-library-select__positioner",
55
+ side: "bottom",
56
+ sideOffset: 4,
57
+ alignItemWithTrigger: !1,
58
+ children: /* @__PURE__ */ n(i.Popup, {
59
+ className: "ui-library-select__popup",
60
+ children: /* @__PURE__ */ n(i.List, { children: s.map((e) => /* @__PURE__ */ n(i.Item, {
61
+ value: e.value,
62
+ className: "ui-library-select__item",
63
+ children: /* @__PURE__ */ n(i.ItemText, { children: e.label })
64
+ }, e.value)) })
65
+ })
66
+ }) })]
67
+ });
68
+ }
69
+ //#endregion
70
+ export { a as Select };
@@ -0,0 +1,2 @@
1
+ export { Select } from './Select';
2
+ export type { SelectOption, SelectProps } from './Select';
@@ -0,0 +1,5 @@
1
+ import { SwitchRootProps } from '@base-ui/react';
2
+ export interface SwitchProps extends Omit<SwitchRootProps, 'render'> {
3
+ label: string;
4
+ }
5
+ export declare function Switch({ label, ...props }: SwitchProps): import("react").JSX.Element;
@@ -0,0 +1 @@
1
+ "use client";"use client";;/* empty css */let e=require("react/jsx-runtime"),t=require("@base-ui/react");function n({label:n,...r}){return(0,e.jsxs)(`label`,{className:`ui-library-switch-label`,children:[n,(0,e.jsx)(t.Switch.Root,{className:`ui-library-switch`,...r,children:(0,e.jsx)(t.Switch.Thumb,{className:`ui-library-thumb`})})]})}exports.Switch=n;
@@ -0,0 +1,18 @@
1
+ "use client";
2
+ "use client";
3
+ /* empty css */
4
+ import { jsx as e, jsxs as t } from "react/jsx-runtime";
5
+ import { Switch as n } from "@base-ui/react";
6
+ //#region src/components/Switch/Switch.tsx
7
+ function r({ label: r, ...i }) {
8
+ return /* @__PURE__ */ t("label", {
9
+ className: "ui-library-switch-label",
10
+ children: [r, /* @__PURE__ */ e(n.Root, {
11
+ className: "ui-library-switch",
12
+ ...i,
13
+ children: /* @__PURE__ */ e(n.Thumb, { className: "ui-library-thumb" })
14
+ })]
15
+ });
16
+ }
17
+ //#endregion
18
+ export { r as Switch };
@@ -0,0 +1 @@
1
+ export { Switch } from './Switch';
@@ -0,0 +1,10 @@
1
+ import { TabsRootProps } from '@base-ui/react/tabs';
2
+ export interface Tab {
3
+ value: string;
4
+ label: string;
5
+ }
6
+ export interface TabsProps extends Omit<TabsRootProps, "render"> {
7
+ tabs: Tab[];
8
+ defaultValue: string;
9
+ }
10
+ export declare function Tabs({ tabs, defaultValue, ...props }: TabsProps): import("react").JSX.Element;
@@ -0,0 +1 @@
1
+ "use client";"use client";;/* empty css */let e=require("react/jsx-runtime"),t=require("@base-ui/react/tabs");function n({tabs:n,defaultValue:r,...i}){return(0,e.jsx)(t.Tabs.Root,{className:`ui-library-tabs`,defaultValue:r,...i,children:(0,e.jsxs)(t.Tabs.List,{className:`ui-library-tabs__list`,children:[n.map(({label:n,value:r})=>(0,e.jsx)(t.Tabs.Tab,{value:r,className:`ui-library-tabs__tab`,children:n},r)),(0,e.jsx)(t.Tabs.Indicator,{className:`ui-library-tabs__indicator`})]})})}exports.Tabs=n;
@@ -0,0 +1,23 @@
1
+ "use client";
2
+ "use client";
3
+ /* empty css */
4
+ import { jsx as e, jsxs as t } from "react/jsx-runtime";
5
+ import { Tabs as n } from "@base-ui/react/tabs";
6
+ //#region src/components/Tabs/Tabs.tsx
7
+ function r({ tabs: r, defaultValue: i, ...a }) {
8
+ return /* @__PURE__ */ e(n.Root, {
9
+ className: "ui-library-tabs",
10
+ defaultValue: i,
11
+ ...a,
12
+ children: /* @__PURE__ */ t(n.List, {
13
+ className: "ui-library-tabs__list",
14
+ children: [r.map(({ label: t, value: r }) => /* @__PURE__ */ e(n.Tab, {
15
+ value: r,
16
+ className: "ui-library-tabs__tab",
17
+ children: t
18
+ }, r)), /* @__PURE__ */ e(n.Indicator, { className: "ui-library-tabs__indicator" })]
19
+ })
20
+ });
21
+ }
22
+ //#endregion
23
+ export { r as Tabs };
@@ -0,0 +1 @@
1
+ export { Tabs } from './Tabs';
@@ -0,0 +1,11 @@
1
+ import { ReactElement } from 'react';
2
+ export interface TimelineStep {
3
+ value: number;
4
+ label: string;
5
+ icon?: ReactElement;
6
+ }
7
+ export interface TimelineProps {
8
+ steps: TimelineStep[];
9
+ currentStep: number;
10
+ }
11
+ export declare function Timeline({ steps, currentStep }: TimelineProps): import("react").JSX.Element;
@@ -0,0 +1 @@
1
+ const e=require("../../assets/icons/CheckLigthIcon.cjs"),t=require("../../assets/icons/MagnifyingGlassIcon.cjs");;/* empty css */let n=require("react/jsx-runtime");function r({steps:r,currentStep:i}){return(0,n.jsx)(`div`,{className:`ui-library-timeline`,children:r.map(({value:r,label:a,icon:o})=>{let s=r<i;return(0,n.jsx)(`div`,{className:`ui-library-timeline__item${s?` ui-library-timeline__item--completed`:``}${r===i?` ui-library-timeline__item--active`:``}`,children:(0,n.jsxs)(`div`,{className:`ui-library-timeline__dot-container`,children:[(0,n.jsx)(`div`,{className:`ui-library-timeline__dot`,children:s?(0,n.jsx)(e.default,{}):o??(0,n.jsx)(t.default,{})}),(0,n.jsx)(`span`,{className:`ui-library-timeline__label`,children:a})]})},r)})})}exports.Timeline=r;