@modul/mbui 0.0.12 → 0.0.13-beta-pv-53036-bbe30888

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 (72) hide show
  1. package/dist/{Info/Info.d.ts → Alert/Alert.d.ts} +4 -4
  2. package/dist/{Info/Info.js → Alert/Alert.js} +7 -7
  3. package/dist/Alert/Alert.js.map +1 -0
  4. package/dist/Alert/index.d.ts +1 -0
  5. package/dist/Alert/index.js +6 -0
  6. package/dist/Alert/index.js.map +1 -0
  7. package/dist/Input/Input.js +1 -1
  8. package/dist/Input/Input.js.map +1 -1
  9. package/dist/Label/Label.d.ts +5 -0
  10. package/dist/Label/Label.js +13 -0
  11. package/dist/Label/Label.js.map +1 -0
  12. package/dist/Label/index.d.ts +1 -0
  13. package/dist/Label/index.js +6 -0
  14. package/dist/Label/index.js.map +1 -0
  15. package/dist/Page/Page.js +1 -1
  16. package/dist/Page/Page.js.map +1 -1
  17. package/dist/Select/SelectAccountCard.d.ts +6 -0
  18. package/dist/Select/SelectAccountCard.js +76 -0
  19. package/dist/Select/SelectAccountCard.js.map +1 -0
  20. package/dist/Select/index.d.ts +1 -0
  21. package/dist/Select/index.js +6 -0
  22. package/dist/Select/index.js.map +1 -0
  23. package/dist/Switch/Switch.d.ts +4 -0
  24. package/dist/Switch/Switch.js +12 -0
  25. package/dist/Switch/Switch.js.map +1 -0
  26. package/dist/Switch/index.d.ts +1 -0
  27. package/dist/Switch/index.js +6 -0
  28. package/dist/Switch/index.js.map +1 -0
  29. package/dist/Textarea/Textarea.d.ts +5 -0
  30. package/dist/Textarea/Textarea.js +12 -0
  31. package/dist/Textarea/Textarea.js.map +1 -0
  32. package/dist/Textarea/index.d.ts +1 -0
  33. package/dist/Textarea/index.js +6 -0
  34. package/dist/Textarea/index.js.map +1 -0
  35. package/dist/index.d.ts +22 -19
  36. package/dist/index.js +14 -8
  37. package/dist/index.js.map +1 -1
  38. package/package.json +7 -2
  39. package/src/@/config/index.ts +3 -1
  40. package/src/{Info/Info.tsx → Alert/Alert.tsx} +6 -6
  41. package/src/Alert/index.ts +1 -0
  42. package/src/Form/Form.tsx +152 -0
  43. package/src/Form/index.ts +1 -0
  44. package/src/Input/Input.tsx +1 -1
  45. package/src/Page/Page.tsx +1 -1
  46. package/src/Select/SelectAccountCard.tsx +163 -0
  47. package/src/Select/index.ts +1 -0
  48. package/src/Switch/Switch.tsx +28 -0
  49. package/src/Switch/index.ts +1 -0
  50. package/src/Textarea/Textarea.tsx +24 -0
  51. package/src/Textarea/index.ts +1 -0
  52. package/src/assets/css/global.css +6 -2
  53. package/src/index.ts +32 -40
  54. package/dist/Base/Input/Base.d.ts +0 -4
  55. package/dist/Base/Input/Base.js +0 -20
  56. package/dist/Base/Input/Base.js.map +0 -1
  57. package/dist/Base/Input/Input.d.ts +0 -4
  58. package/dist/Base/Input/Input.js +0 -18
  59. package/dist/Base/Input/Input.js.map +0 -1
  60. package/dist/Base/Input/index.d.ts +0 -2
  61. package/dist/Base/Input/index.js +0 -7
  62. package/dist/Base/Input/index.js.map +0 -1
  63. package/dist/Base/Input/types.d.ts +0 -9
  64. package/dist/Base/Input/types.js +0 -3
  65. package/dist/Base/Input/types.js.map +0 -1
  66. package/dist/Info/Info.js.map +0 -1
  67. package/dist/Info/index.d.ts +0 -1
  68. package/dist/Info/index.js +0 -6
  69. package/dist/Info/index.js.map +0 -1
  70. package/src/DrawerCompanyList/CompanyList.tsx +0 -63
  71. package/src/DrawerCompanyList/index.ts +0 -1
  72. package/src/Info/index.ts +0 -1
@@ -1,9 +1,9 @@
1
1
  import * as React from 'react';
2
2
  import { type VariantProps } from 'class-variance-authority';
