@mintmoney/react 0.1.0-alpha-1 → 0.1.0-alpha.3

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 (96) hide show
  1. package/dist/css/styles.css +219 -46
  2. package/dist/esm/components/buttons/buttons.stories.js +18 -0
  3. package/dist/esm/components/buttons/buttons.stories.js.map +1 -0
  4. package/dist/esm/components/buttons/index.js +23 -11
  5. package/dist/esm/components/buttons/index.js.map +1 -1
  6. package/dist/esm/components/icons/checkMark.js +20 -0
  7. package/dist/esm/components/icons/checkMark.js.map +1 -0
  8. package/dist/esm/components/icons/index.js +1 -0
  9. package/dist/esm/components/icons/index.js.map +1 -1
  10. package/dist/esm/components/index.js +3 -0
  11. package/dist/esm/components/index.js.map +1 -1
  12. package/dist/esm/components/lists/empty.js +6 -0
  13. package/dist/esm/components/lists/empty.js.map +1 -0
  14. package/dist/esm/components/lists/index.js +15 -0
  15. package/dist/esm/components/lists/index.js.map +1 -0
  16. package/dist/esm/components/lists/lists.stories.js +42 -0
  17. package/dist/esm/components/lists/lists.stories.js.map +1 -0
  18. package/dist/esm/components/loading/index.js +11 -0
  19. package/dist/esm/components/loading/index.js.map +1 -0
  20. package/dist/esm/components/loading/loading.stories.js +8 -0
  21. package/dist/esm/components/loading/loading.stories.js.map +1 -0
  22. package/dist/esm/components/modals/modal-with-views.js.map +1 -1
  23. package/dist/esm/components/modals/modal.js +4 -1
  24. package/dist/esm/components/modals/modal.js.map +1 -1
  25. package/dist/esm/components/text/index.js +36 -0
  26. package/dist/esm/components/text/index.js.map +1 -0
  27. package/dist/esm/components/text/text.stories.js +34 -0
  28. package/dist/esm/components/text/text.stories.js.map +1 -0
  29. package/dist/esm/config.js.map +1 -1
  30. package/dist/esm/context.js +4 -1
  31. package/dist/esm/context.js.map +1 -1
  32. package/dist/esm/exports/index.js.map +1 -1
  33. package/dist/esm/themes/default.js +32 -17
  34. package/dist/esm/themes/default.js.map +1 -1
  35. package/dist/types/components/buttons/buttons.stories.d.ts +7 -0
  36. package/dist/types/components/buttons/buttons.stories.d.ts.map +1 -0
  37. package/dist/types/components/buttons/index.d.ts +2 -18
  38. package/dist/types/components/buttons/index.d.ts.map +1 -1
  39. package/dist/types/components/icons/checkMark.d.ts +6 -0
  40. package/dist/types/components/icons/checkMark.d.ts.map +1 -0
  41. package/dist/types/components/icons/close.d.ts.map +1 -1
  42. package/dist/types/components/icons/index.d.ts +1 -0
  43. package/dist/types/components/icons/index.d.ts.map +1 -1
  44. package/dist/types/components/index.d.ts +3 -0
  45. package/dist/types/components/index.d.ts.map +1 -1
  46. package/dist/types/components/lists/empty.d.ts +4 -0
  47. package/dist/types/components/lists/empty.d.ts.map +1 -0
  48. package/dist/types/components/lists/index.d.ts +12 -0
  49. package/dist/types/components/lists/index.d.ts.map +1 -0
  50. package/dist/types/components/lists/lists.stories.d.ts +27 -0
  51. package/dist/types/components/lists/lists.stories.d.ts.map +1 -0
  52. package/dist/types/components/loading/index.d.ts +9 -0
  53. package/dist/types/components/loading/index.d.ts.map +1 -0
  54. package/dist/types/components/loading/loading.stories.d.ts +4 -0
  55. package/dist/types/components/loading/loading.stories.d.ts.map +1 -0
  56. package/dist/types/components/modals/modal-with-views.d.ts +1 -0
  57. package/dist/types/components/modals/modal-with-views.d.ts.map +1 -1
  58. package/dist/types/components/modals/modal.d.ts.map +1 -1
  59. package/dist/types/components/modals/use-modal-with-views.d.ts.map +1 -1
  60. package/dist/types/components/text/index.d.ts +10 -0
  61. package/dist/types/components/text/index.d.ts.map +1 -0
  62. package/dist/types/components/text/text.stories.d.ts +5 -0
  63. package/dist/types/components/text/text.stories.d.ts.map +1 -0
  64. package/dist/types/config.d.ts +3 -1
  65. package/dist/types/config.d.ts.map +1 -1
  66. package/dist/types/context.d.ts.map +1 -1
  67. package/dist/types/exports/index.d.ts +0 -1
  68. package/dist/types/exports/index.d.ts.map +1 -1
  69. package/dist/types/themes/default.d.ts.map +1 -1
  70. package/dist/types/themes/types.d.ts +10 -1
  71. package/dist/types/themes/types.d.ts.map +1 -1
  72. package/package.json +3 -2
  73. package/src/components/index.ts +3 -0
  74. package/src/config.ts +3 -1
  75. package/src/exports/index.ts +0 -2
  76. package/src/themes/types.ts +10 -1
  77. package/dist/esm/exports/hooks.js +0 -2
  78. package/dist/esm/exports/hooks.js.map +0 -1
  79. package/dist/esm/hooks/index.js +0 -3
  80. package/dist/esm/hooks/index.js.map +0 -1
  81. package/dist/esm/hooks/useCheckout.js +0 -36
  82. package/dist/esm/hooks/useCheckout.js.map +0 -1
  83. package/dist/esm/hooks/usePayment.js +0 -31
  84. package/dist/esm/hooks/usePayment.js.map +0 -1
  85. package/dist/types/exports/hooks.d.ts +0 -2
  86. package/dist/types/exports/hooks.d.ts.map +0 -1
  87. package/dist/types/hooks/index.d.ts +0 -3
  88. package/dist/types/hooks/index.d.ts.map +0 -1
  89. package/dist/types/hooks/useCheckout.d.ts +0 -9
  90. package/dist/types/hooks/useCheckout.d.ts.map +0 -1
  91. package/dist/types/hooks/usePayment.d.ts +0 -9
  92. package/dist/types/hooks/usePayment.d.ts.map +0 -1
  93. package/src/exports/hooks.ts +0 -1
  94. package/src/hooks/index.ts +0 -2
  95. package/src/hooks/useCheckout.ts +0 -38
  96. package/src/hooks/usePayment.ts +0 -37
