@modul/mbui 0.0.13-beta-pv-53036-07674e76 → 0.0.13
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.
- package/dist/Base/Input/Base.d.ts +4 -0
- package/dist/Base/Input/Base.js +20 -0
- package/dist/Base/Input/Base.js.map +1 -0
- package/dist/Base/Input/Input.d.ts +4 -0
- package/dist/Base/Input/Input.js +18 -0
- package/dist/Base/Input/Input.js.map +1 -0
- package/dist/Base/Input/index.d.ts +2 -0
- package/dist/Base/Input/index.js +7 -0
- package/dist/Base/Input/index.js.map +1 -0
- package/dist/Base/Input/types.d.ts +9 -0
- package/dist/Base/Input/types.js +3 -0
- package/dist/Base/Input/types.js.map +1 -0
- package/dist/Button/Button.d.ts +1 -1
- package/dist/Chip/Chip.d.ts +1 -1
- package/dist/Drawer/Drawer.js +1 -1
- package/dist/Drawer/Drawer.js.map +1 -1
- package/dist/{Alert/Alert.d.ts → Info/Info.d.ts} +4 -4
- package/dist/{Alert/Alert.js → Info/Info.js} +7 -7
- package/dist/Info/Info.js.map +1 -0
- package/dist/Info/index.d.ts +1 -0
- package/dist/Info/index.js +6 -0
- package/dist/Info/index.js.map +1 -0
- package/dist/Input/Input.js +1 -1
- package/dist/Input/Input.js.map +1 -1
- package/dist/Input/index.d.ts +0 -1
- package/dist/Input/index.js +1 -3
- package/dist/Input/index.js.map +1 -1
- package/dist/Input-OTP/Input.d.ts +4 -4
- package/dist/Page/Page.js +1 -1
- package/dist/Page/Page.js.map +1 -1
- package/dist/Progress/Progress.d.ts +4 -0
- package/dist/Progress/Progress.js +12 -0
- package/dist/Progress/Progress.js.map +1 -0
- package/dist/Progress/index.d.ts +1 -0
- package/dist/Progress/index.js +6 -0
- package/dist/Progress/index.js.map +1 -0
- package/dist/index.d.ts +20 -27
- package/dist/index.js +10 -41
- package/dist/index.js.map +1 -1
- package/package.json +4 -12
- package/src/Drawer/Drawer.tsx +2 -2
- package/src/DrawerCompanyList/CompanyList.tsx +63 -0
- package/src/DrawerCompanyList/index.ts +1 -0
- package/src/{Alert/Alert.tsx → Info/Info.tsx} +6 -6
- package/src/Info/index.ts +1 -0
- package/src/Input/Input.tsx +1 -1
- package/src/Input/index.ts +1 -2
- package/src/Label/Label.tsx +1 -1
- package/src/Page/Page.tsx +1 -1
- package/src/Progress/Progress.tsx +23 -0
- package/src/Progress/index.ts +1 -0
- package/src/assets/css/global.css +9 -22
- package/src/index.ts +41 -67
- package/dist/Alert/Alert.js.map +0 -1
- package/dist/Alert/index.d.ts +0 -1
- package/dist/Alert/index.js +0 -6
- package/dist/Alert/index.js.map +0 -1
- package/dist/AlertDialog/AlertDialog.d.ts +0 -20
- package/dist/AlertDialog/AlertDialog.js +0 -42
- package/dist/AlertDialog/AlertDialog.js.map +0 -1
- package/dist/AlertDialog/index.d.ts +0 -1
- package/dist/AlertDialog/index.js +0 -16
- package/dist/AlertDialog/index.js.map +0 -1
- package/dist/Calendar/Calendar.d.ts +0 -8
- package/dist/Calendar/Calendar.js +0 -45
- package/dist/Calendar/Calendar.js.map +0 -1
- package/dist/Calendar/index.d.ts +0 -1
- package/dist/Calendar/index.js +0 -6
- package/dist/Calendar/index.js.map +0 -1
- package/dist/DatePicker/DatePicker.d.ts +0 -11
- package/dist/DatePicker/DatePicker.js +0 -23
- package/dist/DatePicker/DatePicker.js.map +0 -1
- package/dist/DatePicker/index.d.ts +0 -1
- package/dist/DatePicker/index.js +0 -6
- package/dist/DatePicker/index.js.map +0 -1
- package/dist/Form/Form.d.ts +0 -23
- package/dist/Form/Form.js +0 -73
- package/dist/Form/Form.js.map +0 -1
- package/dist/Form/index.d.ts +0 -1
- package/dist/Form/index.js +0 -13
- package/dist/Form/index.js.map +0 -1
- package/dist/Input/InputMask.d.ts +0 -3
- package/dist/Input/InputMask.js +0 -12
- package/dist/Input/InputMask.js.map +0 -1
- package/dist/Label/Label.d.ts +0 -5
- package/dist/Label/Label.js +0 -13
- package/dist/Label/Label.js.map +0 -1
- package/dist/Label/index.d.ts +0 -1
- package/dist/Label/index.js +0 -6
- package/dist/Label/index.js.map +0 -1
- package/dist/Select/Select.d.ts +0 -5
- package/dist/Select/Select.js +0 -11
- package/dist/Select/Select.js.map +0 -1
- package/dist/Select/SelectAccountCard.d.ts +0 -5
- package/dist/Select/SelectAccountCard.js +0 -77
- package/dist/Select/SelectAccountCard.js.map +0 -1
- package/dist/Select/SelectAsync.d.ts +0 -8
- package/dist/Select/SelectAsync.js +0 -73
- package/dist/Select/SelectAsync.js.map +0 -1
- package/dist/Select/SelectBase.d.ts +0 -8
- package/dist/Select/SelectBase.js +0 -74
- package/dist/Select/SelectBase.js.map +0 -1
- package/dist/Select/index.d.ts +0 -4
- package/dist/Select/index.js +0 -12
- package/dist/Select/index.js.map +0 -1
- package/dist/Switch/Switch.d.ts +0 -4
- package/dist/Switch/Switch.js +0 -31
- package/dist/Switch/Switch.js.map +0 -1
- package/dist/Switch/index.d.ts +0 -1
- package/dist/Switch/index.js +0 -6
- package/dist/Switch/index.js.map +0 -1
- package/dist/Textarea/Textarea.d.ts +0 -5
- package/dist/Textarea/Textarea.js +0 -12
- package/dist/Textarea/Textarea.js.map +0 -1
- package/dist/Textarea/index.d.ts +0 -1
- package/dist/Textarea/index.js +0 -6
- package/dist/Textarea/index.js.map +0 -1
- package/src/Alert/index.ts +0 -1
- package/src/AlertDialog/AlertDialog.tsx +0 -138
- package/src/AlertDialog/index.ts +0 -13
- package/src/Calendar/Calendar.tsx +0 -61
- package/src/Calendar/index.ts +0 -1
- package/src/DatePicker/DatePicker.tsx +0 -40
- package/src/DatePicker/index.ts +0 -1
- package/src/Form/Form.tsx +0 -152
- package/src/Form/index.ts +0 -1
- package/src/Input/InputMask.tsx +0 -15
- package/src/Select/Select.tsx +0 -19
- package/src/Select/SelectAccountCard.tsx +0 -175
- package/src/Select/SelectAsync.tsx +0 -183
- package/src/Select/SelectBase.tsx +0 -193
- package/src/Select/index.ts +0 -4
- package/src/Switch/Switch.tsx +0 -47
- package/src/Switch/index.ts +0 -1
- package/src/Textarea/Textarea.tsx +0 -24
- package/src/Textarea/index.ts +0 -1
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
const react_1 = (0, tslib_1.__importDefault)(require("react"));
|
|
5
|
+
const react_imask_1 = require("react-imask");
|
|
6
|
+
const Base = react_1.default.forwardRef(({ onChange, type = 'text', mask, ...props }, ref) => {
|
|
7
|
+
const handleChange = (event) => {
|
|
8
|
+
// @ts-ignore
|
|
9
|
+
const val = event.target.value;
|
|
10
|
+
onChange?.(val, event);
|
|
11
|
+
};
|
|
12
|
+
if (!mask) {
|
|
13
|
+
return (react_1.default.createElement("input", { type: type, ref: ref, onChange: handleChange, ...props }));
|
|
14
|
+
}
|
|
15
|
+
return (
|
|
16
|
+
// @ts-ignore
|
|
17
|
+
react_1.default.createElement(react_imask_1.IMaskInput, { type: type, inputRef: ref, mask: mask, onChange: handleChange, ...props }));
|
|
18
|
+
});
|
|
19
|
+
exports.default = Base;
|
|
20
|
+
//# sourceMappingURL=Base.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Base.js","sourceRoot":"","sources":["../../../src/Base/Input/Base.tsx"],"names":[],"mappings":";;;AAAA,+DAAwD;AACxD,6CAAwC;AAGxC,MAAM,IAAI,GAAG,eAAK,CAAC,UAAU,CAC5B,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,EAAe,EAAE,GAAmC,EAAE,EAAE;IACjG,MAAM,YAAY,GAAG,CAAC,KAAoC,EAAQ,EAAE;QACnE,aAAa;QACb,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA;QAC9B,QAAQ,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,IAAI,CAAC,IAAI,EAAE;QACV,OAAO,CACN,yCACC,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,YAAY,KAClB,KAAK,GACR,CACF,CAAA;KACD;IAED,OAAO;IACN,aAAa;IACb,8BAAC,wBAAU,IACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,GAAG,EACb,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,YAAY,KAClB,KAAK,GACR,CACF,CAAA;AACF,CAAC,CACD,CAAA;AAED,kBAAe,IAAI,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
const react_1 = (0, tslib_1.__importDefault)(require("react"));
|
|
5
|
+
const Base_1 = (0, tslib_1.__importDefault)(require("./Base"));
|
|
6
|
+
const Input = react_1.default.forwardRef(({ onChange, value, clearable, ...props }, ref) => {
|
|
7
|
+
const handleClearClick = () => {
|
|
8
|
+
onChange?.('');
|
|
9
|
+
};
|
|
10
|
+
if (!clearable) {
|
|
11
|
+
return (react_1.default.createElement(Base_1.default, { ref: ref, onChange: onChange, value: value, ...props }));
|
|
12
|
+
}
|
|
13
|
+
return (react_1.default.createElement("div", { className: "input_wrap_clear" },
|
|
14
|
+
react_1.default.createElement(Base_1.default, { ref: ref, onChange: onChange, value: value, ...props }),
|
|
15
|
+
value && (react_1.default.createElement("a", { className: "input_clear icon-cancel", onClick: handleClearClick, style: { visibility: 'initial' } }))));
|
|
16
|
+
});
|
|
17
|
+
exports.default = Input;
|
|
18
|
+
//# sourceMappingURL=Input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/Base/Input/Input.tsx"],"names":[],"mappings":";;;AAAA,+DAA2C;AAC3C,+DAAyB;AAGzB,MAAM,KAAK,GAAG,eAAK,CAAC,UAAU,CAC7B,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAe,EAAE,GAAmC,EAAE,EAAE;IAC9F,MAAM,gBAAgB,GAAG,GAAS,EAAE;QACnC,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAA;IACf,CAAC,CAAA;IAED,IAAI,CAAC,SAAS,EAAE;QACf,OAAO,CACN,8BAAC,cAAI,IACJ,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,KACR,KAAK,GACR,CACF,CAAA;KACD;IAED,OAAO,CACN,uCAAK,SAAS,EAAC,kBAAkB;QAChC,8BAAC,cAAI,IACJ,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,KACR,KAAK,GACR;QACD,KAAK,IAAI,CACT,qCACC,SAAS,EAAC,yBAAyB,EACnC,OAAO,EAAE,gBAAgB,EACzB,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,GAC/B,CACF,CACI,CACN,CAAA;AACF,CAAC,CACD,CAAA;AAED,kBAAe,KAAK,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Input = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const Input_1 = (0, tslib_1.__importDefault)(require("./Input"));
|
|
6
|
+
exports.Input = Input_1.default;
|
|
7
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Base/Input/index.ts"],"names":[],"mappings":";;;;AAAA,iEAA2B;AAElB,gBAFF,eAAK,CAEE"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React, { ChangeEvent, ChangeEventHandler } from 'react';
|
|
2
|
+
declare type CustomChangeEventHandler = (value: string, event?: ChangeEvent<HTMLInputElement>) => void;
|
|
3
|
+
declare type CombinedChangeEventHandler = ChangeEventHandler<HTMLInputElement> & CustomChangeEventHandler;
|
|
4
|
+
export interface IInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
5
|
+
onChange?: CombinedChangeEventHandler;
|
|
6
|
+
mask?: string | RegExp | (string | RegExp)[] | NumberConstructor;
|
|
7
|
+
clearable?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/Base/Input/types.ts"],"names":[],"mappings":""}
|
package/dist/Button/Button.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
declare const buttonVariants: (props?: {
|
|
4
|
-
variant?: "
|
|
4
|
+
variant?: "outline" | "success" | "primary" | "secondary" | "primary-outline" | "ghost";
|
|
5
5
|
size?: "lg" | "md" | "sm" | "xs" | "xxs";
|
|
6
6
|
} & import("class-variance-authority/dist/types").ClassProp) => string;
|
|
7
7
|
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
package/dist/Chip/Chip.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
declare const chipVariants: (props?: {
|
|
4
|
-
variant?: "
|
|
4
|
+
variant?: "outline" | "success" | "primary" | "secondary" | "primary-outline" | "ghost";
|
|
5
5
|
size?: "lg" | "md" | "sm" | "xs" | "xxs";
|
|
6
6
|
} & import("class-variance-authority/dist/types").ClassProp) => string;
|
|
7
7
|
export interface IChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof chipVariants> {
|
package/dist/Drawer/Drawer.js
CHANGED
|
@@ -25,7 +25,7 @@ DrawerTitle.displayName = vaul_1.Drawer.Title.displayName;
|
|
|
25
25
|
const DrawerContent = React.forwardRef(({ className, children, ...props }, ref) => {
|
|
26
26
|
const direction = (0, react_1.useContext)(DrawerContext);
|
|
27
27
|
return (React.createElement(DrawerPortal, null,
|
|
28
|
-
React.createElement(vaul_1.Drawer.Content, { ref: ref, className: (0, utils_1.cn)(`z-50 fixed inset-x-0 flex flex-col bg-page shadow-
|
|
28
|
+
React.createElement(vaul_1.Drawer.Content, { ref: ref, className: (0, utils_1.cn)(`z-50 fixed inset-x-0 flex flex-col bg-page drop-shadow-1 max-h-[94%] sm:container`, direction === 'top' ? 'top-0 rounded-b-1 ' : 'bottom-0 rounded-t-1', className), ...props },
|
|
29
29
|
direction !== 'top' && (React.createElement(DrawerClose, { className: "pt-[4px] pb-[16px]" },
|
|
30
30
|
React.createElement("span", { className: "block bg-[#cbcdd1] mx-auto rounded-full w-[36px] h-[5px]" }))),
|
|
31
31
|
children,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,+BAAgD;AAChD,0CAAmC;AACnC,iCAAkC;AAElC,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;AAEnD,MAAM,MAAM,GAAG,CAAC,EAAE,GAAG,KAAK,EAAqD,EAAE,EAAE;IAClF,OAAO,CACN,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,SAAS;QAC7C,oBAAC,aAAe,CAAC,IAAI,OAAK,KAAK,GAAI,CACX,CACzB,CAAA;AACF,CAAC,CAAA;AAyEQ,wBAAM;AAvEf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,MAAM,aAAa,GAAG,aAAe,CAAC,OAAO,CAAA;AAqE5B,sCAAa;AAnE9B,MAAM,YAAY,GAAG,aAAe,CAAC,MAAM,CAAA;AAE3C,MAAM,WAAW,GAAG,aAAe,CAAC,KAAK,CAAA;AAiEmB,kCAAW;AA/DvE,MAAM,aAAa,GAAG,aAAe,CAAC,OAAO,CAAA;AAE7C,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,oBAAC,aAAe,CAAC,KAAK,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,SAAS,CAAC,KACpB,KAAK,GACR,CACF,CAAC,CAAA;AAoD6C,kCAAW;AAlD1D,WAAW,CAAC,WAAW,GAAG,aAAe,CAAC,KAAK,CAAC,WAAW,CAAA;AAE3D,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5C,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,aAAa,CAAC,CAAA;IAE3C,OAAO,CACN,oBAAC,YAAY;QACZ,oBAAC,aAAe,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACZ
|
|
1
|
+
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,+BAAgD;AAChD,0CAAmC;AACnC,iCAAkC;AAElC,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;AAEnD,MAAM,MAAM,GAAG,CAAC,EAAE,GAAG,KAAK,EAAqD,EAAE,EAAE;IAClF,OAAO,CACN,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,SAAS;QAC7C,oBAAC,aAAe,CAAC,IAAI,OAAK,KAAK,GAAI,CACX,CACzB,CAAA;AACF,CAAC,CAAA;AAyEQ,wBAAM;AAvEf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,MAAM,aAAa,GAAG,aAAe,CAAC,OAAO,CAAA;AAqE5B,sCAAa;AAnE9B,MAAM,YAAY,GAAG,aAAe,CAAC,MAAM,CAAA;AAE3C,MAAM,WAAW,GAAG,aAAe,CAAC,KAAK,CAAA;AAiEmB,kCAAW;AA/DvE,MAAM,aAAa,GAAG,aAAe,CAAC,OAAO,CAAA;AAE7C,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,oBAAC,aAAe,CAAC,KAAK,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,SAAS,CAAC,KACpB,KAAK,GACR,CACF,CAAC,CAAA;AAoD6C,kCAAW;AAlD1D,WAAW,CAAC,WAAW,GAAG,aAAe,CAAC,KAAK,CAAC,WAAW,CAAA;AAE3D,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5C,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,aAAa,CAAC,CAAA;IAE3C,OAAO,CACN,oBAAC,YAAY;QACZ,oBAAC,aAAe,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACZ,mFAAmF,EACnF,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,EACnE,SAAS,CACT,KACG,KAAK;YAER,SAAS,KAAK,KAAK,IAAI,CACvB,oBAAC,WAAW,IAAC,SAAS,EAAC,oBAAoB;gBAC1C,8BAAM,SAAS,EAAC,0DAA0D,GAAG,CAChE,CACd;YAEA,QAAQ;YAER,SAAS,KAAK,KAAK,IAAI,CACvB,oBAAC,WAAW,IAAC,SAAS,EAAC,qBAAqB;gBAC3C,6BACC,SAAS,EAAC,SAAS,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;oBAElC,8BACC,CAAC,EAAC,+UAA+U,EACjV,IAAI,EAAC,SAAS,GACb,CACG,CACO,CACd,CACwB,CACZ,CACf,CAAA;AACF,CAAC,CAAC,CAAA;AAG8B,sCAAa;AAF7C,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
-
declare const
|
|
3
|
+
declare const infoVariants: (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
|
|
6
|
+
export interface IProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof infoVariants> {
|
|
7
7
|
}
|
|
8
|
-
declare const
|
|
9
|
-
export {
|
|
8
|
+
declare const Info: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
export { Info };
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.Info = 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
|
|
9
|
+
const infoVariants = (0, class_variance_authority_1.cva)('px-[16px] py-[12px] rounded-1 text-[14px]', {
|
|
10
10
|
variants: {
|
|
11
11
|
variant: {
|
|
12
12
|
light: 'bg-[--cl-graphite-7]',
|
|
@@ -19,9 +19,9 @@ const alertVariants = (0, class_variance_authority_1.cva)('px-[16px] py-[12px] r
|
|
|
19
19
|
variant: 'light'
|
|
20
20
|
},
|
|
21
21
|
});
|
|
22
|
-
const
|
|
23
|
-
return (React.createElement("div", { className: (0, utils_1.cn)(
|
|
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));
|
|
24
24
|
});
|
|
25
|
-
exports.
|
|
26
|
-
|
|
27
|
-
//# sourceMappingURL=
|
|
25
|
+
exports.Info = Info;
|
|
26
|
+
Info.displayName = 'Info';
|
|
27
|
+
//# sourceMappingURL=Info.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Info.js","sourceRoot":"","sources":["../../src/Info/Info.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,uEAAiE;AAEjE,0CAAmC;AACnC,uDAAuD;AAEvD,MAAM,YAAY,GAAG,IAAA,8BAAG,EAAC,2CAA2C,EAAE;IACrE,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,IAAI,GAAG,KAAK,CAAC,UAAU,CAAyB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzG,OAAO,CACN,6BACC,SAAS,EAAE,IAAA,UAAE,EAAC,YAAY,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,KAC/C,KAAK,IAER,QAAQ,CACJ,CACN,CAAA;AACF,CAAC,CAAC,CAAA;AAIO,oBAAI;AAFb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Info } from './Info';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Info = void 0;
|
|
4
|
+
var Info_1 = require("./Info");
|
|
5
|
+
Object.defineProperty(exports, "Info", { enumerable: true, get: function () { return Info_1.Info; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Info/index.ts"],"names":[],"mappings":";;;AAAA,+BAA6B;AAApB,4FAAA,IAAI,OAAA"}
|
package/dist/Input/Input.js
CHANGED
|
@@ -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)('
|
|
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 }));
|
|
14
14
|
});
|
|
15
15
|
exports.InputField = InputField;
|
|
16
16
|
InputField.displayName = 'InputField';
|
package/dist/Input/Input.js.map
CHANGED
|
@@ -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,
|
|
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"}
|
package/dist/Input/index.d.ts
CHANGED
package/dist/Input/index.js
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.InputLabel = exports.InputField = void 0;
|
|
4
4
|
var Input_1 = require("./Input");
|
|
5
5
|
Object.defineProperty(exports, "InputField", { enumerable: true, get: function () { return Input_1.InputField; } });
|
|
6
6
|
Object.defineProperty(exports, "InputLabel", { enumerable: true, get: function () { return Input_1.InputLabel; } });
|
|
7
|
-
var InputMask_1 = require("./InputMask");
|
|
8
|
-
Object.defineProperty(exports, "InputMask", { enumerable: true, get: function () { return InputMask_1.InputMask; } });
|
|
9
7
|
//# sourceMappingURL=index.js.map
|
package/dist/Input/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Input/index.ts"],"names":[],"mappings":";;;AAAA,iCAAgD;AAAvC,mGAAA,UAAU,OAAA;AAAE,mGAAA,UAAU,OAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Input/index.ts"],"names":[],"mappings":";;;AAAA,iCAAgD;AAAvC,mGAAA,UAAU,OAAA;AAAE,mGAAA,UAAU,OAAA"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "
|
|
2
|
+
declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "textAlign" | "value" | "maxLength" | "onChange" | "onComplete" | "pushPasswordManagerStrategy" | "containerClassName" | "noScriptCSSFallback"> & {
|
|
3
3
|
value?: string;
|
|
4
4
|
onChange?: (newValue: string) => unknown;
|
|
5
5
|
maxLength: number;
|
|
6
|
-
textAlign?: "center" | "
|
|
6
|
+
textAlign?: "center" | "left" | "right";
|
|
7
7
|
onComplete?: (...args: any[]) => unknown;
|
|
8
8
|
pushPasswordManagerStrategy?: "none" | "increase-width";
|
|
9
9
|
containerClassName?: string;
|
|
@@ -11,11 +11,11 @@ declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHT
|
|
|
11
11
|
} & {
|
|
12
12
|
render: (props: import("input-otp").RenderProps) => React.ReactNode;
|
|
13
13
|
children?: never;
|
|
14
|
-
} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "
|
|
14
|
+
} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "textAlign" | "value" | "maxLength" | "onChange" | "onComplete" | "pushPasswordManagerStrategy" | "containerClassName" | "noScriptCSSFallback"> & {
|
|
15
15
|
value?: string;
|
|
16
16
|
onChange?: (newValue: string) => unknown;
|
|
17
17
|
maxLength: number;
|
|
18
|
-
textAlign?: "center" | "
|
|
18
|
+
textAlign?: "center" | "left" | "right";
|
|
19
19
|
onComplete?: (...args: any[]) => unknown;
|
|
20
20
|
pushPasswordManagerStrategy?: "none" | "increase-width";
|
|
21
21
|
containerClassName?: string;
|
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]
|
|
11
|
+
return react_1.default.createElement("div", { className: (0, utils_1.cn)('px-[20px] py-[16px]', 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));
|
package/dist/Page/Page.js.map
CHANGED
|
@@ -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,
|
|
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"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
3
|
+
declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
export { Progress };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Progress = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
+
const ProgressPrimitive = (0, tslib_1.__importStar)(require("@radix-ui/react-progress"));
|
|
7
|
+
const utils_1 = require("../@/lib/utils");
|
|
8
|
+
const Progress = React.forwardRef(({ className, value, ...props }, ref) => (React.createElement(ProgressPrimitive.Root, { ref: ref, className: (0, utils_1.cn)('relative h-[--progress-height] w-full overflow-hidden rounded-full bg-[--progess-bg]', className), ...props },
|
|
9
|
+
React.createElement(ProgressPrimitive.Indicator, { className: "bg-primary rounded-full w-full h-full transition-all", style: { transform: `translateX(-${100 - (value || 0)}%)` } }))));
|
|
10
|
+
exports.Progress = Progress;
|
|
11
|
+
Progress.displayName = ProgressPrimitive.Root.displayName;
|
|
12
|
+
//# sourceMappingURL=Progress.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../src/Progress/Progress.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,yFAA6D;AAE7D,0CAAmC;AAEnC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC1C,oBAAC,iBAAiB,CAAC,IAAI,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,sFAAsF,EAAE,SAAS,CAAC,KAC5G,KAAK;IAET,oBAAC,iBAAiB,CAAC,SAAS,IAC3B,SAAS,EAAC,sDAAsD,EAChE,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,GAAG,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,EAAE,GAC1D,CACsB,CACzB,CAAC,CAAA;AAGO,4BAAQ;AAFjB,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Progress } from './Progress';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Progress = void 0;
|
|
4
|
+
var Progress_1 = require("./Progress");
|
|
5
|
+
Object.defineProperty(exports, "Progress", { enumerable: true, get: function () { return Progress_1.Progress; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Progress/index.ts"],"names":[],"mappings":";;;AAAA,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,28 +1,21 @@
|
|
|
1
|
-
import { Tooltip } from
|
|
2
|
-
import { Tabs } from
|
|
3
|
-
import { Slider } from
|
|
4
|
-
import { Popover } from
|
|
5
|
-
import Logo from
|
|
6
|
-
import { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from
|
|
7
|
-
import { BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink } from
|
|
8
|
-
import * as Icon from
|
|
9
|
-
import { Collapsible, CollapsibleTrigger, CollapsibleContent } from
|
|
10
|
-
import { AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem } from
|
|
11
|
-
import { Button } from
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
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";
|
|
14
15
|
import { Drawer, DrawerTrigger, DrawerTitle, DrawerClose, DrawerContent } from './Drawer';
|
|
15
|
-
import { Page } from
|
|
16
|
-
import { Chip } from
|
|
17
|
-
import { InputField, InputLabel
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
|
|
21
|
-
import { Textarea } from './Textarea';
|
|
22
|
-
import { SelectAccountCard, SelectAsync } from './Select';
|
|
23
|
-
import { Form, FormLabel, FormField, FormItem, FormControl, FormDescription, FormMessage } from './Form';
|
|
24
|
-
import { Calendar } from './Calendar';
|
|
25
|
-
import { DatePicker } from './DatePicker';
|
|
26
|
-
import { Select } from './Select';
|
|
27
|
-
import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel } from './AlertDialog';
|
|
28
|
-
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, Form, FormLabel, FormField, FormItem, FormControl, FormDescription, FormMessage, Calendar, DatePicker, SelectAsync, InputMask, Select, AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
|
|
16
|
+
import { Page } from "./Page";
|
|
17
|
+
import { Chip } from "./Chip";
|
|
18
|
+
import { InputField, InputLabel } from "./Input";
|
|
19
|
+
import { Info } from "./Info";
|
|
20
|
+
import { Progress } from "./Progress";
|
|
21
|
+
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, Progress, };
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
4
|
-
exports.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialogDescription = exports.AlertDialogTitle = exports.AlertDialogFooter = exports.AlertDialogHeader = exports.AlertDialogContent = exports.AlertDialogTrigger = exports.AlertDialog = exports.Select = void 0;
|
|
3
|
+
exports.Progress = 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;
|
|
5
4
|
const tslib_1 = require("tslib");
|
|
6
5
|
const Tooltip_1 = require("./Tooltip");
|
|
7
6
|
Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
|
|
@@ -37,6 +36,8 @@ Object.defineProperty(exports, "AccountCollapsibleContent", { enumerable: true,
|
|
|
37
36
|
Object.defineProperty(exports, "AccountCollapsibleContentItem", { enumerable: true, get: function () { return Collapsible_2.AccountCollapsibleContentItem; } });
|
|
38
37
|
const Button_1 = require("./Button");
|
|
39
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; } });
|
|
40
41
|
const Audio_1 = require("./Audio");
|
|
41
42
|
Object.defineProperty(exports, "Audio", { enumerable: true, get: function () { return Audio_1.Audio; } });
|
|
42
43
|
const utils_1 = require("./@/lib/utils");
|
|
@@ -51,43 +52,11 @@ const Page_1 = require("./Page");
|
|
|
51
52
|
Object.defineProperty(exports, "Page", { enumerable: true, get: function () { return Page_1.Page; } });
|
|
52
53
|
const Chip_1 = require("./Chip");
|
|
53
54
|
Object.defineProperty(exports, "Chip", { enumerable: true, get: function () { return Chip_1.Chip; } });
|
|
54
|
-
const
|
|
55
|
-
Object.defineProperty(exports, "InputField", { enumerable: true, get: function () { return
|
|
56
|
-
Object.defineProperty(exports, "InputLabel", { enumerable: true, get: function () { return
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return Switch_1.Switch; } });
|
|
62
|
-
const Label_1 = require("./Label");
|
|
63
|
-
Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return Label_1.Label; } });
|
|
64
|
-
const Textarea_1 = require("./Textarea");
|
|
65
|
-
Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return Textarea_1.Textarea; } });
|
|
66
|
-
const Select_1 = require("./Select");
|
|
67
|
-
Object.defineProperty(exports, "SelectAccountCard", { enumerable: true, get: function () { return Select_1.SelectAccountCard; } });
|
|
68
|
-
Object.defineProperty(exports, "SelectAsync", { enumerable: true, get: function () { return Select_1.SelectAsync; } });
|
|
69
|
-
const Form_1 = require("./Form");
|
|
70
|
-
Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return Form_1.Form; } });
|
|
71
|
-
Object.defineProperty(exports, "FormLabel", { enumerable: true, get: function () { return Form_1.FormLabel; } });
|
|
72
|
-
Object.defineProperty(exports, "FormField", { enumerable: true, get: function () { return Form_1.FormField; } });
|
|
73
|
-
Object.defineProperty(exports, "FormItem", { enumerable: true, get: function () { return Form_1.FormItem; } });
|
|
74
|
-
Object.defineProperty(exports, "FormControl", { enumerable: true, get: function () { return Form_1.FormControl; } });
|
|
75
|
-
Object.defineProperty(exports, "FormDescription", { enumerable: true, get: function () { return Form_1.FormDescription; } });
|
|
76
|
-
Object.defineProperty(exports, "FormMessage", { enumerable: true, get: function () { return Form_1.FormMessage; } });
|
|
77
|
-
const Calendar_1 = require("./Calendar");
|
|
78
|
-
Object.defineProperty(exports, "Calendar", { enumerable: true, get: function () { return Calendar_1.Calendar; } });
|
|
79
|
-
const DatePicker_1 = require("./DatePicker");
|
|
80
|
-
Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return DatePicker_1.DatePicker; } });
|
|
81
|
-
const Select_2 = require("./Select");
|
|
82
|
-
Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_2.Select; } });
|
|
83
|
-
const AlertDialog_1 = require("./AlertDialog");
|
|
84
|
-
Object.defineProperty(exports, "AlertDialog", { enumerable: true, get: function () { return AlertDialog_1.AlertDialog; } });
|
|
85
|
-
Object.defineProperty(exports, "AlertDialogTrigger", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogTrigger; } });
|
|
86
|
-
Object.defineProperty(exports, "AlertDialogContent", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogContent; } });
|
|
87
|
-
Object.defineProperty(exports, "AlertDialogHeader", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogHeader; } });
|
|
88
|
-
Object.defineProperty(exports, "AlertDialogFooter", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogFooter; } });
|
|
89
|
-
Object.defineProperty(exports, "AlertDialogTitle", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogTitle; } });
|
|
90
|
-
Object.defineProperty(exports, "AlertDialogDescription", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogDescription; } });
|
|
91
|
-
Object.defineProperty(exports, "AlertDialogAction", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogAction; } });
|
|
92
|
-
Object.defineProperty(exports, "AlertDialogCancel", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogCancel; } });
|
|
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; } });
|
|
60
|
+
const Progress_1 = require("./Progress");
|
|
61
|
+
Object.defineProperty(exports, "Progress", { enumerable: true, get: function () { return Progress_1.Progress; } });
|
|
93
62
|
//# 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":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,uCAAoC;AA+CnC,wFA/CQ,iBAAO,OA+CR;AA9CR,iCAA8B;AA+C7B,qFA/CQ,WAAI,OA+CR;AA9CL,qCAAkC;AA+CjC,uFA/CQ,eAAM,OA+CR;AA9CP,uCAAoC;AA+CnC,wFA/CQ,iBAAO,OA+CR;AA9CR,+DAA0B;AA+CzB,eA/CM,cAAI,CA+CN;AA9CL,2CAIqB;AA2CpB,yFA/CQ,oBAAQ,OA+CR;AACR,8FA/CA,yBAAa,OA+CA;AACb,6FA/CA,wBAAY,OA+CA;AACZ,kGA/CA,6BAAiB,OA+CA;AA7ClB,yDAK4B;AA6D3B,iGAjEA,mCAAgB,OAiEA;AAChB,qGAjEA,uCAAoB,OAiEA;AACpB,yGAjEA,2CAAwB,OAiEA;AACxB,qGAjEA,uCAAoB,OAiEA;AA/DrB,0DAA+B;AAsD9B,oBAAI;AArDL,+CAIuB;AAmCtB,4FAtCA,yBAAW,OAsCA;AACX,mGAtCA,gCAAkB,OAsCA;AAClB,mGAtCA,gCAAkB,OAsCA;AApCnB,+CAMuB;AA+BtB,mGApCA,gCAAkB,OAoCA;AAClB,yGApCA,sCAAwB,OAoCA;AACxB,0GApCA,uCAAyB,OAoCA;AACzB,0GApCA,uCAAyB,OAoCA;AACzB,8GApCA,2CAA6B,OAoCA;AAlC9B,qCAAkC;AAmCjC,uFAnCQ,eAAM,OAmCR;AAlCP,wCAAqC;AAmCpC,sFAnCQ,aAAK,OAmCR;AAlCN,mCAAgC;AAqC/B,sFArCQ,aAAK,OAqCR;AApCN,yCAAmC;AAqClC,mFArCQ,UAAE,OAqCR;AApCH,qCAMiB;AAgChB,uFArCA,eAAM,OAqCA;AACN,8FArCA,sBAAa,OAqCA;AACb,4FArCA,oBAAW,OAqCA;AACX,4FArCA,oBAAW,OAqCA;AACX,8FArCA,sBAAa,OAqCA;AAnCd,iCAA8B;AAwC7B,qFAxCQ,WAAI,OAwCR;AAvCL,iCAA8B;AAwC7B,qFAxCQ,WAAI,OAwCR;AAvCL,mCAAiD;AAwBhD,2FAxBQ,kBAAU,OAwBR;AACV,2FAzBoB,kBAAU,OAyBpB;AAxBX,iCAA8B;AAuC7B,qFAvCQ,WAAI,OAuCR;AAtCL,yCAAqC;AAuCpC,yFAvCQ,mBAAQ,OAuCR"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@modul/mbui",
|
|
3
|
-
"version": "0.0.13
|
|
3
|
+
"version": "0.0.13",
|
|
4
4
|
"packageManager": "yarn@3.5.1",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -21,35 +21,28 @@
|
|
|
21
21
|
"dist"
|
|
22
22
|
],
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@hookform/resolvers": "3.9.0",
|
|
25
24
|
"@radix-ui/react-accordion": "^1.2.0",
|
|
26
|
-
"@radix-ui/react-alert-dialog": "1.1.1",
|
|
27
25
|
"@radix-ui/react-collapsible": "1.1.0",
|
|
28
26
|
"@radix-ui/react-dropdown-menu": "2.1.1",
|
|
29
27
|
"@radix-ui/react-label": "2.1.0",
|
|
30
28
|
"@radix-ui/react-popover": "^1.1.1",
|
|
29
|
+
"@radix-ui/react-progress": "^1.1.0",
|
|
31
30
|
"@radix-ui/react-select": "2.1.1",
|
|
32
31
|
"@radix-ui/react-slider": "^1.2.0",
|
|
33
32
|
"@radix-ui/react-slot": "1.1.0",
|
|
34
|
-
"@radix-ui/react-switch": "1.1.0",
|
|
35
33
|
"@radix-ui/react-tabs": "^1.1.0",
|
|
36
34
|
"@radix-ui/react-tooltip": "^1.1.2",
|
|
37
|
-
"@storybook/addon-storyshots": "latest",
|
|
38
35
|
"@types/lodash": "4.17.5",
|
|
39
36
|
"class-variance-authority": "^0.7.0",
|
|
40
37
|
"clsx": "^2.1.1",
|
|
41
38
|
"input-otp": "1.2.4",
|
|
42
39
|
"lodash": "4.17.5",
|
|
43
40
|
"react-datepicker": "4.16.0",
|
|
44
|
-
"react-
|
|
45
|
-
"react-hook-form": "7.53.0",
|
|
46
|
-
"react-imask": "7.6.1",
|
|
47
|
-
"react-select": "5.8.0",
|
|
41
|
+
"react-imask": "7.1.3",
|
|
48
42
|
"tailwind-merge": "^2.3.0",
|
|
49
43
|
"tailwindcss": "^3.4.4",
|
|
50
44
|
"tailwindcss-animate": "^1.0.7",
|
|
51
|
-
"vaul": "0.9.1"
|
|
52
|
-
"zod": "3.23.8"
|
|
45
|
+
"vaul": "0.9.1"
|
|
53
46
|
},
|
|
54
47
|
"devDependencies": {
|
|
55
48
|
"@babel/core": "^7.9.0",
|
|
@@ -60,7 +53,6 @@
|
|
|
60
53
|
"@storybook/addon-essentials": "^8.2.8",
|
|
61
54
|
"@storybook/addon-interactions": "^8.2.8",
|
|
62
55
|
"@storybook/addon-links": "^8.2.8",
|
|
63
|
-
"@storybook/addon-onboarding": "^8.2.8",
|
|
64
56
|
"@storybook/addon-webpack5-compiler-babel": "^3.0.3",
|
|
65
57
|
"@storybook/blocks": "^8.2.8",
|
|
66
58
|
"@storybook/react": "^8.2.8",
|
package/src/Drawer/Drawer.tsx
CHANGED
|
@@ -47,8 +47,8 @@ const DrawerContent = React.forwardRef<
|
|
|
47
47
|
<DrawerPrimitive.Content
|
|
48
48
|
ref={ref}
|
|
49
49
|
className={cn(
|
|
50
|
-
`z-50 fixed inset-x-0 flex flex-col bg-page shadow-
|
|
51
|
-
direction === 'top' ? 'top-0 rounded-b-
|
|
50
|
+
`z-50 fixed inset-x-0 flex flex-col bg-page drop-shadow-1 max-h-[94%] sm:container`,
|
|
51
|
+
direction === 'top' ? 'top-0 rounded-b-1 ' : 'bottom-0 rounded-t-1',
|
|
52
52
|
className
|
|
53
53
|
)}
|
|
54
54
|
{...props}
|