@loopr-ai/craft 0.8.3 → 0.10.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 (55) hide show
  1. package/dist/Box-96e795c4.js +58 -0
  2. package/dist/{ButtonBase-08b16b61.js → ButtonBase-46c20f20.js} +3 -3
  3. package/dist/{TextField-f61d210a.js → TextField-df89b641.js} +373 -387
  4. package/dist/{TransitionGroupContext-0e899f4c.js → TransitionGroupContext-21923db7.js} +1 -1
  5. package/dist/ZoomControllers-657c8b74.js +3383 -0
  6. package/dist/components/cell/AvatarGroup/index.js +3 -3
  7. package/dist/components/cell/Button/index.js +3 -3
  8. package/dist/components/cell/Chip/index.js +5 -5
  9. package/dist/components/cell/ProgressBar/index.js +3 -3
  10. package/dist/components/cell/Search/index.js +2 -2
  11. package/dist/components/cell/Typography/index.js +1 -1
  12. package/dist/components/organ/Form/ErrorMessage/ErrorMessage.styles.d.ts +14 -0
  13. package/dist/components/organ/Form/ErrorMessage/ErrorMessage.styles.js +16 -0
  14. package/dist/components/organ/Form/ErrorMessage/index.d.ts +6 -0
  15. package/dist/components/organ/Form/ErrorMessage/index.js +14 -0
  16. package/dist/components/organ/Form/Form.interfaces.d.ts +4 -2
  17. package/dist/components/organ/Form/Form.styles.d.ts +6 -99
  18. package/dist/components/organ/Form/Form.styles.js +8 -102
  19. package/dist/components/organ/Form/FormInput.d.ts +1 -0
  20. package/dist/components/organ/Form/FormInput.js +57 -1525
  21. package/dist/components/organ/Form/Label/Label.styles.d.ts +14 -0
  22. package/dist/components/organ/Form/Label/Label.styles.js +16 -0
  23. package/dist/components/organ/Form/Label/index.d.ts +10 -0
  24. package/dist/components/organ/Form/Label/index.js +17 -0
  25. package/dist/components/organ/Form/RadioInput/RadioInput.styles.d.ts +17 -0
  26. package/dist/components/organ/Form/RadioInput/RadioInput.styles.js +20 -0
  27. package/dist/components/organ/Form/RadioInput/index.d.ts +16 -0
  28. package/dist/components/organ/Form/RadioInput/index.js +1053 -0
  29. package/dist/components/organ/Form/TextfieldInput/TextfieldInput.styles.d.ts +75 -0
  30. package/dist/components/organ/Form/TextfieldInput/TextfieldInput.styles.js +66 -0
  31. package/dist/components/organ/Form/TextfieldInput/index.d.ts +24 -0
  32. package/dist/components/organ/Form/TextfieldInput/index.js +536 -0
  33. package/dist/components/organ/Form/index.d.ts +3 -1
  34. package/dist/components/organ/Form/index.js +139 -149
  35. package/dist/components/organ/ZoomControlWithDrag/ZoomControllers.js +2 -2
  36. package/dist/components/organ/ZoomControlWithDrag/index.js +2 -2
  37. package/dist/{createSvgIcon-45340b5e.js → createSvgIcon-59e7bc15.js} +3195 -3245
  38. package/dist/{createSvgIcon-5aac746d.js → createSvgIcon-b444ce70.js} +5 -5
  39. package/dist/{createTheme-759a022d.js → createTheme-d2329909.js} +4 -4
  40. package/dist/dividerClasses-9354a5c9.js +10 -0
  41. package/dist/{exactProp-23d6a154.js → exactProp-3ee21234.js} +1 -1
  42. package/dist/{extendSxProp-cf8fd923.js → extendSxProp-f6cb682b.js} +1 -1
  43. package/dist/global/colors.d.ts +1 -0
  44. package/dist/global/colors.js +5 -4
  45. package/dist/global/theme.js +1 -1
  46. package/dist/{index-c9c32237.js → index-ae3eb123.js} +8 -8
  47. package/dist/main.js +1 -1
  48. package/dist/providers/CraftThemeProvider.js +2 -2
  49. package/dist/{styled-78608e1f.js → styled-8f7db30d.js} +39 -39
  50. package/dist/useControlled-4e337b2f.js +54 -0
  51. package/dist/useFormControl-b25c5813.js +19 -0
  52. package/dist/{useTheme-8906bd79.js → useTheme-21caf71b.js} +1 -1
  53. package/package.json +1 -1
  54. package/dist/Tooltip-e797a425.js +0 -2022
  55. package/dist/ZoomControllers-d04c25f8.js +0 -1432
