@billgangcom/theme-lib 1.2.0 → 1.4.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 (39) hide show
  1. package/dist/align-bottom-B6qXcF_P.js +5 -0
  2. package/dist/align-bottom-BNcdAnw9.cjs +1 -0
  3. package/dist/align-top-BGk9vlUd.cjs +1 -0
  4. package/dist/align-top-CMearyFH.js +5 -0
  5. package/dist/builder.cjs.js +7 -7
  6. package/dist/builder.es.js +337 -336
  7. package/dist/image-Bx3xvWOB.cjs +1 -0
  8. package/dist/image-CASDWdgb.js +5 -0
  9. package/dist/index-DUXD-4un.cjs +34 -0
  10. package/dist/{index-SOBckDON.js → index-ohEJxZVF.js} +667 -638
  11. package/dist/shared/ui/Button/index.d.ts +1 -1
  12. package/dist/shared/ui/Input/index.d.ts +1 -0
  13. package/dist/shared/ui/Switch/index.d.ts +3 -0
  14. package/dist/sliders-BOds2ujo.js +5 -0
  15. package/dist/sliders-CsvSCMlf.cjs +1 -0
  16. package/dist/text-align-left-BBdqQ7N2.js +5 -0
  17. package/dist/text-align-left-BLq4Pvg1.cjs +1 -0
  18. package/dist/text-bold-BqCslwM8.cjs +1 -0
  19. package/dist/text-bold-CkfsPLSD.js +5 -0
  20. package/dist/text-code-CdpLXZEo.cjs +1 -0
  21. package/dist/text-code-Omig8KTZ.js +5 -0
  22. package/dist/text-italic-B6DlWITY.js +5 -0
  23. package/dist/text-italic-DgM86CDI.cjs +1 -0
  24. package/dist/text-strike-through-BPd9vRCE.js +5 -0
  25. package/dist/text-strike-through-DUrcRZUF.cjs +1 -0
  26. package/dist/text-underline-BMJdubuO.js +5 -0
  27. package/dist/text-underline-CwR9adlS.cjs +1 -0
  28. package/dist/ui/ButtonsSettings/index.d.ts +20 -0
  29. package/dist/ui/ButtonsSettings/popup.d.ts +12 -0
  30. package/dist/ui/LayoutSettings/index.d.ts +10 -0
  31. package/dist/ui/ProductSettings/index.d.ts +18 -0
  32. package/dist/ui/ProductSettings/popup.d.ts +12 -0
  33. package/dist/ui/TextSettings/index.d.ts +14 -0
  34. package/dist/ui/TypeTexts/index.d.ts +7 -0
  35. package/dist/ui/index.d.ts +6 -0
  36. package/dist/ui.cjs.js +1 -1
  37. package/dist/ui.es.js +573 -13
  38. package/package.json +2 -2
  39. package/dist/index-3IJeySWj.cjs +0 -34