@@ -0,0 +1,36 @@
1
+ import { styled } from "styled-components";
2
+ const fontSizes = {
3
+ xs: "12px",
4
+ sm: "14px",
5
+ base: "16px",
6
+ lg: "18px",
7
+ xl: "20px",
8
+ "2xl": "24px",
9
+ "3xl": "30px",
10
+ };
11
+ const lineHeights = {
12
+ xs: "12px",
13
+ sm: "14px",
14
+ base: "24px",
15
+ lg: "28px",
16
+ xl: "32px",
17
+ "2xl": "24px",
18
+ "3xl": "30px",
19
+ };
20
+ const fontWeights = {
21
+ light: "300",
22
+ normal: "400",
23
+ medium: "500",
24
+ semibold: "600",
25
+ bold: "700",
26
+ };
27
+ const Text = styled.p `
28
+ font-size: ${({ size = "base" }) => fontSizes[size]};
29
+ line-height: ${({ size = "base" }) => lineHeights[size]};
30
+ font-weight: ${({ weight = "normal" }) => fontWeights[weight]};
31
+ color: ${({ color = "inherit" }) => color};
32
+ text-align: ${({ align = "left" }) => align};
33
+ text-transform: ${({ uppercase }) => (uppercase ? "uppercase" : "none")};
34
+ `;
35
+ export { Text };
36
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAU3C,MAAM,SAAS,GAAmD;IAChE,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,WAAW,GAAmD;IAClE,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,WAAW,GAAqD;IACpE,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,KAAK;CACZ,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAW;eACjB,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;iBACpC,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC;iBACxC,CAAC,EAAE,MAAM,GAAG,QAAQ,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC;WACpD,CAAC,EAAE,KAAK,GAAG,SAAS,EAAE,EAAE,EAAE,CAAC,KAAK;gBAC3B,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,KAAK;oBACzB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC;CACxE,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}
@@ -0,0 +1,34 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import "../../css/styles.css";
3
+ import { ThemeProvider } from "styled-components";
4
+ import { defaultTheme } from "../../themes/default.js";
5
+ import { Text } from "./index.js";
6
+ export const TextStory = ({ size, weight, color, align, uppercase }) => (_jsx(ThemeProvider, { theme: defaultTheme, children: _jsx(Text, { size: size, weight: weight, color: color, align: align, uppercase: uppercase, children: "Sample Text" }) }));
7
+ TextStory.args = {
8
+ size: "base",
9
+ weight: "normal",
10
+ color: "black",
11
+ align: "left",
12
+ uppercase: false,
13
+ };
14
+ TextStory.argTypes = {
15
+ size: {
16
+ options: ["xs", "sm", "base", "lg", "xl", "2xl", "3xl"],
17
+ control: { type: "radio" },
18
+ },
19
+ weight: {
20
+ options: ["light", "normal", "medium", "semibold", "bold"],
21
+ control: { type: "radio" },
22
+ },
23
+ color: {
24
+ control: { type: "color" }, // Allows color picker in Ladle UI
25
+ },
26
+ align: {
27
+ options: ["left", "center", "right"],
28
+ control: { type: "radio" },
29
+ },
30
+ uppercase: {
31
+ control: { type: "boolean" },
32
+ },
33
+ };
34
+ //# sourceMappingURL=text.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"text.stories.js","sourceRoot":"","sources":["../../../../src/components/text/text.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAAE,IAAI,EAAa,MAAM,YAAY,CAAC;AAE7C,MAAM,CAAC,MAAM,SAAS,GAAqB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CACxF,KAAC,aAAa,IAAC,KAAK,EAAE,YAAY,YAChC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,4BAE3E,GACO,CACjB,CAAC;AAEF,SAAS,CAAC,IAAI,GAAG;IACf,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,KAAK;CACjB,CAAC;AAEF,SAAS,CAAC,QAAQ,GAAG;IACnB,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC;QACvD,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;KAC3B;IACD,MAAM,EAAE;QACN,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,CAAC;QAC1D,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;KAC3B;IACD,KAAK,EAAE;QACL,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,kCAAkC;KAC/D;IACD,KAAK,EAAE;QACL,OAAO,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC;QACpC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;KAC3B;IACD,SAAS,EAAE;QACT,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAC7B;CACF,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,cAAc,CAAC;AAGjC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAanD,MAAM,SAAS,GAAG,2BAA2B,CAAC;AAE9C,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,SAAiB,EACjB,OAAuB,EACf,EAAE;IACV,OAAO;QACL,SAAS,EAAE,SAAS;QACpB,GAAG,KAAK,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,OAAO,CAAC;KAC9D,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,cAAc,CAAC;AAGjC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAenD,MAAM,SAAS,GAAG,2BAA2B,CAAC;AAE9C,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,SAAiB,EACjB,OAAuB,EACf,EAAE;IACV,OAAO;QACL,SAAS,EAAE,SAAS;QACpB,GAAG,KAAK,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,OAAO,CAAC;KAC9D,CAAC;AACJ,CAAC,CAAC"}
@@ -1,9 +1,12 @@
1
1
  "use client";