@@ -0,0 +1,14 @@
1
+ declare const labelStyles: {
2
+ labelAdornmentBox: {
3
+ display: string;
4
+ alignItems: string;
5
+ gap: string;
6
+ };
7
+ label: {
8
+ fontSize: string;
9
+ display: string;
10
+ marginBottom: string;
11
+ fontFamily: string;
12
+ };
13
+ };
14
+ export default labelStyles;
@@ -0,0 +1,16 @@
1
+ const e = {
2
+ labelAdornmentBox: {
3
+ display: "flex",
4
+ alignItems: "center",
5
+ gap: "0.5rem"
6
+ },
7
+ label: {
8
+ fontSize: "0.875rem",
9
+ display: "block",
10
+ marginBottom: "0.5rem",
11
+ fontFamily: "DM Sans, sans-serif"
12
+ }
13
+ };
14
+ export {
15
+ e as default
16
+ };
@@ -0,0 +1,10 @@
1
+ import { CraftFC } from "../../../../global/interfaces";
2
+ import { InputAdornments } from "../Form.interfaces";
3
+ interface LabelProps {
4
+ name: string;
5
+ label: string;
6
+ required?: boolean;
7
+ inputAdornments?: InputAdornments;
8
+ }
9
+ declare const Label: CraftFC<LabelProps>;
10
+ export default Label;
@@ -0,0 +1,17 @@
1
+ import { jsxs as y, jsx as b } from "react/jsx-runtime";
2
+ import { T as f } from "../../../../index-ae3eb123.js";
3
+ import a from "./Label.styles.js";
4
+ import { B as c } from "../../../../Box-96e795c4.js";
5
+ const T = ({
6
+ name: L,
7
+ label: x,
8
+ required: h,
9
+ inputAdornments: l
10
+ }) => /* @__PURE__ */ y(c, { sx: a.labelAdornmentBox, children: [
11
+ (l == null ? void 0 : l.beforeLabel) && (typeof (l == null ? void 0 : l.beforeLabel) == "string" ? /* @__PURE__ */ b(f, { sx: a.label, children: l == null ? void 0 : l.beforeLabel }) : l == null ? void 0 : l.beforeLabel),
12
+ /* @__PURE__ */ b("label", { htmlFor: `form-input-${L}`, style: a.label, children: `${x} ${h ? "*" : ""}` }),
13
+ (l == null ? void 0 : l.afterLabel) && (typeof (l == null ? void 0 : l.afterLabel) == "string" ? /* @__PURE__ */ b(f, { sx: a.label, children: l == null ? void 0 : l.afterLabel }) : l == null ? void 0 : l.afterLabel)
14
+ ] });
15
+ export {
16
+ T as default
17
+ };
@@ -0,0 +1,17 @@
1
+ declare const RadioInputStyles: {
2
+ radioGroup: {
3
+ flexDirection: string;
4
+ gap: string;
5
+ "& .MuiTypography-root": {
6
+ fontFamily: string;
7
+ };
8
+ "& label": {
9
+ textAlign: string;
10
+ marginBottom: number;
11
+ };
12
+ };
13
+ description: {
14
+ color: string;
15
+ };
16
+ };
17
+ export default RadioInputStyles;
@@ -0,0 +1,20 @@
1
+ import { customColors as o } from "../../../../global/colors.js";
2
+ const r = {
3
+ radioGroup: {
4
+ flexDirection: "column",
5
+ gap: "0.5rem",
6
+ "& .MuiTypography-root": {
7
+ fontFamily: "DM Sans, sans-serif"
8
+ },
9
+ "& label": {
10
+ textAlign: "left",
11
+ marginBottom: 0
12
+ }
13
+ },
14
+ description: {
15
+ color: o.grey
16
+ }
17
+ };
18
+ export {
19
+ r as default
20
+ };
@@ -0,0 +1,16 @@
1
+ /// <reference types="react" />
2
+ import { CraftFC } from "../../../../global/interfaces";
3
+ import { InputAdornments, OptionsType } from "../Form.interfaces";
4
+ interface RadioInputProps {
5
+ name: string;
6
+ label: string;
7
+ value: string;
8
+ handleInputChange: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
9
+ options?: OptionsType;
10
+ required?: boolean;
11
+ error?: boolean;
12
+ helperText?: string;
13
+ inputAdornments?: InputAdornments;
14
+ }
15
+ declare const RadioInput: CraftFC<RadioInputProps>;
16
+ export default RadioInput;