@@ -1,4 +1,4 @@
1
- type Size = 'm' | 'l';
1
+ type Size = 's' | 'm' | 'l';
2
2
  interface Props {
3
3
  onClick?: React.MouseEventHandler<HTMLButtonElement>;
4
4
  style?: React.CSSProperties;
@@ -10,6 +10,7 @@ interface Props {
10
10
  disabled?: boolean;
11
11
  required?: boolean;
12
12
  regex?: string;
13
+ paddingless?: boolean;
13
14
  }
14
15
  export declare const Input: React.FC<Props>;
15
16
  export {};
@@ -3,6 +3,9 @@ interface Props {
3
3
  onChange?: (value: boolean) => void;
4
4
  style?: React.CSSProperties;
5
5
  current: boolean;
6
+ label?: string;
7
+ hasBackground?: boolean;
8
+ paddingless?: boolean;
6
9
  }
7
10
  export declare const Switch: React.FC<Props>;
8
11
  export {};
@@ -0,0 +1,5 @@
1
+ import * as C from "react";
2
+ const t = (e) => /* @__PURE__ */ C.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ C.createElement("path", { d: "M4.99904 8.20312V3.125C4.99904 2.95924 4.93319 2.80027 4.81598 2.68306C4.69877 2.56585 4.5398 2.5 4.37404 2.5C4.20828 2.5 4.04931 2.56585 3.9321 2.68306C3.81489 2.80027 3.74904 2.95924 3.74904 3.125V8.20312C3.21128 8.34081 2.73464 8.65356 2.39427 9.09207C2.05389 9.53057 1.86914 10.0699 1.86914 10.625C1.86914 11.1801 2.05389 11.7194 2.39427 12.1579C2.73464 12.5964 3.21128 12.9092 3.74904 13.0469V16.875C3.74904 17.0408 3.81489 17.1997 3.9321 17.3169C4.04931 17.4342 4.20828 17.5 4.37404 17.5C4.5398 17.5 4.69877 17.4342 4.81598 17.3169C4.93319 17.1997 4.99904 17.0408 4.99904 16.875V13.0469C5.5368 12.9092 6.01344 12.5964 6.35382 12.1579C6.69419 11.7194 6.87894 11.1801 6.87894 10.625C6.87894 10.0699 6.69419 9.53057 6.35382 9.09207C6.01344 8.65356 5.5368 8.34081 4.99904 8.20312ZM4.37404 11.875C4.12682 11.875 3.88514 11.8017 3.67958 11.6643C3.47402 11.527 3.3138 11.3318 3.21919 11.1034C3.12458 10.8749 3.09983 10.6236 3.14806 10.3811C3.19629 10.1387 3.31534 9.91593 3.49016 9.74112C3.66497 9.5663 3.8877 9.44725 4.13018 9.39902C4.37266 9.35079 4.62399 9.37554 4.8524 9.47015C5.0808 9.56476 5.27603 9.72498 5.41338 9.93054C5.55073 10.1361 5.62404 10.3778 5.62404 10.625C5.62404 10.9565 5.49235 11.2745 5.25793 11.5089C5.02351 11.7433 4.70556 11.875 4.37404 11.875ZM10.624 4.45312V3.125C10.624 2.95924 10.5582 2.80027 10.441 2.68306C10.3238 2.56585 10.1648 2.5 9.99904 2.5C9.83328 2.5 9.67431 2.56585 9.5571 2.68306C9.43989 2.80027 9.37404 2.95924 9.37404 3.125V4.45312C8.83628 4.59081 8.35964 4.90356 8.01927 5.34207C7.67889 5.78057 7.49414 6.31989 7.49414 6.875C7.49414 7.43011 7.67889 7.96943 8.01927 8.40793C8.35964 8.84644 8.83628 9.15919 9.37404 9.29688V16.875C9.37404 17.0408 9.43989 17.1997 9.5571 17.3169C9.67431 17.4342 9.83328 17.5 9.99904 17.5C10.1648 17.5 10.3238 17.4342 10.441 17.3169C10.5582 17.1997 10.624 17.0408 10.624 16.875V9.29688C11.1618 9.15919 11.6384 8.84644 11.9788 8.40793C12.3192 7.96943 12.5039 7.43011 12.5039 6.875C12.5039 6.31989 12.3192 5.78057 11.9788 5.34207C11.6384 4.90356 11.1618 4.59081 10.624 4.45312ZM9.99904 8.125C9.75182 8.125 9.51014 8.05169 9.30458 7.91434C9.09902 7.77699 8.9388 7.58176 8.84419 7.35335C8.74958 7.12495 8.72483 6.87361 8.77306 6.63114C8.82129 6.38866 8.94034 6.16593 9.11516 5.99112C9.28997 5.8163 9.5127 5.69725 9.75518 5.64902C9.99766 5.60079 10.249 5.62554 10.4774 5.72015C10.7058 5.81476 10.901 5.97498 11.0384 6.18054C11.1757 6.3861 11.249 6.62777 11.249 6.875C11.249 7.20652 11.1173 7.52446 10.8829 7.75888C10.6485 7.9933 10.3306 8.125 9.99904 8.125ZM18.124 13.125C18.1235 12.5707 17.9392 12.0323 17.5999 11.5941C17.2606 11.1558 16.7855 10.8425 16.249 10.7031V3.125C16.249 2.95924 16.1832 2.80027 16.066 2.68306C15.9488 2.56585 15.7898 2.5 15.624 2.5C15.4583 2.5 15.2993 2.56585 15.1821 2.68306C15.0649 2.80027 14.999 2.95924 14.999 3.125V10.7031C14.4613 10.8408 13.9846 11.1536 13.6443 11.5921C13.3039 12.0306 13.1191 12.5699 13.1191 13.125C13.1191 13.6801 13.3039 14.2194 13.6443 14.6579C13.9846 15.0964 14.4613 15.4092 14.999 15.5469V16.875C14.999 17.0408 15.0649 17.1997 15.1821 17.3169C15.2993 17.4342 15.4583 17.5 15.624 17.5C15.7898 17.5 15.9488 17.4342 16.066 17.3169C16.1832 17.1997 16.249 17.0408 16.249 16.875V15.5469C16.7855 15.4075 17.2606 15.0942 17.5999 14.6559C17.9392 14.2177 18.1235 13.6793 18.124 13.125ZM15.624 14.375C15.3768 14.375 15.1351 14.3017 14.9296 14.1643C14.724 14.027 14.5638 13.8318 14.4692 13.6034C14.3746 13.3749 14.3498 13.1236 14.3981 12.8811C14.4463 12.6387 14.5653 12.4159 14.7402 12.2411C14.915 12.0663 15.1377 11.9472 15.3802 11.899C15.6227 11.8508 15.874 11.8755 16.1024 11.9701C16.3308 12.0648 16.526 12.225 16.6634 12.4305C16.8007 12.6361 16.874 12.8778 16.874 13.125C16.874 13.4565 16.7423 13.7745 16.5079 14.0089C16.2735 14.2433 15.9556 14.375 15.624 14.375Z", fill: "#252525" }));
3
+ export {
4
+ t as default
5
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");function c(C){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(C){for(const e in C)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(C,e);Object.defineProperty(t,e,n.get?n:{enumerable:!0,get:()=>C[e]})}}return t.default=C,Object.freeze(t)}const r=c(o),l=C=>r.createElement("svg",{width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...C},r.createElement("path",{d:"M4.99904 8.20312V3.125C4.99904 2.95924 4.93319 2.80027 4.81598 2.68306C4.69877 2.56585 4.5398 2.5 4.37404 2.5C4.20828 2.5 4.04931 2.56585 3.9321 2.68306C3.81489 2.80027 3.74904 2.95924 3.74904 3.125V8.20312C3.21128 8.34081 2.73464 8.65356 2.39427 9.09207C2.05389 9.53057 1.86914 10.0699 1.86914 10.625C1.86914 11.1801 2.05389 11.7194 2.39427 12.1579C2.73464 12.5964 3.21128 12.9092 3.74904 13.0469V16.875C3.74904 17.0408 3.81489 17.1997 3.9321 17.3169C4.04931 17.4342 4.20828 17.5 4.37404 17.5C4.5398 17.5 4.69877 17.4342 4.81598 17.3169C4.93319 17.1997 4.99904 17.0408 4.99904 16.875V13.0469C5.5368 12.9092 6.01344 12.5964 6.35382 12.1579C6.69419 11.7194 6.87894 11.1801 6.87894 10.625C6.87894 10.0699 6.69419 9.53057 6.35382 9.09207C6.01344 8.65356 5.5368 8.34081 4.99904 8.20312ZM4.37404 11.875C4.12682 11.875 3.88514 11.8017 3.67958 11.6643C3.47402 11.527 3.3138 11.3318 3.21919 11.1034C3.12458 10.8749 3.09983 10.6236 3.14806 10.3811C3.19629 10.1387 3.31534 9.91593 3.49016 9.74112C3.66497 9.5663 3.8877 9.44725 4.13018 9.39902C4.37266 9.35079 4.62399 9.37554 4.8524 9.47015C5.0808 9.56476 5.27603 9.72498 5.41338 9.93054C5.55073 10.1361 5.62404 10.3778 5.62404 10.625C5.62404 10.9565 5.49235 11.2745 5.25793 11.5089C5.02351 11.7433 4.70556 11.875 4.37404 11.875ZM10.624 4.45312V3.125C10.624 2.95924 10.5582 2.80027 10.441 2.68306C10.3238 2.56585 10.1648 2.5 9.99904 2.5C9.83328 2.5 9.67431 2.56585 9.5571 2.68306C9.43989 2.80027 9.37404 2.95924 9.37404 3.125V4.45312C8.83628 4.59081 8.35964 4.90356 8.01927 5.34207C7.67889 5.78057 7.49414 6.31989 7.49414 6.875C7.49414 7.43011 7.67889 7.96943 8.01927 8.40793C8.35964 8.84644 8.83628 9.15919 9.37404 9.29688V16.875C9.37404 17.0408 9.43989 17.1997 9.5571 17.3169C9.67431 17.4342 9.83328 17.5 9.99904 17.5C10.1648 17.5 10.3238 17.4342 10.441 17.3169C10.5582 17.1997 10.624 17.0408 10.624 16.875V9.29688C11.1618 9.15919 11.6384 8.84644 11.9788 8.40793C12.3192 7.96943 12.5039 7.43011 12.5039 6.875C12.5039 6.31989 12.3192 5.78057 11.9788 5.34207C11.6384 4.90356 11.1618 4.59081 10.624 4.45312ZM9.99904 8.125C9.75182 8.125 9.51014 8.05169 9.30458 7.91434C9.09902 7.77699 8.9388 7.58176 8.84419 7.35335C8.74958 7.12495 8.72483 6.87361 8.77306 6.63114C8.82129 6.38866 8.94034 6.16593 9.11516 5.99112C9.28997 5.8163 9.5127 5.69725 9.75518 5.64902C9.99766 5.60079 10.249 5.62554 10.4774 5.72015C10.7058 5.81476 10.901 5.97498 11.0384 6.18054C11.1757 6.3861 11.249 6.62777 11.249 6.875C11.249 7.20652 11.1173 7.52446 10.8829 7.75888C10.6485 7.9933 10.3306 8.125 9.99904 8.125ZM18.124 13.125C18.1235 12.5707 17.9392 12.0323 17.5999 11.5941C17.2606 11.1558 16.7855 10.8425 16.249 10.7031V3.125C16.249 2.95924 16.1832 2.80027 16.066 2.68306C15.9488 2.56585 15.7898 2.5 15.624 2.5C15.4583 2.5 15.2993 2.56585 15.1821 2.68306C15.0649 2.80027 14.999 2.95924 14.999 3.125V10.7031C14.4613 10.8408 13.9846 11.1536 13.6443 11.5921C13.3039 12.0306 13.1191 12.5699 13.1191 13.125C13.1191 13.6801 13.3039 14.2194 13.6443 14.6579C13.9846 15.0964 14.4613 15.4092 14.999 15.5469V16.875C14.999 17.0408 15.0649 17.1997 15.1821 17.3169C15.2993 17.4342 15.4583 17.5 15.624 17.5C15.7898 17.5 15.9488 17.4342 16.066 17.3169C16.1832 17.1997 16.249 17.0408 16.249 16.875V15.5469C16.7855 15.4075 17.2606 15.0942 17.5999 14.6559C17.9392 14.2177 18.1235 13.6793 18.124 13.125ZM15.624 14.375C15.3768 14.375 15.1351 14.3017 14.9296 14.1643C14.724 14.027 14.5638 13.8318 14.4692 13.6034C14.3746 13.3749 14.3498 13.1236 14.3981 12.8811C14.4463 12.6387 14.5653 12.4159 14.7402 12.2411C14.915 12.0663 15.1377 11.9472 15.3802 11.899C15.6227 11.8508 15.874 11.8755 16.1024 11.9701C16.3308 12.0648 16.526 12.225 16.6634 12.4305C16.8007 12.6361 16.874 12.8778 16.874 13.125C16.874 13.4565 16.7423 13.7745 16.5079 14.0089C16.2735 14.2433 15.9556 14.375 15.624 14.375Z",fill:"#252525"}));exports.default=l;
@@ -0,0 +1,5 @@
1
+ import * as C from "react";
2
+ const t = (e) => /* @__PURE__ */ C.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ C.createElement("path", { d: "M3 6C3 5.80109 3.07902 5.61032 3.21967 5.46967C3.36032 5.32902 3.55109 5.25 3.75 5.25H20.25C20.4489 5.25 20.6397 5.32902 20.7803 5.46967C20.921 5.61032 21 5.80109 21 6C21 6.19891 20.921 6.38968 20.7803 6.53033C20.6397 6.67098 20.4489 6.75 20.25 6.75H3.75C3.55109 6.75 3.36032 6.67098 3.21967 6.53033C3.07902 6.38968 3 6.19891 3 6ZM3.75 10.5H15.75C15.9489 10.5 16.1397 10.421 16.2803 10.2803C16.421 10.1397 16.5 9.94891 16.5 9.75C16.5 9.55109 16.421 9.36032 16.2803 9.21967C16.1397 9.07902 15.9489 9 15.75 9H3.75C3.55109 9 3.36032 9.07902 3.21967 9.21967C3.07902 9.36032 3 9.55109 3 9.75C3 9.94891 3.07902 10.1397 3.21967 10.2803C3.36032 10.421 3.55109 10.5 3.75 10.5ZM20.25 12.75H3.75C3.55109 12.75 3.36032 12.829 3.21967 12.9697C3.07902 13.1103 3 13.3011 3 13.5C3 13.6989 3.07902 13.8897 3.21967 14.0303C3.36032 14.171 3.55109 14.25 3.75 14.25H20.25C20.4489 14.25 20.6397 14.171 20.7803 14.0303C20.921 13.8897 21 13.6989 21 13.5C21 13.3011 20.921 13.1103 20.7803 12.9697C20.6397 12.829 20.4489 12.75 20.25 12.75ZM15.75 16.5H3.75C3.55109 16.5 3.36032 16.579 3.21967 16.7197C3.07902 16.8603 3 17.0511 3 17.25C3 17.4489 3.07902 17.6397 3.21967 17.7803C3.36032 17.921 3.55109 18 3.75 18H15.75C15.9489 18 16.1397 17.921 16.2803 17.7803C16.421 17.6397 16.5 17.4489 16.5 17.25C16.5 17.0511 16.421 16.8603 16.2803 16.7197C16.1397 16.579 15.9489 16.5 15.75 16.5Z", fill: "currentColor" }));
3
+ export {
4
+ t as default
5
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");function c(e){const C=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(C,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return C.default=e,Object.freeze(C)}const r=c(o),l=e=>r.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.createElement("path",{d:"M3 6C3 5.80109 3.07902 5.61032 3.21967 5.46967C3.36032 5.32902 3.55109 5.25 3.75 5.25H20.25C20.4489 5.25 20.6397 5.32902 20.7803 5.46967C20.921 5.61032 21 5.80109 21 6C21 6.19891 20.921 6.38968 20.7803 6.53033C20.6397 6.67098 20.4489 6.75 20.25 6.75H3.75C3.55109 6.75 3.36032 6.67098 3.21967 6.53033C3.07902 6.38968 3 6.19891 3 6ZM3.75 10.5H15.75C15.9489 10.5 16.1397 10.421 16.2803 10.2803C16.421 10.1397 16.5 9.94891 16.5 9.75C16.5 9.55109 16.421 9.36032 16.2803 9.21967C16.1397 9.07902 15.9489 9 15.75 9H3.75C3.55109 9 3.36032 9.07902 3.21967 9.21967C3.07902 9.36032 3 9.55109 3 9.75C3 9.94891 3.07902 10.1397 3.21967 10.2803C3.36032 10.421 3.55109 10.5 3.75 10.5ZM20.25 12.75H3.75C3.55109 12.75 3.36032 12.829 3.21967 12.9697C3.07902 13.1103 3 13.3011 3 13.5C3 13.6989 3.07902 13.8897 3.21967 14.0303C3.36032 14.171 3.55109 14.25 3.75 14.25H20.25C20.4489 14.25 20.6397 14.171 20.7803 14.0303C20.921 13.8897 21 13.6989 21 13.5C21 13.3011 20.921 13.1103 20.7803 12.9697C20.6397 12.829 20.4489 12.75 20.25 12.75ZM15.75 16.5H3.75C3.55109 16.5 3.36032 16.579 3.21967 16.7197C3.07902 16.8603 3 17.0511 3 17.25C3 17.4489 3.07902 17.6397 3.21967 17.7803C3.36032 17.921 3.55109 18 3.75 18H15.75C15.9489 18 16.1397 17.921 16.2803 17.7803C16.421 17.6397 16.5 17.4489 16.5 17.25C16.5 17.0511 16.421 16.8603 16.2803 16.7197C16.1397 16.579 15.9489 16.5 15.75 16.5Z",fill:"currentColor"}));exports.default=l;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react");function l(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const o=l(c),C=e=>o.createElement("svg",{width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M13.3188 9.03906C13.8124 8.56386 14.1528 7.95195 14.2962 7.2819C14.4396 6.61184 14.3795 5.91422 14.1236 5.27858C13.8676 4.64295 13.4276 4.0983 12.8599 3.71457C12.2922 3.33084 11.6227 3.12553 10.9375 3.125H5.625C5.45924 3.125 5.30027 3.19085 5.18306 3.30806C5.06585 3.42527 5 3.58424 5 3.75V15.625C5 15.7908 5.06585 15.9497 5.18306 16.0669C5.30027 16.1842 5.45924 16.25 5.625 16.25H11.875C12.7418 16.25 13.5818 15.9497 14.2522 15.4003C14.9225 14.8508 15.3819 14.0861 15.552 13.2362C15.7222 12.3863 15.5927 11.5037 15.1855 10.7385C14.7784 9.97329 14.1187 9.37277 13.3188 9.03906ZM6.25 4.375H10.9375C11.5177 4.375 12.0741 4.60547 12.4843 5.0157C12.8945 5.42594 13.125 5.98234 13.125 6.5625C13.125 7.14266 12.8945 7.69906 12.4843 8.1093C12.0741 8.51953 11.5177 8.75 10.9375 8.75H6.25V4.375ZM11.875 15H6.25V10H11.875C12.538 10 13.1739 10.2634 13.6428 10.7322C14.1116 11.2011 14.375 11.837 14.375 12.5C14.375 13.163 14.1116 13.7989 13.6428 14.2678C13.1739 14.7366 12.538 15 11.875 15Z",fill:"#252525"}));exports.default=C;
@@ -0,0 +1,5 @@
1
+ import * as C from "react";
2
+ const t = (e) => /* @__PURE__ */ C.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ C.createElement("path", { d: "M13.3188 9.03906C13.8124 8.56386 14.1528 7.95195 14.2962 7.2819C14.4396 6.61184 14.3795 5.91422 14.1236 5.27858C13.8676 4.64295 13.4276 4.0983 12.8599 3.71457C12.2922 3.33084 11.6227 3.12553 10.9375 3.125H5.625C5.45924 3.125 5.30027 3.19085 5.18306 3.30806C5.06585 3.42527 5 3.58424 5 3.75V15.625C5 15.7908 5.06585 15.9497 5.18306 16.0669C5.30027 16.1842 5.45924 16.25 5.625 16.25H11.875C12.7418 16.25 13.5818 15.9497 14.2522 15.4003C14.9225 14.8508 15.3819 14.0861 15.552 13.2362C15.7222 12.3863 15.5927 11.5037 15.1855 10.7385C14.7784 9.97329 14.1187 9.37277 13.3188 9.03906ZM6.25 4.375H10.9375C11.5177 4.375 12.0741 4.60547 12.4843 5.0157C12.8945 5.42594 13.125 5.98234 13.125 6.5625C13.125 7.14266 12.8945 7.69906 12.4843 8.1093C12.0741 8.51953 11.5177 8.75 10.9375 8.75H6.25V4.375ZM11.875 15H6.25V10H11.875C12.538 10 13.1739 10.2634 13.6428 10.7322C14.1116 11.2011 14.375 11.837 14.375 12.5C14.375 13.163 14.1116 13.7989 13.6428 14.2678C13.1739 14.7366 12.538 15 11.875 15Z", fill: "#252525" }));
3
+ export {
4
+ t as default
5
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");function c(e){const C=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(C,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return C.default=e,Object.freeze(C)}const r=c(o),l=e=>r.createElement("svg",{width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.createElement("path",{d:"M7.29051 5.46879L2.18816 10L7.28738 14.5313C7.34894 14.5858 7.39916 14.6518 7.43519 14.7257C7.47121 14.7996 7.49233 14.8799 7.49733 14.9619C7.50234 15.044 7.49113 15.1262 7.46436 15.2039C7.43759 15.2816 7.39577 15.3533 7.34129 15.4149C7.28681 15.4764 7.22074 15.5267 7.14685 15.5627C7.07296 15.5987 6.9927 15.6198 6.91066 15.6248C6.82861 15.6298 6.74637 15.6186 6.66866 15.5919C6.59094 15.5651 6.51925 15.5233 6.45769 15.4688L0.832695 10.4688C0.766191 10.4101 0.712928 10.338 0.676445 10.2572C0.639962 10.1764 0.621094 10.0887 0.621094 10C0.621094 9.91137 0.639962 9.82371 0.676445 9.74289C0.712928 9.66207 0.766191 9.58994 0.832695 9.53129L6.45769 4.53129C6.51925 4.47661 6.59098 4.43458 6.66877 4.40762C6.74657 4.38066 6.82892 4.36928 6.91111 4.37414C6.99331 4.379 7.07374 4.4 7.14782 4.43595C7.22189 4.47189 7.28817 4.52208 7.34285 4.58363C7.39753 4.64519 7.43956 4.71692 7.46652 4.79471C7.49348 4.87251 7.50486 4.95486 7.5 5.03705C7.49514 5.11925 7.47414 5.19968 7.43819 5.27376C7.40225 5.34784 7.35206 5.41411 7.29051 5.46879ZM19.1655 9.53129L13.5405 4.53129C13.4162 4.42127 13.2533 4.36514 13.0875 4.37525C12.9218 4.38535 12.7669 4.46088 12.6569 4.5852C12.5469 4.70952 12.4908 4.87245 12.5009 5.03816C12.511 5.20386 12.5865 5.35877 12.7108 5.46879L17.8132 10L12.7139 14.5313C12.6524 14.5858 12.6022 14.6518 12.5661 14.7257C12.5301 14.7996 12.509 14.8799 12.504 14.9619C12.499 15.044 12.5102 15.1262 12.537 15.2039C12.5637 15.2816 12.6056 15.3533 12.66 15.4149C12.7145 15.4764 12.7806 15.5267 12.8545 15.5627C12.9284 15.5987 13.0086 15.6198 13.0907 15.6248C13.1727 15.6298 13.255 15.6186 13.3327 15.5919C13.4104 15.5651 13.4821 15.5233 13.5436 15.4688L19.1686 10.4688C19.2351 10.4101 19.2884 10.338 19.3249 10.2572C19.3614 10.1764 19.3802 10.0887 19.3802 10C19.3802 9.91137 19.3614 9.82371 19.3249 9.74289C19.2884 9.66207 19.2351 9.58994 19.1686 9.53129H19.1655Z",fill:"#757575"}));exports.default=l;
@@ -0,0 +1,5 @@
1
+ import * as C from "react";
2
+ const t = (e) => /* @__PURE__ */ C.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ C.createElement("path", { d: "M7.29051 5.46879L2.18816 10L7.28738 14.5313C7.34894 14.5858 7.39916 14.6518 7.43519 14.7257C7.47121 14.7996 7.49233 14.8799 7.49733 14.9619C7.50234 15.044 7.49113 15.1262 7.46436 15.2039C7.43759 15.2816 7.39577 15.3533 7.34129 15.4149C7.28681 15.4764 7.22074 15.5267 7.14685 15.5627C7.07296 15.5987 6.9927 15.6198 6.91066 15.6248C6.82861 15.6298 6.74637 15.6186 6.66866 15.5919C6.59094 15.5651 6.51925 15.5233 6.45769 15.4688L0.832695 10.4688C0.766191 10.4101 0.712928 10.338 0.676445 10.2572C0.639962 10.1764 0.621094 10.0887 0.621094 10C0.621094 9.91137 0.639962 9.82371 0.676445 9.74289C0.712928 9.66207 0.766191 9.58994 0.832695 9.53129L6.45769 4.53129C6.51925 4.47661 6.59098 4.43458 6.66877 4.40762C6.74657 4.38066 6.82892 4.36928 6.91111 4.37414C6.99331 4.379 7.07374 4.4 7.14782 4.43595C7.22189 4.47189 7.28817 4.52208 7.34285 4.58363C7.39753 4.64519 7.43956 4.71692 7.46652 4.79471C7.49348 4.87251 7.50486 4.95486 7.5 5.03705C7.49514 5.11925 7.47414 5.19968 7.43819 5.27376C7.40225 5.34784 7.35206 5.41411 7.29051 5.46879ZM19.1655 9.53129L13.5405 4.53129C13.4162 4.42127 13.2533 4.36514 13.0875 4.37525C12.9218 4.38535 12.7669 4.46088 12.6569 4.5852C12.5469 4.70952 12.4908 4.87245 12.5009 5.03816C12.511 5.20386 12.5865 5.35877 12.7108 5.46879L17.8132 10L12.7139 14.5313C12.6524 14.5858 12.6022 14.6518 12.5661 14.7257C12.5301 14.7996 12.509 14.8799 12.504 14.9619C12.499 15.044 12.5102 15.1262 12.537 15.2039C12.5637 15.2816 12.6056 15.3533 12.66 15.4149C12.7145 15.4764 12.7806 15.5267 12.8545 15.5627C12.9284 15.5987 13.0086 15.6198 13.0907 15.6248C13.1727 15.6298 13.255 15.6186 13.3327 15.5919C13.4104 15.5651 13.4821 15.5233 13.5436 15.4688L19.1686 10.4688C19.2351 10.4101 19.2884 10.338 19.3249 10.2572C19.3614 10.1764 19.3802 10.0887 19.3802 10C19.3802 9.91137 19.3614 9.82371 19.3249 9.74289C19.2884 9.66207 19.2351 9.58994 19.1686 9.53129H19.1655Z", fill: "#757575" }));
3
+ export {
4
+ t as default
5
+ };
@@ -0,0 +1,5 @@
1
+ import * as t from "react";
2
+ const e = (C) => /* @__PURE__ */ t.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C }, /* @__PURE__ */ t.createElement("path", { d: "M15.625 4.375C15.625 4.54076 15.5592 4.69973 15.4419 4.81694C15.3247 4.93415 15.1658 5 15 5H12.3258L8.99219 15H11.25C11.4158 15 11.5747 15.0658 11.6919 15.1831C11.8092 15.3003 11.875 15.4592 11.875 15.625C11.875 15.7908 11.8092 15.9497 11.6919 16.0669C11.5747 16.1842 11.4158 16.25 11.25 16.25H5C4.83424 16.25 4.67527 16.1842 4.55806 16.0669C4.44085 15.9497 4.375 15.7908 4.375 15.625C4.375 15.4592 4.44085 15.3003 4.55806 15.1831C4.67527 15.0658 4.83424 15 5 15H7.67422L11.0078 5H8.75C8.58424 5 8.42527 4.93415 8.30806 4.81694C8.19085 4.69973 8.125 4.54076 8.125 4.375C8.125 4.20924 8.19085 4.05027 8.30806 3.93306C8.42527 3.81585 8.58424 3.75 8.75 3.75H15C15.1658 3.75 15.3247 3.81585 15.4419 3.93306C15.5592 4.05027 15.625 4.20924 15.625 4.375Z", fill: "#757575" }));
3
+ export {
4
+ e as default
5
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");function l(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=l(o),a=e=>c.createElement("svg",{width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},c.createElement("path",{d:"M15.625 4.375C15.625 4.54076 15.5592 4.69973 15.4419 4.81694C15.3247 4.93415 15.1658 5 15 5H12.3258L8.99219 15H11.25C11.4158 15 11.5747 15.0658 11.6919 15.1831C11.8092 15.3003 11.875 15.4592 11.875 15.625C11.875 15.7908 11.8092 15.9497 11.6919 16.0669C11.5747 16.1842 11.4158 16.25 11.25 16.25H5C4.83424 16.25 4.67527 16.1842 4.55806 16.0669C4.44085 15.9497 4.375 15.7908 4.375 15.625C4.375 15.4592 4.44085 15.3003 4.55806 15.1831C4.67527 15.0658 4.83424 15 5 15H7.67422L11.0078 5H8.75C8.58424 5 8.42527 4.93415 8.30806 4.81694C8.19085 4.69973 8.125 4.54076 8.125 4.375C8.125 4.20924 8.19085 4.05027 8.30806 3.93306C8.42527 3.81585 8.58424 3.75 8.75 3.75H15C15.1658 3.75 15.3247 3.81585 15.4419 3.93306C15.5592 4.05027 15.625 4.20924 15.625 4.375Z",fill:"#757575"}));exports.default=a;
@@ -0,0 +1,5 @@
1
+ import * as C from "react";
2
+ const t = (e) => /* @__PURE__ */ C.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ C.createElement("path", { d: "M17.5 10C17.5 10.1658 17.4342 10.3247 17.3169 10.4419C17.1997 10.5592 17.0408 10.625 16.875 10.625H13.7445C14.4625 11.1805 15 11.9688 15 13.125C15 14.1672 14.4531 15.1328 13.457 15.843C12.5258 16.5086 11.2977 16.875 10 16.875C8.70234 16.875 7.47422 16.5086 6.54297 15.843C5.54688 15.1328 5 14.1672 5 13.125C5 12.9592 5.06585 12.8003 5.18306 12.6831C5.30027 12.5658 5.45924 12.5 5.625 12.5C5.79076 12.5 5.94973 12.5658 6.06694 12.6831C6.18415 12.8003 6.25 12.9592 6.25 13.125C6.25 14.4805 7.96875 15.625 10 15.625C12.0312 15.625 13.75 14.4805 13.75 13.125C13.75 11.9648 12.9266 11.2828 10.7211 10.625H3.125C2.95924 10.625 2.80027 10.5592 2.68306 10.4419C2.56585 10.3247 2.5 10.1658 2.5 10C2.5 9.83424 2.56585 9.67527 2.68306 9.55806C2.80027 9.44085 2.95924 9.375 3.125 9.375H16.875C17.0408 9.375 17.1997 9.44085 17.3169 9.55806C17.4342 9.67527 17.5 9.83424 17.5 10ZM5.96328 8.125C6.06209 8.12509 6.1595 8.10176 6.24754 8.05691C6.33558 8.01206 6.41174 7.94698 6.46976 7.867C6.52777 7.78703 6.566 7.69444 6.58131 7.59683C6.59662 7.49922 6.58857 7.39937 6.55781 7.30547C6.51308 7.16643 6.49118 7.02105 6.49297 6.875C6.49297 5.45 8.00078 4.375 10 4.375C11.4719 4.375 12.6687 4.95469 13.2031 5.92578C13.2875 6.06177 13.4209 6.1602 13.5758 6.20076C13.7306 6.24132 13.8951 6.22093 14.0353 6.14379C14.1756 6.06666 14.2809 5.93865 14.3296 5.78617C14.3782 5.63368 14.3665 5.46834 14.2969 5.32422C13.5414 3.94688 11.9352 3.125 10 3.125C7.28828 3.125 5.24297 4.73672 5.24297 6.875C5.24164 7.15314 5.28436 7.42975 5.36953 7.69453C5.41052 7.81969 5.49001 7.9287 5.59663 8.00601C5.70326 8.08331 5.83158 8.12496 5.96328 8.125Z", fill: "#757575" }));
3
+ export {
4
+ t as default
5
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");function c(e){const C=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(C,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return C.default=e,Object.freeze(C)}const n=c(o),l=e=>n.createElement("svg",{width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M17.5 10C17.5 10.1658 17.4342 10.3247 17.3169 10.4419C17.1997 10.5592 17.0408 10.625 16.875 10.625H13.7445C14.4625 11.1805 15 11.9688 15 13.125C15 14.1672 14.4531 15.1328 13.457 15.843C12.5258 16.5086 11.2977 16.875 10 16.875C8.70234 16.875 7.47422 16.5086 6.54297 15.843C5.54688 15.1328 5 14.1672 5 13.125C5 12.9592 5.06585 12.8003 5.18306 12.6831C5.30027 12.5658 5.45924 12.5 5.625 12.5C5.79076 12.5 5.94973 12.5658 6.06694 12.6831C6.18415 12.8003 6.25 12.9592 6.25 13.125C6.25 14.4805 7.96875 15.625 10 15.625C12.0312 15.625 13.75 14.4805 13.75 13.125C13.75 11.9648 12.9266 11.2828 10.7211 10.625H3.125C2.95924 10.625 2.80027 10.5592 2.68306 10.4419C2.56585 10.3247 2.5 10.1658 2.5 10C2.5 9.83424 2.56585 9.67527 2.68306 9.55806C2.80027 9.44085 2.95924 9.375 3.125 9.375H16.875C17.0408 9.375 17.1997 9.44085 17.3169 9.55806C17.4342 9.67527 17.5 9.83424 17.5 10ZM5.96328 8.125C6.06209 8.12509 6.1595 8.10176 6.24754 8.05691C6.33558 8.01206 6.41174 7.94698 6.46976 7.867C6.52777 7.78703 6.566 7.69444 6.58131 7.59683C6.59662 7.49922 6.58857 7.39937 6.55781 7.30547C6.51308 7.16643 6.49118 7.02105 6.49297 6.875C6.49297 5.45 8.00078 4.375 10 4.375C11.4719 4.375 12.6687 4.95469 13.2031 5.92578C13.2875 6.06177 13.4209 6.1602 13.5758 6.20076C13.7306 6.24132 13.8951 6.22093 14.0353 6.14379C14.1756 6.06666 14.2809 5.93865 14.3296 5.78617C14.3782 5.63368 14.3665 5.46834 14.2969 5.32422C13.5414 3.94688 11.9352 3.125 10 3.125C7.28828 3.125 5.24297 4.73672 5.24297 6.875C5.24164 7.15314 5.28436 7.42975 5.36953 7.69453C5.41052 7.81969 5.49001 7.9287 5.59663 8.00601C5.70326 8.08331 5.83158 8.12496 5.96328 8.125Z",fill:"#757575"}));exports.default=l;
@@ -0,0 +1,5 @@
1
+ import * as C from "react";
2
+ const t = (e) => /* @__PURE__ */ C.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ C.createElement("path", { d: "M15.625 17.5C15.625 17.6658 15.5592 17.8247 15.4419 17.9419C15.3247 18.0592 15.1658 18.125 15 18.125H5C4.83424 18.125 4.67527 18.0592 4.55806 17.9419C4.44085 17.8247 4.375 17.6658 4.375 17.5C4.375 17.3342 4.44085 17.1753 4.55806 17.0581C4.67527 16.9408 4.83424 16.875 5 16.875H15C15.1658 16.875 15.3247 16.9408 15.4419 17.0581C15.5592 17.1753 15.625 17.3342 15.625 17.5ZM10 15.625C11.3256 15.6236 12.5966 15.0963 13.5339 14.1589C14.4713 13.2216 14.9986 11.9506 15 10.625V4.375C15 4.20924 14.9342 4.05027 14.8169 3.93306C14.6997 3.81585 14.5408 3.75 14.375 3.75C14.2092 3.75 14.0503 3.81585 13.9331 3.93306C13.8158 4.05027 13.75 4.20924 13.75 4.375V10.625C13.75 11.6196 13.3549 12.5734 12.6517 13.2767C11.9484 13.9799 10.9946 14.375 10 14.375C9.00544 14.375 8.05161 13.9799 7.34835 13.2767C6.64509 12.5734 6.25 11.6196 6.25 10.625V4.375C6.25 4.20924 6.18415 4.05027 6.06694 3.93306C5.94973 3.81585 5.79076 3.75 5.625 3.75C5.45924 3.75 5.30027 3.81585 5.18306 3.93306C5.06585 4.05027 5 4.20924 5 4.375V10.625C5.00145 11.9506 5.5287 13.2216 6.46606 14.1589C7.40343 15.0963 8.67436 15.6236 10 15.625Z", fill: "#757575" }));
3
+ export {
4
+ t as default
5
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");function c(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const C=c(o),l=e=>C.createElement("svg",{width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},C.createElement("path",{d:"M15.625 17.5C15.625 17.6658 15.5592 17.8247 15.4419 17.9419C15.3247 18.0592 15.1658 18.125 15 18.125H5C4.83424 18.125 4.67527 18.0592 4.55806 17.9419C4.44085 17.8247 4.375 17.6658 4.375 17.5C4.375 17.3342 4.44085 17.1753 4.55806 17.0581C4.67527 16.9408 4.83424 16.875 5 16.875H15C15.1658 16.875 15.3247 16.9408 15.4419 17.0581C15.5592 17.1753 15.625 17.3342 15.625 17.5ZM10 15.625C11.3256 15.6236 12.5966 15.0963 13.5339 14.1589C14.4713 13.2216 14.9986 11.9506 15 10.625V4.375C15 4.20924 14.9342 4.05027 14.8169 3.93306C14.6997 3.81585 14.5408 3.75 14.375 3.75C14.2092 3.75 14.0503 3.81585 13.9331 3.93306C13.8158 4.05027 13.75 4.20924 13.75 4.375V10.625C13.75 11.6196 13.3549 12.5734 12.6517 13.2767C11.9484 13.9799 10.9946 14.375 10 14.375C9.00544 14.375 8.05161 13.9799 7.34835 13.2767C6.64509 12.5734 6.25 11.6196 6.25 10.625V4.375C6.25 4.20924 6.18415 4.05027 6.06694 3.93306C5.94973 3.81585 5.79076 3.75 5.625 3.75C5.45924 3.75 5.30027 3.81585 5.18306 3.93306C5.06585 4.05027 5 4.20924 5 4.375V10.625C5.00145 11.9506 5.5287 13.2216 6.46606 14.1589C7.40343 15.0963 8.67436 15.6236 10 15.625Z",fill:"#757575"}));exports.default=l;
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ import { TextType } from '../TypeTexts';
3
+ export type TypeButton = 'Primary' | 'Secondary';
4
+ export type Destination = 'Open Link' | 'Go to Page';
5
+ export interface ButtonType {
6
+ image?: string;
7
+ type: TypeButton;
8
+ id: string;
9
+ typeText: TextType;
10
+ destination: Destination;
11
+ link?: string;
12
+ }
13
+ interface Props {
14
+ isActiveButtons: boolean;
15
+ setIsActiveButtons: React.Dispatch<React.SetStateAction<boolean>>;
16
+ buttons: ButtonType[];
17
+ setButtons: React.Dispatch<React.SetStateAction<ButtonType[]>>;
18
+ }
19
+ export declare const ButtonsSettings: React.FC<Props>;
20
+ export {};
@@ -0,0 +1,12 @@
1
+ import { ButtonType } from '.';
2
+ import React from 'react';
3
+ interface Props {
4
+ activeButton: ButtonType;
5
+ setActiveButton: React.Dispatch<React.SetStateAction<ButtonType | null>>;
6
+ popupPosition: {
7
+ top: number;
8
+ left: number;
9
+ };
10
+ }
11
+ export declare const ButtonPopup: React.FC<Props>;
12
+ export {};
@@ -0,0 +1,10 @@
1
+ export type Alignment = 'left' | 'right' | 'top' | 'bottom' | 'topLeft' | 'topRight' | 'center' | 'bottomLeft' | 'bottomRight';
2
+ export type Padding = 'left' | 'top' | 'right' | 'bottom';
3
+ interface Props {
4
+ alignment: string;
5
+ padding: Record<Padding, number>;
6
+ setAlignment: React.Dispatch<React.SetStateAction<Alignment>>;
7
+ setPadding: React.Dispatch<React.SetStateAction<Record<Padding, number>>>;
8
+ }
9
+ export declare const LayoutSettings: React.FC<Props>;
10
+ export {};
@@ -0,0 +1,18 @@
1
+ import React from 'react';
2
+ export interface Product {
3
+ image?: string;
4
+ name: string;
5
+ id: string;
6
+ }
7
+ interface Props {
8
+ isActiveProducts: boolean;
9
+ setIsActiveProducts: React.Dispatch<React.SetStateAction<boolean>>;
10
+ products: Product[];
11
+ setProducts: React.Dispatch<React.SetStateAction<Product[]>>;
12
+ isProductStats?: boolean;
13
+ setIsProductStats?: React.Dispatch<React.SetStateAction<boolean>>;
14
+ title?: string;
15
+ subtitle?: string;
16
+ }
17
+ export declare const ProductSettings: React.FC<Props>;
18
+ export {};
@@ -0,0 +1,12 @@
1
+ import { Product } from '.';
2
+ import React from 'react';
3
+ interface Props {
4
+ activeProduct: Product;
5
+ setActiveProduct: React.Dispatch<React.SetStateAction<Product | null>>;
6
+ popupPosition: {
7
+ top: number;
8
+ left: number;
9
+ };
10
+ }
11
+ export declare const ProductPopup: React.FC<Props>;
12
+ export {};
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ import { TextType } from '../TypeTexts';
3
+ interface Props {
4
+ typeText: TextType;
5
+ setTypeText: React.Dispatch<React.SetStateAction<TextType>>;
6
+ isActiveText: boolean;
7
+ setIsActiveText: React.Dispatch<React.SetStateAction<boolean>>;
8
+ text: string;
9
+ setText: React.Dispatch<React.SetStateAction<string>>;
10
+ title: string;
11
+ subtitle?: string;
12
+ }
13
+ export declare const TextSettings: React.FC<Props>;
14
+ export {};
@@ -0,0 +1,7 @@
1
+ export type TextType = 'bold' | 'italic' | 'underline' | 'strike-through' | 'code';
2
+ interface Props {
3
+ typeText: TextType;
4
+ setTypeText: React.Dispatch<React.SetStateAction<TextType>>;
5
+ }
6
+ export declare const TypeTexts: React.FC<Props>;
7
+ export {};
@@ -0,0 +1,6 @@
1
+ export * from '../shared/ui';
2
+ export * from './LayoutSettings';
3
+ export * from './TextSettings';
4
+ export * from './ProductSettings';
5
+ export * from './ButtonsSettings';
6
+ export * from './TypeTexts';
package/dist/ui.cjs.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-3IJeySWj.cjs");exports.Button=e.Button;exports.ColorPicker=e.ColorPicker;exports.Icon=e.Icon;exports.Input=e.Input;exports.Modal=e.Modal;exports.Picker=e.Picker;exports.Radio=e.Radio;exports.Select=e.Select;exports.Submodal=e.Submodal;exports.Switch=e.Switch;exports.Textarea=e.Textarea;exports.Tip=e.Tip;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-DUXD-4un.cjs"),h=require("react"),f="_wrapper_o1bnv_2",P="_alignmentBlock_o1bnv_8",T="_title_o1bnv_16",$="_subtitle_o1bnv_23",C="_alignmentContent_o1bnv_30",S="_alignments_o1bnv_37",I="_alignment_o1bnv_8",A="_circle_o1bnv_56",L="_paddings_o1bnv_63",z="_padding_o1bnv_63",O="_input_o1bnv_81",_={wrapper:f,alignmentBlock:P,title:T,subtitle:$,alignmentContent:C,alignments:S,alignment:I,circle:A,paddings:L,padding:z,input:O},H=["topLeft","top","topRight","left","center","right","bottomLeft","bottom","bottomRight"],F=["left","top","right","bottom"],G=a=>{const{alignment:o,padding:u,setPadding:n,setAlignment:x}=a;return t.jsxRuntimeExports.jsxs("div",{className:_.layout,children:[t.jsxRuntimeExports.jsx("h3",{className:_.title,children:"Layout"}),t.jsxRuntimeExports.jsxs("div",{className:_.alignmentBlock,children:[t.jsxRuntimeExports.jsx("h5",{className:_.subtitle,children:"Alignment"}),t.jsxRuntimeExports.jsxs("div",{className:_.alignmentContent,children:[t.jsxRuntimeExports.jsx("div",{className:_.alignments,children:H.map(i=>t.jsxRuntimeExports.jsxs("div",{onClick:()=>{x(c=>i)},className:_.alignment,children:[i!==o&&t.jsxRuntimeExports.jsx("div",{className:_.circle}),i===o&&t.jsxRuntimeExports.jsx(t.Icon,{name:"text-align-left",fill:"#FF3F19"})]},i))}),t.jsxRuntimeExports.jsx("div",{className:_.paddings,children:F.map(i=>t.jsxRuntimeExports.jsxs("label",{className:_.padding,children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(t.Icon,{name:`align-${i}`,width:20,height:20})}),t.jsxRuntimeExports.jsx(t.Input,{type:"text",value:String(u[i]),onChange:c=>n(j=>({...j,[i]:Number(c)})),paddingless:!0})]}))})]})]})]})},M="_subtitle_2zbxx_1",q="_header_2zbxx_8",D="_text_2zbxx_9",Y="_top_2zbxx_16",J="_itemsBlock_2zbxx_23",v={subtitle:M,header:q,text:D,top:Y,itemsBlock:J},K="_typeTexts_3zlec_1",Q="_block_3zlec_7",U="_active_3zlec_18",k={typeTexts:K,block:Q,active:U},V=["bold","italic","underline","strike-through","code"],w=a=>{const{typeText:o,setTypeText:u}=a;return t.jsxRuntimeExports.jsx("div",{className:k.typeTexts,children:V.map(n=>t.jsxRuntimeExports.jsx("div",{className:t.clx(k.block,{[k.active]:o===n}),onClick:()=>u(x=>n),children:t.jsxRuntimeExports.jsx(t.Icon,{name:`text-${n}`,fill:o===n?"#252525":"#757575",width:20,height:20})},String(n)))})},W=a=>{const{typeText:o,isActiveText:u,setIsActiveText:n,text:x,setText:i,setTypeText:c,title:j,subtitle:g="Items"}=a;return t.jsxRuntimeExports.jsxs("div",{className:v.text,children:[t.jsxRuntimeExports.jsxs("div",{className:v.top,children:[t.jsxRuntimeExports.jsx("h3",{className:v.title,children:j}),t.jsxRuntimeExports.jsx(t.Switch,{current:u,onChange:m=>n(s=>m)})]}),t.jsxRuntimeExports.jsxs("div",{className:v.itemsBlock,children:[t.jsxRuntimeExports.jsx("h5",{className:v.subtitle,children:g}),t.jsxRuntimeExports.jsx(t.Textarea,{onChange:m=>i(s=>m),value:x,maxLength:150}),t.jsxRuntimeExports.jsx(w,{typeText:o,setTypeText:c})]})]})},X="_subtitle_2l7ty_1",Z="_header_2l7ty_8",tt="_text_2l7ty_9",st="_productsBlock_2l7ty_10",et="_top_2l7ty_22",nt="_itemsBlock_2l7ty_29",ot="_typeTexts_2l7ty_35",it="_block_2l7ty_41",ct="_active_2l7ty_52",lt="_products_2l7ty_10",xt="_product_2l7ty_10",rt="_button_2l7ty_70",at="_image_2l7ty_80",ut="_info_2l7ty_87",pt="_name_2l7ty_98",dt="_buttons_2l7ty_102",mt="_modal_2l7ty_108",_t="_other_2l7ty_125",l={subtitle:X,header:Z,text:tt,productsBlock:st,top:et,itemsBlock:nt,typeTexts:ot,block:it,active:ct,products:lt,product:xt,button:rt,image:at,info:ut,name:pt,buttons:dt,modal:mt,other:_t},jt=a=>{const{activeProduct:o,setActiveProduct:u,popupPosition:n}=a;return t.jsxRuntimeExports.jsxs("div",{className:l.modal,onClick:x=>{x.stopPropagation()},style:{top:`${n.top}px`,left:`${n.left}px`},children:[t.jsxRuntimeExports.jsxs("div",{className:l.top,children:[t.jsxRuntimeExports.jsx("h3",{children:o.name}),t.jsxRuntimeExports.jsx(t.Icon,{name:"x",height:20,width:20,hoverable:!0,onClick:()=>u(null)})]}),t.jsxRuntimeExports.jsxs("div",{children:[t.jsxRuntimeExports.jsx("span",{children:"Put up an attractive image"}),t.jsxRuntimeExports.jsx("div",{children:"Choose Image"})]})]})},ht=a=>{const{isActiveProducts:o,setIsActiveProducts:u,products:n,setProducts:x,isProductStats:i,setIsProductStats:c,title:j="Product",subtitle:g="Products will appear in this section"}=a,[m,s]=h.useState(null),[d,b]=h.useState({top:0,left:0});h.useEffect(()=>{const e=()=>{s(null)};return document.body.addEventListener("click",e),s(null),()=>{s(null),document.body.removeEventListener("click",e)}},[]);const R=(e,r)=>{e.stopPropagation();const E=e.target.getBoundingClientRect(),N=100,B=window.innerHeight;let y=E.top+window.scrollY;y+N>B&&(y=B-N-20),b({top:y-80,left:E.left-30}),s(r)};return t.jsxRuntimeExports.jsxs("div",{className:l.productsBlock,children:[t.jsxRuntimeExports.jsxs("div",{className:l.top,children:[t.jsxRuntimeExports.jsx("h3",{className:l.title,children:j}),t.jsxRuntimeExports.jsx(t.Switch,{current:o,onChange:e=>u(r=>e)})]}),m&&t.jsxRuntimeExports.jsx(jt,{activeProduct:m,setActiveProduct:s,popupPosition:d}),t.jsxRuntimeExports.jsxs("div",{className:l.products,children:[t.jsxRuntimeExports.jsx("h5",{className:l.subtitle,children:g}),n.map(e=>t.jsxRuntimeExports.jsxs("div",{className:l.product,children:[t.jsxRuntimeExports.jsxs("div",{className:l.info,children:[t.jsxRuntimeExports.jsx("div",{className:l.image,children:e.image?t.jsxRuntimeExports.jsx("img",{src:e.image}):t.jsxRuntimeExports.jsx(t.Icon,{name:"image",width:16,height:16,fill:"#757575"})}),t.jsxRuntimeExports.jsx("span",{className:l.name,children:e.name}),t.jsxRuntimeExports.jsx(t.Icon,{name:"arrow-down"})]}),t.jsxRuntimeExports.jsxs("div",{className:l.buttons,children:[t.jsxRuntimeExports.jsx(t.Icon,{name:"sliders",hoverable:!0,width:20,height:20,onClick:r=>{R(r,e)}}),t.jsxRuntimeExports.jsx(t.Icon,{name:"trash",hoverable:!0,onClick:()=>x(r=>r.filter(E=>E.id!==e.id)),width:20,height:20,fill:"#C12A2A"})]})]},e.id)),t.jsxRuntimeExports.jsxs(t.Button,{className:l.button,size:"s",onClick:()=>x(e=>{const r=[...e];return r.push({name:"Product 1",id:t.v4()}),r}),children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"plus",width:16,height:16})]})]}),i!==void 0&&t.jsxRuntimeExports.jsxs("div",{className:l.other,children:[t.jsxRuntimeExports.jsx("h5",{className:l.subtitle,children:"Other"}),t.jsxRuntimeExports.jsx(t.Switch,{current:i,onChange:e=>c==null?void 0:c(r=>e),label:"Product Stats",hasBackground:!0,paddingless:!1})]})]})},gt="_subtitle_1y5sw_1",bt="_header_1y5sw_8",vt="_text_1y5sw_9",Rt="_productsBlock_1y5sw_10",Et="_buttonsBlock_1y5sw_11",yt="_top_1y5sw_22",kt="_itemsBlock_1y5sw_29",wt="_typeTexts_1y5sw_35",Nt="_block_1y5sw_41",Bt="_active_1y5sw_52",ft="_products_1y5sw_10",Pt="_product_1y5sw_10",Tt="_button_1y5sw_11",$t="_image_1y5sw_80",Ct="_info_1y5sw_87",St="_name_1y5sw_98",It="_buttons_1y5sw_11",At="_modal_1y5sw_108",Lt="_other_1y5sw_125",zt="_options_1y5sw_131",p={subtitle:gt,header:bt,text:vt,productsBlock:Rt,buttonsBlock:Et,top:yt,itemsBlock:kt,typeTexts:wt,block:Nt,active:Bt,products:ft,product:Pt,button:Tt,image:$t,info:Ct,name:St,buttons:It,modal:At,other:Lt,options:zt},Ot=a=>{const{activeButton:o,setActiveButton:u,popupPosition:n}=a,[x,i]=h.useState(o.typeText),[c,j]=h.useState(o.destination),[g,m]=h.useState(o.link||"");return t.jsxRuntimeExports.jsxs("div",{className:p.modal,onClick:s=>{s.stopPropagation()},style:{top:`${n.top}px`,left:`${n.left}px`},children:[t.jsxRuntimeExports.jsxs("div",{className:p.top,children:[t.jsxRuntimeExports.jsx("h3",{children:o.type}),t.jsxRuntimeExports.jsx(t.Icon,{name:"x",height:20,width:20,hoverable:!0,onClick:()=>u(null)})]}),t.jsxRuntimeExports.jsxs("div",{className:p.options,children:[t.jsxRuntimeExports.jsx(t.Select,{label:"Destination",onChange:s=>j(s),options:["Go to Page","Open Link"],value:c}),c==="Go to Page"?t.jsxRuntimeExports.jsx(t.Select,{label:"Go to",onChange:()=>{},options:[],value:"Homepage"}):t.jsxRuntimeExports.jsx(t.Input,{onChange:s=>m(s),value:g,placeholder:"https://",label:"Link"}),t.jsxRuntimeExports.jsx(t.Switch,{current:!1,label:"Open in new tab"}),t.jsxRuntimeExports.jsx(t.Textarea,{onChange:()=>{},value:"Lorem ipsum dolor sit amet com",label:"Text",maxLength:150}),t.jsxRuntimeExports.jsx(w,{typeText:x,setTypeText:i})]})]})},Ht=a=>{const{isActiveButtons:o,setIsActiveButtons:u,buttons:n,setButtons:x}=a,[i,c]=h.useState(null),[j,g]=h.useState({top:0,left:0});h.useEffect(()=>{const s=()=>{c(null)};return document.body.addEventListener("click",s),c(null),()=>{c(null),document.body.removeEventListener("click",s)}},[]);const m=(s,d)=>{s.stopPropagation();const b=s.target.getBoundingClientRect(),R=490,e=window.innerHeight;let r=b.top+window.scrollY;r+R>e&&(r=e-R-20),g({top:r,left:b.left-30}),c(d)};return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:t.jsxRuntimeExports.jsxs("div",{className:p.buttonsBlock,children:[t.jsxRuntimeExports.jsxs("div",{className:p.top,children:[t.jsxRuntimeExports.jsx("h3",{className:p.title,children:"Buttons"}),t.jsxRuntimeExports.jsx(t.Switch,{current:o,onChange:s=>u(d=>s)})]}),t.jsxRuntimeExports.jsxs("div",{className:p.products,children:[t.jsxRuntimeExports.jsx("h5",{className:p.subtitle,children:"Button Type"}),n.map(s=>t.jsxRuntimeExports.jsxs("div",{className:p.product,children:[t.jsxRuntimeExports.jsxs("div",{className:p.info,children:[t.jsxRuntimeExports.jsx("span",{className:p.name,children:s.type}),t.jsxRuntimeExports.jsx(t.Icon,{name:"arrow-down"})]}),t.jsxRuntimeExports.jsxs("div",{className:p.buttons,children:[t.jsxRuntimeExports.jsx(t.Icon,{name:"sliders",hoverable:!0,width:20,height:20,onClick:d=>{m(d,s)}}),t.jsxRuntimeExports.jsx(t.Icon,{name:"trash",hoverable:!0,onClick:()=>x(d=>d.filter(b=>b.id!==s.id)),width:20,height:20,fill:"#C12A2A"})]})]},s.id)),i&&t.jsxRuntimeExports.jsx(Ot,{activeButton:i,setActiveButton:c,popupPosition:j}),t.jsxRuntimeExports.jsxs(t.Button,{className:p.button,size:"s",onClick:()=>x(s=>{const d=[...s];return d.push({type:"Primary",id:t.v4(),typeText:"bold",destination:"Go to Page"}),d}),children:[t.jsxRuntimeExports.jsx("span",{children:"Add Option"}),t.jsxRuntimeExports.jsx(t.Icon,{name:"plus",width:16,height:16})]})]})]})})};exports.Button=t.Button;exports.ColorPicker=t.ColorPicker;exports.Icon=t.Icon;exports.Input=t.Input;exports.Modal=t.Modal;exports.Picker=t.Picker;exports.Radio=t.Radio;exports.Select=t.Select;exports.Submodal=t.Submodal;exports.Switch=t.Switch;exports.Textarea=t.Textarea;exports.Tip=t.Tip;exports.ButtonsSettings=Ht;exports.LayoutSettings=G;exports.ProductSettings=ht;exports.TextSettings=W;exports.TypeTexts=w;