2
2
  import { jsx as _jsx } from "react/jsx-runtime";
3
3
  import { createContext, useContext } from "react";
4
+ import { api } from "@mintmoney/core";
5
+ import { ThemeProvider } from "styled-components";
4
6
  const MintMoneyContext = createContext(undefined);
5
7
  export function MintMoneyProvider({ config, children, }) {
6
- return (_jsx(MintMoneyContext.Provider, { value: config, children: children }));
8
+ api.setSecurityData(config.publicKey);
9
+ return (_jsx(MintMoneyContext.Provider, { value: config, children: _jsx(ThemeProvider, { theme: config.theme, children: _jsx("div", { className: "mm-root", children: children }) }) }));
7
10
  }
8
11
  export function useMintMoneyConfig() {
9
12
  const context = useContext(MintMoneyContext);
@@ -1 +1 @@
1
- {"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/context.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGzD,MAAM,gBAAgB,GAAG,aAAa,CAAqB,SAAS,CAAC,CAAC;AAOtE,MAAM,UAAU,iBAAiB,CAAC,EAChC,MAAM,EACN,QAAQ,GACe;IACvB,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YACrC,QAAQ,GACiB,CAC7B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC7C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,4DAA4D,CAC7D,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}
1
+ {"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/context.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,gBAAgB,GAAG,aAAa,CAAqB,SAAS,CAAC,CAAC;AAOtE,MAAM,UAAU,iBAAiB,CAAC,EAChC,MAAM,EACN,QAAQ,GACe;IACvB,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IACtC,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YACtC,KAAC,aAAa,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,YAChC,cAAK,SAAS,EAAC,SAAS,YAAE,QAAQ,GAAO,GAC3B,GACU,CAC7B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC7C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,4DAA4D,CAC7D,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/exports/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAe,YAAY,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAItE,cAAc,wBAAwB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/exports/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAe,YAAY,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEtE,cAAc,wBAAwB,CAAC"}
@@ -1,45 +1,60 @@
1
1
  export const defaultTheme = {
2
+ font: {
3
+ color: {
4
+ primary: "#131212",
5
+ secondary: "#232032",
6
+ tertiary: "#585773",
7
+ },
8
+ },
2
9
  btn: {
3
10
  primary: {
4
11
  default: {
5
- backgroundColor: "#80FFBF",
6
- borderColor: "#6CD29F",
7
- textColor: "#FFFFFF",
12
+ backgroundColor: "#48DAB5",
13
+ borderColor: "#48DAB5",
14
+ textColor: "#131222",
8
15
  },
9
16
  hover: {
10
- backgroundColor: "rgba(128, 255, 191, 0.8)",
11
- borderColor: "rgba(108, 210, 159, 0.8)",
12
- textColor: "#FFFFFF",
17
+ backgroundColor: "#41F4C8",
18
+ borderColor: "#41F4C8",
19
+ textColor: "#131222",
13
20
  },
14
21
  disabled: {
15
- backgroundColor: "rgba(128, 255, 191, 0.5)",
16
- borderColor: "rgba(108, 210, 159, 0.5)",
17
- textColor: "#FFFFFF",
22
+ backgroundColor: "#BAEFE2",
23
+ borderColor: "#BAEFE2",
24
+ textColor: "#7AAA9E",
18
25
  },
19
26
  },
20
- back: {
27
+ secondary: {
21
28
  default: {
22
29
  backgroundColor: "#FFF",
23
- borderColor: "#6CD29F",
24
- textColor: "#000",
30
+ borderColor: "#DFDFFD",
31
+ textColor: "#131222",
25
32
  },
26
33
  hover: {
27
34
  backgroundColor: "#FFF",
28
- borderColor: "#80FFBF",
29
- textColor: "#000",
35
+ borderColor: "#00C694",
36
+ textColor: "#00C694",
30
37
  },
31
38
  disabled: {
32
- backgroundColor: "#FEFEFE",
33
- borderColor: "#CCC",
34
- textColor: "#000",
39
+ backgroundColor: "#FAFBFF",
40
+ borderColor: "#C9D0E3",
41
+ textColor: "#8F8FAE",
35
42
  },
36
43
  },
37
44
  },
38
45
  icon: {
46
+ loader: {
47
+ color: "#48DAB5",
48
+ strokeColor: "#48DAB5",
49
+ },
39
50
  close: {
40
51
  strokeColor: "#ccc",
41
52
  color: "#ccc",
42
53
  },
54
+ check: {
55
+ color: "#48DAB5",
56
+ strokeColor: "#48DAB5",
57
+ },
43
58
  },
44
59
  };
45
60
  //# sourceMappingURL=default.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"default.js","sourceRoot":"","sources":["../../../src/themes/default.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,GAAG,EAAE;QACH,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;aACrB;YACD,KAAK,EAAE;gBACL,eAAe,EAAE,0BAA0B;gBAC3C,WAAW,EAAE,0BAA0B;gBACvC,SAAS,EAAE,SAAS;aACrB;YACD,QAAQ,EAAE;gBACR,eAAe,EAAE,0BAA0B;gBAC3C,WAAW,EAAE,0BAA0B;gBACvC,SAAS,EAAE,SAAS;aACrB;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,eAAe,EAAE,MAAM;gBACvB,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,MAAM;aAClB;YACD,KAAK,EAAE;gBACL,eAAe,EAAE,MAAM;gBACvB,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,MAAM;aAClB;YACD,QAAQ,EAAE;gBACR,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,MAAM;gBACnB,SAAS,EAAE,MAAM;aAClB;SACF;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,WAAW,EAAE,MAAM;YACnB,KAAK,EAAE,MAAM;SACd;KACF;CACa,CAAC"}
1
+ {"version":3,"file":"default.js","sourceRoot":"","sources":["../../../src/themes/default.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,SAAS;YACpB,QAAQ,EAAE,SAAS;SACpB;KACF;IACD,GAAG,EAAE;QACH,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;aACrB;YACD,KAAK,EAAE;gBACL,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;aACrB;YACD,QAAQ,EAAE;gBACR,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;aACrB;SACF;QACD,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,eAAe,EAAE,MAAM;gBACvB,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;aACrB;YACD,KAAK,EAAE;gBACL,eAAe,EAAE,MAAM;gBACvB,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;aACrB;YACD,QAAQ,EAAE;gBACR,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,SAAS;gBACtB,SAAS,EAAE,SAAS;aACrB;SACF;KACF;IACD,IAAI,EAAE;QACJ,MAAM,EAAE;YACN,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,SAAS;SACvB;QACD,KAAK,EAAE;YACL,WAAW,EAAE,MAAM;YACnB,KAAK,EAAE,MAAM;SACd;QACD,KAAK,EAAE;YACL,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,SAAS;SACvB;KACF;CACa,CAAC"}
@@ -0,0 +1,7 @@
1
+ import "../../css/styles.css";
2
+ import type { Story } from "@ladle/react";
3
+ export declare const Button: Story<{
4
+ disabled: boolean;
5
+ variant: "primary" | "secondary";
6
+ }>;
7
+ //# sourceMappingURL=buttons.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"buttons.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/buttons.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAG9B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAG1C,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,SAAS,GAAG,WAAW,CAAC;CAClC,CAMA,CAAC"}
@@ -1,24 +1,8 @@
1
1
  export interface StyledButtonProps {
2
- theme: {
3
- default: {
4
- backgroundColor: string;
5
- borderColor: string;
6
- textColor: string;
7
- };
8
- hover: {
9
- backgroundColor: string;
10
- borderColor: string;
11
- textColor: string;
12
- };
13
- disabled: {
14
- backgroundColor: string;
15
- borderColor: string;
16
- textColor: string;
17
- };
18
- };
2
+ variant?: "primary" | "secondary";
19
3
  disabled?: boolean;
20
4
  onClick?: () => void;
21
- key?: string;
5
+ children?: React.ReactNode;
22
6
  }
23
7
  declare const StyledButton: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components/dist/types.js").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledButtonProps>> & string;
24
8
  export { StyledButton };
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE;QACL,OAAO,EAAE;YACP,eAAe,EAAE,MAAM,CAAC;YACxB,WAAW,EAAE,MAAM,CAAC;YACpB,SAAS,EAAE,MAAM,CAAC;SACnB,CAAC;QACF,KAAK,EAAE;YAAE,eAAe,EAAE,MAAM,CAAC;YAAC,WAAW,EAAE,MAAM,CAAC;YAAC,SAAS,EAAE,MAAM,CAAA;SAAE,CAAC;QAC3E,QAAQ,EAAE;YACR,eAAe,EAAE,MAAM,CAAC;YACxB,WAAW,EAAE,MAAM,CAAC;YACpB,SAAS,EAAE,MAAM,CAAC;SACnB,CAAC;KACH,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,QAAA,MAAM,YAAY,wQAqBjB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,YAAY,wQA0CjB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}
@@ -0,0 +1,6 @@
1
+ interface CheckMarkIconProps {
2
+ size?: number;
3
+ }
4
+ declare const CheckMarkIcon: ({ size }: CheckMarkIconProps) => import("react/jsx-runtime").JSX.Element;
5
+ export { CheckMarkIcon };
6
+ //# sourceMappingURL=checkMark.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkMark.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/checkMark.tsx"],"names":[],"mappings":"AAGA,UAAU,kBAAkB;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAcD,QAAA,MAAM,aAAa,GAAI,UAAe,kBAAkB,4CAmBvD,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"close.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/close.tsx"],"names":[],"mappings":"AAGA,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAcD,QAAA,MAAM,SAAS,aAAmB,cAAc,4CAoB/C,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}
1
+ {"version":3,"file":"close.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/close.tsx"],"names":[],"mappings":"AAGA,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAcD,QAAA,MAAM,SAAS,GAAI,UAAe,cAAc,4CAoB/C,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}
@@ -1,2 +1,3 @@
1
1
  export * from "./close.js";
2
+ export * from "./checkMark.js";
2
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC"}
@@ -1,4 +1,7 @@
1
1
  export * from "./modals/index.js";
2
2
  export * from "./icons/index.js";
3
3
  export * from "./buttons/index.js";
4
+ export * from "./loading/index.js";
5
+ export * from "./text/index.js";
6
+ export * from "./lists/index.js";
4
7
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC"}
@@ -0,0 +1,4 @@
1
+ export declare const ListEmpty: ({ content }: {
2
+ content: string;
3
+ }) => import("react/jsx-runtime").JSX.Element;
4
+ //# sourceMappingURL=empty.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../../src/components/lists/empty.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,GAAI,aAAa;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,4CAMzD,CAAC"}
@@ -0,0 +1,12 @@
1
+ export interface SelectableListProps<T> {
2
+ title?: string;
3
+ noItemsMsg?: string;
4
+ loading?: boolean;
5
+ items: T[];
6
+ getKey: (item: T) => string;
7
+ getLabel: (item: T) => string;
8
+ onSelect: (item: T) => void;
9
+ }
10
+ declare const SelectableList: <T>({ title, items, getKey, getLabel, onSelect, loading, noItemsMsg, }: SelectableListProps<T>) => import("react/jsx-runtime").JSX.Element;
11
+ export { SelectableList };
12
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/lists/index.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,mBAAmB,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC5B,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CAC7B;AAED,QAAA,MAAM,cAAc,GAAI,CAAC,EAAG,oEAQzB,mBAAmB,CAAC,CAAC,CAAC,4CAmCxB,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}
@@ -0,0 +1,27 @@
1
+ import "../../css/styles.css";
2
+ import type { Story } from "@ladle/react";
3
+ export declare const SelectableListStory: Story<{
4
+ title: string;
5
+ loading: boolean;
6
+ items: {
7
+ id: string;
8
+ label: string;
9
+ }[];
10
+ }>;
11
+ export declare const EmptySelectableListStory: Story<{
12
+ title: string;
13
+ loading: boolean;
14
+ items: {
15
+ id: string;
16
+ label: string;
17
+ }[];
18
+ }>;
19
+ export declare const LoadingSelectableListStory: Story<{
20
+ title: string;
21
+ loading: boolean;
22
+ items: {
23
+ id: string;
24
+ label: string;
25
+ }[];
26
+ }>;
27
+ //# sourceMappingURL=lists.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"lists.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/lists/lists.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAG9B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAG1C,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACxC,CAWA,CAAC;AAqBF,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACxC,CAWA,CAAC;AAYF,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACxC,CAWA,CAAC"}
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ interface LoaderProps {
3
+ width?: number;
4
+ height?: number;
5
+ asChild?: boolean;
6
+ }
7
+ declare const Loader: React.FC<LoaderProps>;
8
+ export { Loader };
9
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/loading/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA2CD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqBjC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
@@ -0,0 +1,4 @@
1
+ import "../../css/styles.css";
2
+ import type { Story } from "@ladle/react";
3
+ export declare const Comp: Story<{}>;
4
+ //# sourceMappingURL=loading.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"loading.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/loading/loading.stories.tsx"],"names":[],"mappings":"AACA,OAAO,sBAAsB,CAAA;AAG7B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAE1C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAE1B,CAAC"}
@@ -4,6 +4,7 @@ export interface ModalWithViewProps {
4
4
  className?: string;
5
5
  onOpenChange?: (open: boolean) => void;
6
6
  initialView: string;
7
+ initialProps?: Record<string, unknown>;
7
8
  views: Record<string, {
8
9
  title: string;
9
10
  header?: (viewProps: Record<string, unknown>) => React.ReactNode;
@@ -1 +1 @@
1
- {"version":3,"file":"modal-with-views.d.ts","sourceRoot":"","sources":["../../../../src/components/modals/modal-with-views.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AASzC,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CACX,MAAM,EACN;QACE,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;QACjE,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;QACjE,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;QACjE,sBAAsB,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;QACrD,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACpC,sBAAsB,CAAC,EAAE,MAAM,CAAC;KACjC,CACF,CAAC;IACF,6BAA6B,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC5D,8BAA8B,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClD;AA6DD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAMtD"}
1
+ {"version":3,"file":"modal-with-views.d.ts","sourceRoot":"","sources":["../../../../src/components/modals/modal-with-views.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AASzC,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,KAAK,EAAE,MAAM,CACX,MAAM,EACN;QACE,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;QACjE,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;QACjE,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;QACjE,sBAAsB,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;QACrD,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACpC,sBAAsB,CAAC,EAAE,MAAM,CAAC;KACjC,CACF,CAAC;IACF,6BAA6B,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC5D,8BAA8B,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClD;AA6DD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAMtD"}
@@ -1 +1 @@
1
- {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../src/components/modals/modal.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,UAAU;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,6BAA6B,CAAC,EAAE,OAAO,CAAC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,KAAK,wGAQf,UAAU,4CAwCZ,CAAC"}
1
+ {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../src/components/modals/modal.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,UAAU;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,6BAA6B,CAAC,EAAE,OAAO,CAAC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,KAAK,GAAI,qGAQnB,UAAU,4CAyCZ,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"use-modal-with-views.d.ts","sourceRoot":"","sources":["../../../../src/components/modals/use-modal-with-views.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,KAAK,YAAY,GAAG;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAClE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC,CAAC;AAEF,QAAA,MAAM,YAAY,yCAIhB,CAAC;AAEH,eAAO,MAAM,qBAAqB,+BAG/B,IAAI,CAAC,kBAAkB,EAAE,aAAa,CAAC,GAAG;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,4CAuBA,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,YAEnC,CAAC"}
1
+ {"version":3,"file":"use-modal-with-views.d.ts","sourceRoot":"","sources":["../../../../src/components/modals/use-modal-with-views.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,KAAK,YAAY,GAAG;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAClE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC,CAAC;AAEF,QAAA,MAAM,YAAY,yCAIhB,CAAC;AAEH,eAAO,MAAM,qBAAqB,GAAI,4BAGnC,IAAI,CAAC,kBAAkB,EAAE,aAAa,CAAC,GAAG;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,4CAuBA,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,YAEnC,CAAC"}
@@ -0,0 +1,10 @@
1
+ export interface TextProps {
2
+ size?: "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl";
3
+ weight?: "light" | "normal" | "medium" | "semibold" | "bold";
4
+ color?: string;
5
+ align?: "left" | "center" | "right";
6
+ uppercase?: boolean;
7
+ }
8
+ declare const Text: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components/dist/types.js").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, TextProps>> & string;
9
+ export { Text };
10
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/text/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,CAAC;IAC1D,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA8BD,QAAA,MAAM,IAAI,gQAOT,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}
@@ -0,0 +1,5 @@
1
+ import "../../css/styles.css";
2
+ import type { Story } from "@ladle/react";
3
+ import { TextProps } from "./index.js";
4
+ export declare const TextStory: Story<TextProps>;
5
+ //# sourceMappingURL=text.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"text.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/text/text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAG9B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAQ,SAAS,EAAE,MAAM,YAAY,CAAC;AAE7C,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,SAAS,CAMtC,CAAC"}
@@ -1,12 +1,14 @@
1
1
  import { ThemeConfig } from "./themes/types.js";
2
2
  export type Config = {
3
3
  publicKey: string;
4
+ checkoutId: string;
4
5
  apiUrl: string;
5
6
  theme: ThemeConfig;
6
7
  };
7
8
  type ConfigOptions = {
8
9
  apiUrl?: string;
9
- theme: Partial<ThemeConfig>;
10
+ checkoutId: string;
11
+ theme?: Partial<ThemeConfig>;
10
12
  };
11
13
  export declare const createConfig: (publicKey: string, options?: ConfigOptions) => Config;
12
14
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/config.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,MAAM,MAAM,MAAM,GAAG;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC7B,CAAC;AAIF,eAAO,MAAM,YAAY,cACZ,MAAM,YACP,aAAa,KACtB,MAKF,CAAC"}
1
+ {"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/config.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,MAAM,MAAM,MAAM,GAAG;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC9B,CAAC;AAIF,eAAO,MAAM,YAAY,GACvB,WAAW,MAAM,EACjB,UAAU,aAAa,KACtB,MAKF,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAI1C,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,QAAQ,GACT,EAAE,sBAAsB,2CAMxB;AAED,wBAAgB,kBAAkB,WAQjC"}
1
+ {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAM1C,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,QAAQ,GACT,EAAE,sBAAsB,2CASxB;AAED,wBAAgB,kBAAkB,WAQjC"}
@@ -1,6 +1,5 @@
1
1
  export { ThemeConfig } from "../themes/index.jsx";
2
2
  export { type Config, createConfig } from "../config.js";
3
3
  export { useMintMoneyConfig, MintMoneyProvider } from "../context.js";
4
- export { Payment } from "@mintmoney/core/payments";
5
4
  export * from "../components/index.js";
6
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/exports/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,OAAO,EAAE,KAAK,MAAM,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEtE,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEnD,cAAc,wBAAwB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/exports/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,OAAO,EAAE,KAAK,MAAM,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEtE,cAAc,wBAAwB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../src/themes/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEzC,eAAO,MAAM,YAAY,EA2CpB,WAAW,CAAC"}
1
+ {"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../src/themes/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEzC,eAAO,MAAM,YAAY,EA0DpB,WAAW,CAAC"}
@@ -13,12 +13,21 @@ export type SvgIconOptions = {
13
13
  color: string;
14
14
  };
15
15
  export type ThemeConfig = {
16
+ font: {
17
+ color: {
18
+ primary: string;
19
+ secondary: string;
20
+ tertiary: string;
21
+ };
22
+ };
16
23
  btn: {
17
24
  primary: BtnOptions;
18
- back: BtnOptions;
25
+ secondary: BtnOptions;
19
26
  };
20
27
  icon: {
28
+ loader: SvgIconOptions;
21
29
  close: SvgIconOptions;
30
+ check: SvgIconOptions;
22
31
  };
23
32
  };
24
33
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/themes/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAC5B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,EAAE,eAAe,CAAC;IACzB,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,EAAE,eAAe,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE;QACH,OAAO,EAAE,UAAU,CAAC;QACpB,IAAI,EAAE,UAAU,CAAC;KAClB,CAAC;IACF,IAAI,EAAE;QACJ,KAAK,EAAE,cAAc,CAAC;KACvB,CAAC;CACH,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/themes/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAC5B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,EAAE,eAAe,CAAC;IACzB,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,EAAE,eAAe,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,OAAO,EAAE,MAAM,CAAC;YAChB,SAAS,EAAE,MAAM,CAAC;YAClB,QAAQ,EAAE,MAAM,CAAC;SAClB,CAAC;KACH,CAAC;IACF,GAAG,EAAE;QACH,OAAO,EAAE,UAAU,CAAC;QACpB,SAAS,EAAE,UAAU,CAAC;KACvB,CAAC;IACF,IAAI,EAAE;QACJ,MAAM,EAAE,cAAc,CAAC;QACvB,KAAK,EAAE,cAAc,CAAC;QACtB,KAAK,EAAE,cAAc,CAAC;KACvB,CAAC;CACH,CAAC"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mintmoney/react",
3
3
  "description": "React SDK library for the mintmoney playments network",
4
- "version": "0.1.0-alpha-1",
4
+ "version": "0.1.0-alpha.3",
5
5
  "license": "MIT",
6
6
  "repository": {
7
7
  "type": "git",
@@ -66,10 +66,11 @@
66
66
  "react": "18.3.1",
67
67
  "react-dom": "18.3.1",
68
68
  "styled-components": "^6.1.15",
69
- "@mintmoney/core": "0.1.0-alpha-1"
69
+ "@mintmoney/core": "0.1.0-alpha.3"
70
70
  },
71
71
  "devDependencies": {
72
72
  "@types/react": "18.3.1",
73
+ "@ladle/react": "^5.0.1",
73
74
  "@types/react-dom": "18.3.0",
74
75
  "postcss": "^8.5.1",
75
76
  "postcss-cli": "^11.0.0"
@@ -1,3 +1,6 @@
1
1
  export * from "./modals/index.js";
2
2
  export * from "./icons/index.js";
3
3
  export * from "./buttons/index.js";
4
+ export * from "./loading/index.js";
5
+ export * from "./text/index.js";
6
+ export * from "./lists/index.js";
package/src/config.ts CHANGED
@@ -5,13 +5,15 @@ import { defaultTheme } from "./themes/default.js";
5
5
 
6
6
  export type Config = {
7
7
  publicKey: string;
8
+ checkoutId: string;
8
9
  apiUrl: string;
9
10
  theme: ThemeConfig;
10
11
  };
11
12
 
12
13
  type ConfigOptions = {
13
14
  apiUrl?: string;
14
- theme: Partial<ThemeConfig>;
15
+ checkoutId: string;
16
+ theme?: Partial<ThemeConfig>;
15
17
  };
16
18
 
17
19
  const _MINT_API = "https://api.getmint.money";
@@ -4,6 +4,4 @@ export { type Config, createConfig } from "../config.js";
4
4
 
5
5
  export { useMintMoneyConfig, MintMoneyProvider } from "../context.js";
6
6
 
7
- export { Payment } from "@mintmoney/core/payments";
8
-
9
7
  export * from "../components/index.js";
@@ -16,11 +16,20 @@ export type SvgIconOptions = {
16
16
  };
17
17
 
18
18
  export type ThemeConfig = {
19
+ font: {
20
+ color: {
21
+ primary: string;
22
+ secondary: string;
23
+ tertiary: string;
24
+ };
25
+ };
19
26
  btn: {
20
27
  primary: BtnOptions;
21
- back: BtnOptions;
28
+ secondary: BtnOptions;
22
29
  };
23
30
  icon: {
31
+ loader: SvgIconOptions;
24
32
  close: SvgIconOptions;
33
+ check: SvgIconOptions;
25
34
  };
26
35
  };
@@ -1,2 +0,0 @@
1
- export { useCheckout, usePayments } from "../hooks/index.js";
2
- //# sourceMappingURL=hooks.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../src/exports/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC"}
@@ -1,3 +0,0 @@
1
- export { useCheckout } from "./useCheckout.js";
2
- export { usePayments } from "./usePayment.js";
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC"}