3
- declare const infoVariants: (props?: {
3
+ declare const alertVariants: (props?: {
4
4
  variant?: "success" | "light" | "warning" | "critical";
5
5
  } & import("class-variance-authority/dist/types").ClassProp) => string;
6
- export interface IProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof infoVariants> {
6
+ export interface IProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
7
7
  }
8
- declare const Info: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLDivElement>>;
9
- export { Info };
8
+ declare const Alert: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLDivElement>>;
9
+ export { Alert };
@@ -1,12 +1,12 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Info = void 0;
3
+ exports.Alert = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const React = (0, tslib_1.__importStar)(require("react"));
6
6
  const class_variance_authority_1 = require("class-variance-authority");
7
7
  const utils_1 = require("../@/lib/utils");
8
8
  // import { cn } from "@/lib/utils" порешать с алиасами
9
- const infoVariants = (0, class_variance_authority_1.cva)('px-[16px] py-[12px] rounded-1 text-[14px]', {
9
+ const alertVariants = (0, class_variance_authority_1.cva)('px-[16px] py-[12px] rounded-sm text-[14px]', {
10
10
  variants: {
11
11
  variant: {
12
12
  light: 'bg-[--cl-graphite-7]',
@@ -19,9 +19,9 @@ const infoVariants = (0, class_variance_authority_1.cva)('px-[16px] py-[12px] ro
19
19
  variant: 'light'
20
20
  },
21
21
  });
22
- const Info = React.forwardRef(({ className, variant, children, ...props }, ref) => {
23
- return (React.createElement("div", { className: (0, utils_1.cn)(infoVariants({ variant, className })), ...props }, children));
22
+ const Alert = React.forwardRef(({ className, variant, children, ...props }, ref) => {
23
+ return (React.createElement("div", { className: (0, utils_1.cn)(alertVariants({ variant, className })), ...props }, children));
24
24
  });
25
- exports.Info = Info;
26
- Info.displayName = 'Info';
27
- //# sourceMappingURL=Info.js.map
25
+ exports.Alert = Alert;
26
+ Alert.displayName = 'Alert';
27
+ //# sourceMappingURL=Alert.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/Alert/Alert.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,uEAAiE;AAEjE,0CAAmC;AACnC,uDAAuD;AAEvD,MAAM,aAAa,GAAG,IAAA,8BAAG,EAAC,4CAA4C,EAAE;IACvE,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,KAAK,EAAE,sBAAsB;YAC7B,OAAO,EAAE,kBAAkB;YAC3B,OAAO,EAAE,kBAAkB;YAC3B,QAAQ,EAAE,wBAAwB;SAClC;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,OAAO;KAChB;CACD,CAAC,CAAA;AAMF,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAyB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1G,OAAO,CACN,6BACC,SAAS,EAAE,IAAA,UAAE,EAAC,aAAa,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,KAChD,KAAK,IAER,QAAQ,CACJ,CACN,CAAA;AACF,CAAC,CAAC,CAAA;AAIO,sBAAK;AAFd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA"}
@@ -0,0 +1 @@
1
+ export { Alert } from './Alert';
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Alert = void 0;
4
+ var Alert_1 = require("./Alert");
5
+ Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return Alert_1.Alert; } });
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Alert/index.ts"],"names":[],"mappings":";;;AAAA,iCAA+B;AAAtB,8FAAA,KAAK,OAAA"}
@@ -10,7 +10,7 @@ const InputLabel = React.forwardRef(({ className, children, ...props }) => {
10
10
  exports.InputLabel = InputLabel;
11
11
  InputLabel.displayName = 'InputLabel';
12
12
  const InputField = React.forwardRef(({ className, type, ...props }, ref) => {
13
- return (React.createElement("input", { type: type, className: (0, utils_1.cn)('border-input file:border-0 bg-transparent font-normal file:bg-transparent disabled:opacity-50 border rounded-1 focus-visible:ring-1 focus-visible:ring-ring w-full h-[44px] file:font-medium file:text-sm placeholder:text-muted-foreground leading-[1.17] transition-colors focus-visible:outline-none disabled:cursor-not-allowed', className), ref: ref, ...props }));
13
+ return (React.createElement("input", { type: type, className: (0, utils_1.cn)('border-input file:border-0 bg-transparent font-normal file:bg-transparent disabled:opacity-50 border rounded-sm focus-visible:ring-1 focus-visible:ring-ring w-full h-[44px] file:font-medium file:text-sm placeholder:text-muted-foreground leading-[1.17] transition-colors focus-visible:outline-none disabled:cursor-not-allowed', className), ref: ref, ...props }));
14
14
  });
15
15
  exports.InputField = InputField;
16
16
  InputField.displayName = 'InputField';
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,0CAAmC;AAEnC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrC,OAAO,CACN,+BACC,SAAS,EAAE,IAAA,UAAE,EAAC,0GAA0G,EAAE,SAAS,CAAC,KAChI,KAAK,IAER,QAAQ,CACF,CACR,CAAA;AACF,CAAC,CACD,CAAA;AAoBoB,gCAAU;AAlB/B,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAgE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzI,OAAO,CACN,+BACC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,UAAE,EACZ,qUAAqU,EACrU,SAAS,CACT,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACR,CACF,CAAA;AACF,CAAC,CAAC,CAAA;AAIO,gCAAU;AAFnB,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA"}
1
+ {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,0CAAmC;AAEnC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrC,OAAO,CACN,+BACC,SAAS,EAAE,IAAA,UAAE,EAAC,0GAA0G,EAAE,SAAS,CAAC,KAChI,KAAK,IAER,QAAQ,CACF,CACR,CAAA;AACF,CAAC,CACD,CAAA;AAoBoB,gCAAU;AAlB/B,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAgE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzI,OAAO,CACN,+BACC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,UAAE,EACZ,sUAAsU,EACtU,SAAS,CACT,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACR,CACF,CAAA;AACF,CAAC,CAAC,CAAA;AAIO,gCAAU;AAFnB,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA"}
@@ -0,0 +1,5 @@
1
+ import * as React from 'react';
2
+ import * as LabelPrimitive from '@radix-ui/react-label';
3
+ import { type VariantProps } from 'class-variance-authority';
4
+ declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/dist/types").ClassProp) => string> & React.RefAttributes<HTMLLabelElement>>;
5
+ export { Label };
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Label = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const React = (0, tslib_1.__importStar)(require("react"));
6
+ const LabelPrimitive = (0, tslib_1.__importStar)(require("@radix-ui/react-label"));
7
+ const class_variance_authority_1 = require("class-variance-authority");
8
+ const utils_1 = require("../@/lib/utils");
9
+ const labelVariants = (0, class_variance_authority_1.cva)('peer-disabled:opacity-70 font-medium text-[12px] leading-[1.33] peer-disabled:cursor-not-allowed');
10
+ const Label = React.forwardRef(({ className, ...props }, ref) => (React.createElement(LabelPrimitive.Root, { ref: ref, className: (0, utils_1.cn)(labelVariants(), className), ...props })));
11
+ exports.Label = Label;
12
+ Label.displayName = LabelPrimitive.Root.displayName;
13
+ //# sourceMappingURL=Label.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Label.js","sourceRoot":"","sources":["../../src/Label/Label.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,mFAAuD;AACvD,uEAAiE;AACjE,0CAAmC;AAEnC,MAAM,aAAa,GAAG,IAAA,8BAAG,EAAC,kGAAkG,CAAC,CAAA;AAE7H,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAG5B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,oBAAC,cAAc,CAAC,IAAI,IACnB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,aAAa,EAAE,EAAE,SAAS,CAAC,KACrC,KAAK,GACR,CACF,CAAC,CAAA;AAGO,sBAAK;AAFd,KAAK,CAAC,WAAW,GAAG,cAAc,CAAC,IAAI,CAAC,WAAW,CAAA"}
@@ -0,0 +1 @@
1
+ export { Label } from './Label';
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Label = void 0;
4
+ var Label_1 = require("./Label");
5
+ Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return Label_1.Label; } });
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Label/index.ts"],"names":[],"mappings":";;;AAAA,iCAA+B;AAAtB,8FAAA,KAAK,OAAA"}
package/dist/Page/Page.js CHANGED
@@ -8,7 +8,7 @@ const Navbar = ({ children, className }) => {
8
8
  return react_1.default.createElement("div", { className: (0, utils_1.cn)('flex items-center h-[44px] px-[20px]', className) }, children);
9
9
  };
10
10
  const Content = ({ children, className }) => {
11
- return react_1.default.createElement("div", { className: (0, utils_1.cn)('px-[20px] py-[16px]', className) }, children);
11
+ return react_1.default.createElement("div", { className: (0, utils_1.cn)('px-[20px] py-[16px] overflow-y-auto', className) }, children);
12
12
  };
13
13
  const Page = ({ children, className }) => {
14
14
  return (react_1.default.createElement("div", { className: (0, utils_1.cn)('sm:container grid grid-cols-[minmax(0,_1fr)] grid-rows-[min-content_1fr_min-content] bg-page h-screen', className) }, children));
@@ -1 +1 @@
1
- {"version":3,"file":"Page.js","sourceRoot":"","sources":["../../src/Page/Page.tsx"],"names":[],"mappings":";;;;AAAA,+DAAiC;AACjC,0CAAmC;AAWnC,MAAM,MAAM,GAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACtD,OAAO,uCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,sCAAsC,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAAA;AAC/F,CAAC,CAAA;AAED,MAAM,OAAO,GAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACvD,OAAO,uCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,qBAAqB,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAAA;AAC9E,CAAC,CAAA;AAED,MAAM,IAAI,GAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAU,EAAE,EAAE;IACvD,OAAO,CACN,uCACC,SAAS,EAAE,IAAA,UAAE,EACZ,uGAAuG,EACvG,SAAS,CACT,IAEA,QAAQ,CACJ,CACN,CAAA;AACF,CAAC,CAAA;AAUQ,oBAAI;AARb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;AACpB,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;AACtB,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,cAAc,CAAA"}
1
+ {"version":3,"file":"Page.js","sourceRoot":"","sources":["../../src/Page/Page.tsx"],"names":[],"mappings":";;;;AAAA,+DAAiC;AACjC,0CAAmC;AAWnC,MAAM,MAAM,GAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACtD,OAAO,uCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,sCAAsC,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAAA;AAC/F,CAAC,CAAA;AAED,MAAM,OAAO,GAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACvD,OAAO,uCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,qCAAqC,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAAA;AAC9F,CAAC,CAAA;AAED,MAAM,IAAI,GAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAU,EAAE,EAAE;IACvD,OAAO,CACN,uCACC,SAAS,EAAE,IAAA,UAAE,EACZ,uGAAuG,EACvG,SAAS,CACT,IAEA,QAAQ,CACJ,CACN,CAAA;AACF,CAAC,CAAA;AAUQ,oBAAI;AARb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;AACpB,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;AACtB,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,cAAc,CAAA"}
@@ -0,0 +1,6 @@
1
+ import * as React from 'react';
2
+ import Select from 'react-select';
3
+ declare const SelectAccountCard: React.ForwardRefExoticComponent<{
4
+ className: string | undefined;
5
+ } & React.RefAttributes<Select>>;
6
+ export { SelectAccountCard };
@@ -0,0 +1,76 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.SelectAccountCard = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const React = (0, tslib_1.__importStar)(require("react"));
6
+ const Icon_1 = require("../Icon");
7
+ const react_select_1 = (0, tslib_1.__importStar)(require("react-select"));
8
+ const utils_1 = require("../@/lib/utils");
9
+ const selectTriggerClasses = 'flex items-center bg-gradient-to-r from-[--cl-blue-3] to-primary shadow-[0px_8px_18px_0px_rgba(73,113,208,0.38)] px-[16px] py-[8px] border-none rounded-md min-h-[80px] text-left text-white';
10
+ const colourStyles = {
11
+ control: () => ({}),
12
+ option: () => ({}),
13
+ input: () => ({}),
14
+ dropdownIndicator: () => ({}),
15
+ indicatorsContainer: () => ({}),
16
+ menu: () => ({}),
17
+ menuList: () => ({}),
18
+ singleValue: () => ({}),
19
+ valueContainer: () => ({}),
20
+ };
21
+ const Control = ({ children, ...props }) => {
22
+ const style = { cursor: 'pointer' };
23
+ return (React.createElement(react_select_1.components.Control, { className: selectTriggerClasses, ...props }, children));
24
+ };
25
+ const optionClasses = 'flex items-center first:rounded-t-md last:rounded-b-md px-[12px] py-[16px] w-full cursor-default select-none outline-none';
26
+ const Option = ({ children, ...props }) => {
27
+ const { isSelected, isFocused, isDisabled,
28
+ // @ts-ignore
29
+ data: { label, account, balance, cur }, } = props;
30
+ const style = { cursor: 'pointer' };
31
+ return (React.createElement(react_select_1.components.Option, { className: (0, utils_1.cn)(optionClasses, { 'bg-light': isFocused }, { 'opacity-50 pointer-events-none': isDisabled }), ...props },
32
+ React.createElement("span", { className: "flex basis-0 grow" },
33
+ React.createElement("span", null,
34
+ React.createElement("span", null, label),
35
+ React.createElement("br", null),
36
+ React.createElement("span", { className: 'text-[14px] text-light' }, account)),
37
+ React.createElement("span", { className: 'ml-auto shrink-0' },
38
+ balance,
39
+ "\u00A0",
40
+ cur)),
41
+ React.createElement("span", { className: 'ml-[16px] w-[24px] h-[24px] shrink-0' }, isSelected && (React.createElement(Icon_1.CheckSmall, { width: "24", height: "24", className: "text-primary" })))));
42
+ };
43
+ const DropdownIndicator = ({ children, ...props }) => {
44
+ return (React.createElement(react_select_1.components.DropdownIndicator, { className: "shrink-0", ...props },
45
+ React.createElement(Icon_1.DropdownSmallOld, { className: "text-white", width: "16", height: "16" })));
46
+ };
47
+ const ValueContainer = ({ children, ...props }) => {
48
+ return (React.createElement(react_select_1.components.ValueContainer, { className: "flex-1 grid", ...props }, children));
49
+ };
50
+ const SingleValue = ({ children, ...props }) => {
51
+ // @ts-ignore
52
+ const { label, account, balance, cur } = props.data;
53
+ return (React.createElement(react_select_1.components.SingleValue, { className: 'col-start-1 col-end-3 row-start-1 row-end-2', ...props },
54
+ React.createElement("span", { className: "block max-w-full text-[16px] truncate leading-[1.5]" },
55
+ label,
56
+ " ",
57
+ React.createElement("span", { className: "opacity-75 text-[14px] leading-[1.42]" }, account)),
58
+ React.createElement("span", { className: "block mt-[8px] font-medium text-[24px] leading-[1.333]" },
59
+ balance,
60
+ " ",
61
+ cur)));
62
+ };
63
+ const Menu = ({ children, ...props }) => {
64
+ return (React.createElement(react_select_1.components.Menu, { className: "bg-page drop-shadow-1 mt-[8px] rounded-md", ...props }, children));
65
+ };
66
+ const SelectAccountCard = React.forwardRef(({ className, ...props }, ref) => (React.createElement(react_select_1.default, { className: (0, utils_1.cn)(className), classNamePrefix: "super", isDisabled: false, isSearchable: false, components: {
67
+ Control,
68
+ Option,
69
+ SingleValue,
70
+ DropdownIndicator,
71
+ IndicatorSeparator: () => null,
72
+ Menu,
73
+ ValueContainer,
74
+ }, styles: colourStyles, unstyled: true, ...props })));
75
+ exports.SelectAccountCard = SelectAccountCard;
76
+ //# sourceMappingURL=SelectAccountCard.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SelectAccountCard.js","sourceRoot":"","sources":["../../src/Select/SelectAccountCard.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1 @@
1
+ export { SelectAccountCard } from './SelectAccountCard';
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.SelectAccountCard = void 0;
4
+ var SelectAccountCard_1 = require("./SelectAccountCard");
5
+ Object.defineProperty(exports, "SelectAccountCard", { enumerable: true, get: function () { return SelectAccountCard_1.SelectAccountCard; } });
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Select/index.ts"],"names":[],"mappings":";;;AAAA,yDAAuD;AAA9C,sHAAA,iBAAiB,OAAA"}
@@ -0,0 +1,4 @@
1
+ import * as React from "react";
2
+ import * as SwitchPrimitives from "@radix-ui/react-switch";
3
+ declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
4
+ export { Switch };
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Switch = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const React = (0, tslib_1.__importStar)(require("react"));
6
+ const SwitchPrimitives = (0, tslib_1.__importStar)(require("@radix-ui/react-switch"));
7
+ const utils_1 = require("../@/lib/utils");
8
+ const Switch = React.forwardRef(({ className, ...props }, ref) => (React.createElement(SwitchPrimitives.Root, { className: (0, utils_1.cn)("peer inline-flex h-5 w-9 shrink-0 cursor-pointer border-light items-center rounded-full border-2 shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className), ...props, ref: ref },
9
+ React.createElement(SwitchPrimitives.Thumb, { className: (0, utils_1.cn)("pointer-events-none block h-4 w-4 rounded-full bg-light shadow-md ring-0 transition-transform data-[state=checked]:bg-page data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0") }))));
10
+ exports.Switch = Switch;
11
+ Switch.displayName = SwitchPrimitives.Root.displayName;
12
+ //# sourceMappingURL=Switch.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/Switch/Switch.tsx"],"names":[],"mappings":";;;;AACA,0DAA8B;AAC9B,sFAA0D;AAE1D,0CAAmC;AAEnC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,oBAAC,gBAAgB,CAAC,IAAI,IACpB,SAAS,EAAE,IAAA,UAAE,EACX,uXAAuX,EACvX,SAAS,CACV,KACG,KAAK,EACT,GAAG,EAAE,GAAG;IAER,oBAAC,gBAAgB,CAAC,KAAK,IACrB,SAAS,EAAE,IAAA,UAAE,EACX,qMAAqM,CACtM,GACD,CACoB,CACzB,CAAC,CAAA;AAGO,wBAAM;AAFf,MAAM,CAAC,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAA"}
@@ -0,0 +1 @@
1
+ export { Switch } from './Switch';
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Switch = void 0;
4
+ var Switch_1 = require("./Switch");
5
+ Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return Switch_1.Switch; } });
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Switch/index.ts"],"names":[],"mappings":";;;AAAA,mCAAiC;AAAxB,gGAAA,MAAM,OAAA"}
@@ -0,0 +1,5 @@
1
+ import * as React from "react";
2
+ export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
3
+ }
4
+ declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
5
+ export { Textarea };
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Textarea = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const React = (0, tslib_1.__importStar)(require("react"));
6
+ const utils_1 = require("../@/lib/utils");
7
+ const Textarea = React.forwardRef(({ className, ...props }, ref) => {
8
+ return (React.createElement("textarea", { className: (0, utils_1.cn)("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 placeholder:text-light focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50", className), ref: ref, ...props }));
9
+ });
10
+ exports.Textarea = Textarea;
11
+ Textarea.displayName = "Textarea";
12
+ //# sourceMappingURL=Textarea.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/Textarea/Textarea.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAE9B,0CAAmC;AAKnC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/B,OAAO,CACL,kCACE,SAAS,EAAE,IAAA,UAAE,EACX,iOAAiO,EACjO,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAGQ,4BAAQ;AAFjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}
@@ -0,0 +1 @@
1
+ export { Textarea } from './Textarea';
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Textarea = void 0;
4
+ var Textarea_1 = require("./Textarea");
5
+ Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return Textarea_1.Textarea; } });
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Textarea/index.ts"],"names":[],"mappings":";;;AAAA,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA"}
package/dist/index.d.ts CHANGED
@@ -1,20 +1,23 @@
1
- import { Tooltip } from "./Tooltip";
2
- import { Tabs } from "./Tabs";
3
- import { Slider } from "./Slider";
4
- import { Popover } from "./Popover";
5
- import Logo from "./Logo";
6
- import { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from "./Input-OTP";
7
- import { BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink } from "./BottomNavigation";
8
- import * as Icon from "./Icon";
9
- import { Collapsible, CollapsibleTrigger, CollapsibleContent } from "./Collapsible";
10
- import { AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem } from "./Collapsible";
11
- import { Button } from "./Button";
12
- import { Input } from "./Base/Input";
13
- import { Audio } from "./Audio";
14
- import { cn } from "./@/lib/utils";
1
+ import { Tooltip } from './Tooltip';
2
+ import { Tabs } from './Tabs';
3
+ import { Slider } from './Slider';
4
+ import { Popover } from './Popover';
5
+ import Logo from './Logo';
6
+ import { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from './Input-OTP';
7
+ import { BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink } from './BottomNavigation';
8
+ import * as Icon from './Icon';
9
+ import { Collapsible, CollapsibleTrigger, CollapsibleContent } from './Collapsible';
10
+ import { AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem } from './Collapsible';
11
+ import { Button } from './Button';
12
+ import { Audio } from './Audio';
13
+ import { cn } from './@/lib/utils';
15
14
  import { Drawer, DrawerTrigger, DrawerTitle, DrawerClose, DrawerContent } from './Drawer';
16
- import { Page } from "./Page";
17
- import { Chip } from "./Chip";
18
- import { InputField, InputLabel } from "./Input";
19
- import { Info } from "./Info";
20
- export { Tooltip, Tabs, Slider, Popover, Logo, InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, Collapsible, CollapsibleTrigger, CollapsibleContent, AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem, Button, Input, InputField, InputLabel, Audio, cn, Icon, Drawer, DrawerTrigger, DrawerTitle, DrawerClose, DrawerContent, BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink, Page, Chip, Info, };
15
+ import { Page } from './Page';
16
+ import { Chip } from './Chip';
17
+ import { InputField, InputLabel } from './Input';
18
+ import { Alert } from './Alert';
19
+ import { Switch } from './Switch';
20
+ import { Label } from './Label';
21
+ import { Textarea } from './Textarea';
22
+ import { SelectAccountCard } from './Select';
23
+ export { Tooltip, Tabs, Slider, Popover, Logo, InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, Collapsible, CollapsibleTrigger, CollapsibleContent, AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem, Button, InputField, InputLabel, Audio, cn, Icon, Drawer, DrawerTrigger, DrawerTitle, DrawerClose, DrawerContent, BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink, Page, Chip, Alert, Switch, Label, Textarea, SelectAccountCard, };
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Info = exports.Chip = exports.Page = exports.BottomNavigationLink = exports.BottomNavigationListItem = exports.BottomNavigationList = exports.BottomNavigation = exports.DrawerContent = exports.DrawerClose = exports.DrawerTitle = exports.DrawerTrigger = exports.Drawer = exports.Icon = exports.cn = exports.Audio = exports.InputLabel = exports.InputField = exports.Input = exports.Button = exports.AccountCollapsibleContentItem = exports.AccountCollapsibleContent = exports.AccountCollapsibleTrigger = exports.AccountCollapsibleHeader = exports.AccountCollapsible = exports.CollapsibleContent = exports.CollapsibleTrigger = exports.Collapsible = exports.InputOTPSeparator = exports.InputOTPSlot = exports.InputOTPGroup = exports.InputOTP = exports.Logo = exports.Popover = exports.Slider = exports.Tabs = exports.Tooltip = void 0;
3
+ exports.SelectAccountCard = exports.Textarea = exports.Label = exports.Switch = exports.Alert = exports.Chip = exports.Page = exports.BottomNavigationLink = exports.BottomNavigationListItem = exports.BottomNavigationList = exports.BottomNavigation = exports.DrawerContent = exports.DrawerClose = exports.DrawerTitle = exports.DrawerTrigger = exports.Drawer = exports.Icon = exports.cn = exports.Audio = exports.InputLabel = exports.InputField = exports.Button = exports.AccountCollapsibleContentItem = exports.AccountCollapsibleContent = exports.AccountCollapsibleTrigger = exports.AccountCollapsibleHeader = exports.AccountCollapsible = exports.CollapsibleContent = exports.CollapsibleTrigger = exports.Collapsible = exports.InputOTPSeparator = exports.InputOTPSlot = exports.InputOTPGroup = exports.InputOTP = exports.Logo = exports.Popover = exports.Slider = exports.Tabs = exports.Tooltip = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const Tooltip_1 = require("./Tooltip");
6
6
  Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
@@ -36,8 +36,6 @@ Object.defineProperty(exports, "AccountCollapsibleContent", { enumerable: true,
36
36
  Object.defineProperty(exports, "AccountCollapsibleContentItem", { enumerable: true, get: function () { return Collapsible_2.AccountCollapsibleContentItem; } });
37
37
  const Button_1 = require("./Button");
38
38
  Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
39
- const Input_1 = require("./Base/Input");
40
- Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.Input; } });
41
39
  const Audio_1 = require("./Audio");
42
40
  Object.defineProperty(exports, "Audio", { enumerable: true, get: function () { return Audio_1.Audio; } });
43
41
  const utils_1 = require("./@/lib/utils");
@@ -52,9 +50,17 @@ const Page_1 = require("./Page");
52
50
  Object.defineProperty(exports, "Page", { enumerable: true, get: function () { return Page_1.Page; } });
53
51
  const Chip_1 = require("./Chip");
54
52
  Object.defineProperty(exports, "Chip", { enumerable: true, get: function () { return Chip_1.Chip; } });
55
- const Input_2 = require("./Input");
56
- Object.defineProperty(exports, "InputField", { enumerable: true, get: function () { return Input_2.InputField; } });
57
- Object.defineProperty(exports, "InputLabel", { enumerable: true, get: function () { return Input_2.InputLabel; } });
58
- const Info_1 = require("./Info");
59
- Object.defineProperty(exports, "Info", { enumerable: true, get: function () { return Info_1.Info; } });
53
+ const Input_1 = require("./Input");
54
+ Object.defineProperty(exports, "InputField", { enumerable: true, get: function () { return Input_1.InputField; } });
55
+ Object.defineProperty(exports, "InputLabel", { enumerable: true, get: function () { return Input_1.InputLabel; } });
56
+ const Alert_1 = require("./Alert");
57
+ Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return Alert_1.Alert; } });
58
+ const Switch_1 = require("./Switch");
59
+ Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return Switch_1.Switch; } });
60
+ const Label_1 = require("./Label");
61
+ Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return Label_1.Label; } });
62
+ const Textarea_1 = require("./Textarea");
63
+ Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return Textarea_1.Textarea; } });
64
+ const Select_1 = require("./Select");
65
+ Object.defineProperty(exports, "SelectAccountCard", { enumerable: true, get: function () { return Select_1.SelectAccountCard; } });
60
66
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,uCAAoC;AA8CnC,wFA9CQ,iBAAO,OA8CR;AA7CR,iCAA8B;AA8C7B,qFA9CQ,WAAI,OA8CR;AA7CL,qCAAkC;AA8CjC,uFA9CQ,eAAM,OA8CR;AA7CP,uCAAoC;AA8CnC,wFA9CQ,iBAAO,OA8CR;AA7CR,+DAA0B;AA8CzB,eA9CM,cAAI,CA8CN;AA7CL,2CAIqB;AA0CpB,yFA9CQ,oBAAQ,OA8CR;AACR,8FA9CA,yBAAa,OA8CA;AACb,6FA9CA,wBAAY,OA8CA;AACZ,kGA9CA,6BAAiB,OA8CA;AA5ClB,yDAK4B;AA4D3B,iGAhEA,mCAAgB,OAgEA;AAChB,qGAhEA,uCAAoB,OAgEA;AACpB,yGAhEA,2CAAwB,OAgEA;AACxB,qGAhEA,uCAAoB,OAgEA;AA9DrB,0DAA+B;AAqD9B,oBAAI;AApDL,+CAIuB;AAkCtB,4FArCA,yBAAW,OAqCA;AACX,mGArCA,gCAAkB,OAqCA;AAClB,mGArCA,gCAAkB,OAqCA;AAnCnB,+CAMuB;AA8BtB,mGAnCA,gCAAkB,OAmCA;AAClB,yGAnCA,sCAAwB,OAmCA;AACxB,0GAnCA,uCAAyB,OAmCA;AACzB,0GAnCA,uCAAyB,OAmCA;AACzB,8GAnCA,2CAA6B,OAmCA;AAjC9B,qCAAkC;AAkCjC,uFAlCQ,eAAM,OAkCR;AAjCP,wCAAqC;AAkCpC,sFAlCQ,aAAK,OAkCR;AAjCN,mCAAgC;AAoC/B,sFApCQ,aAAK,OAoCR;AAnCN,yCAAmC;AAoClC,mFApCQ,UAAE,OAoCR;AAnCH,qCAMiB;AA+BhB,uFApCA,eAAM,OAoCA;AACN,8FApCA,sBAAa,OAoCA;AACb,4FApCA,oBAAW,OAoCA;AACX,4FApCA,oBAAW,OAoCA;AACX,8FApCA,sBAAa,OAoCA;AAlCd,iCAA8B;AAuC7B,qFAvCQ,WAAI,OAuCR;AAtCL,iCAA8B;AAuC7B,qFAvCQ,WAAI,OAuCR;AAtCL,mCAAiD;AAuBhD,2FAvBQ,kBAAU,OAuBR;AACV,2FAxBoB,kBAAU,OAwBpB;AAvBX,iCAA8B;AAsC7B,qFAtCQ,WAAI,OAsCR"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,uCAAmC;AAmClC,wFAnCQ,iBAAO,OAmCR;AAlCR,iCAA6B;AAmC5B,qFAnCQ,WAAI,OAmCR;AAlCL,qCAAiC;AAmChC,uFAnCQ,eAAM,OAmCR;AAlCP,uCAAmC;AAmClC,wFAnCQ,iBAAO,OAmCR;AAlCR,+DAAyB;AAmCxB,eAnCM,cAAI,CAmCN;AAlCL,2CAAsF;AAmCrF,yFAnCQ,oBAAQ,OAmCR;AACR,8FApCkB,yBAAa,OAoClB;AACb,6FArCiC,wBAAY,OAqCjC;AACZ,kGAtC+C,6BAAiB,OAsC/C;AArClB,yDAK2B;AAoD1B,iGAxDA,mCAAgB,OAwDA;AAChB,qGAxDA,uCAAoB,OAwDA;AACpB,yGAxDA,2CAAwB,OAwDA;AACxB,qGAxDA,uCAAoB,OAwDA;AAtDrB,0DAA8B;AA6C7B,oBAAI;AA5CL,+CAAmF;AA+BlF,4FA/BQ,yBAAW,OA+BR;AACX,mGAhCqB,gCAAkB,OAgCrB;AAClB,mGAjCyC,gCAAkB,OAiCzC;AAhCnB,+CAMsB;AA2BrB,mGAhCA,gCAAkB,OAgCA;AAClB,yGAhCA,sCAAwB,OAgCA;AACxB,0GAhCA,uCAAyB,OAgCA;AACzB,0GAhCA,uCAAyB,OAgCA;AACzB,8GAhCA,2CAA6B,OAgCA;AA9B9B,qCAAiC;AA+BhC,uFA/BQ,eAAM,OA+BR;AA9BP,mCAA+B;AAiC9B,sFAjCQ,aAAK,OAiCR;AAhCN,yCAAkC;AAiCjC,mFAjCQ,UAAE,OAiCR;AAhCH,qCAAyF;AAkCxF,uFAlCQ,eAAM,OAkCR;AACN,8FAnCgB,sBAAa,OAmChB;AACb,4FApC+B,oBAAW,OAoC/B;AACX,4FArC4C,oBAAW,OAqC5C;AACX,8FAtCyD,sBAAa,OAsCzD;AArCd,iCAA6B;AA0C5B,qFA1CQ,WAAI,OA0CR;AAzCL,iCAA6B;AA0C5B,qFA1CQ,WAAI,OA0CR;AAzCL,mCAAgD;AA0B/C,2FA1BQ,kBAAU,OA0BR;AACV,2FA3BoB,kBAAU,OA2BpB;AA1BX,mCAA+B;AAyC9B,sFAzCQ,aAAK,OAyCR;AAxCN,qCAAiC;AAyChC,uFAzCQ,eAAM,OAyCR;AAxCP,mCAA+B;AAyC9B,sFAzCQ,aAAK,OAyCR;AAxCN,yCAAqC;AAyCpC,yFAzCQ,mBAAQ,OAyCR;AAxCT,qCAA4C;AAyC3C,kGAzCQ,0BAAiB,OAyCR"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@modul/mbui",
3
- "version": "0.0.12",
3
+ "version": "0.0.13-beta-pv-53036-bbe30888",
4
4
  "packageManager": "yarn@3.5.1",
5
5
  "main": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",
@@ -21,6 +21,7 @@
21
21
  "dist"
22
22
  ],
23
23
  "dependencies": {
24
+ "@hookform/resolvers": "3.9.0",
24
25
  "@radix-ui/react-accordion": "^1.2.0",
25
26
  "@radix-ui/react-collapsible": "1.1.0",
26
27
  "@radix-ui/react-dropdown-menu": "2.1.1",
@@ -29,6 +30,7 @@
29
30
  "@radix-ui/react-select": "2.1.1",
30
31
  "@radix-ui/react-slider": "^1.2.0",
31
32
  "@radix-ui/react-slot": "1.1.0",
33
+ "@radix-ui/react-switch": "1.1.0",
32
34
  "@radix-ui/react-tabs": "^1.1.0",
33
35
  "@radix-ui/react-tooltip": "^1.1.2",
34
36
  "@storybook/addon-storyshots": "latest",
@@ -38,11 +40,14 @@
38
40
  "input-otp": "1.2.4",
39
41
  "lodash": "4.17.5",
40
42
  "react-datepicker": "4.16.0",
43
+ "react-hook-form": "7.53.0",
41
44
  "react-imask": "7.1.3",
45
+ "react-select": "5.8.0",
42
46
  "tailwind-merge": "^2.3.0",
43
47
  "tailwindcss": "^3.4.4",
44
48
  "tailwindcss-animate": "^1.0.7",
45
- "vaul": "0.9.1"
49
+ "vaul": "0.9.1",
50
+ "zod": "3.23.8"
46
51
  },
47
52
  "devDependencies": {
48
53
  "@babel/core": "^7.9.0",
@@ -43,6 +43,7 @@ export default {
43
43
  },
44
44
  backgroundColor: {
45
45
  page: 'var(--page-bg)',
46
+ light: 'var(--bg-light)',
46
47
  ...button.backgroundColor,
47
48
  ...label.backgroundColor
48
49
  },
@@ -57,7 +58,8 @@ export default {
57
58
  ...button.borderColor
58
59
  },
59
60
  borderRadius: {
60
- '1': 'var(--border-radius-1)',
61
+ 'sm': 'var(--border-radius-sm)',
62
+ 'md': 'var(--border-radius-md)',
61
63
  },
62
64
  keyframes: {
63
65
  'accordion-down': {
@@ -4,7 +4,7 @@ import { cva, type VariantProps } from 'class-variance-authority'
4
4
  import { cn } from '../@/lib/utils'
5
5
  // import { cn } from "@/lib/utils" порешать с алиасами
6
6
 
7
- const infoVariants = cva('px-[16px] py-[12px] rounded-1 text-[14px]', {
7
+ const alertVariants = cva('px-[16px] py-[12px] rounded-sm text-[14px]', {
8
8
  variants: {
9
9
  variant: {
10
10
  light: 'bg-[--cl-graphite-7]',
@@ -19,13 +19,13 @@ const infoVariants = cva('px-[16px] py-[12px] rounded-1 text-[14px]', {
19
19
  })
20
20
 
21
21
 
22
- export interface IProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof infoVariants> {
22
+ export interface IProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
23
23
  }
24
24
 
25
- const Info = React.forwardRef<HTMLDivElement, IProps>(({ className, variant, children, ...props }, ref) => {
25
+ const Alert = React.forwardRef<HTMLDivElement, IProps>(({ className, variant, children, ...props }, ref) => {
26
26
  return (
27
27
  <div
28
- className={cn(infoVariants({ variant, className }))}
28
+ className={cn(alertVariants({ variant, className }))}
29
29
  {...props}
30
30
  >
31
31
  {children}
@@ -33,6 +33,6 @@ const Info = React.forwardRef<HTMLDivElement, IProps>(({ className, variant, chi
33
33
  )
34
34
  })
35
35
 
36
- Info.displayName = 'Info'
36
+ Alert.displayName = 'Alert'
37
37
 
38
- export { Info }
38
+ export { Alert }
@@ -0,0 +1 @@
1
+ export { Alert } from './Alert'