@modul/mbui 0.0.16-beta-pv-53139-6c26fe1d → 0.0.16-beta-pv-53147-00d3e008
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/Alert/Alert.d.ts +15 -6
- package/dist/Alert/Alert.js +30 -19
- package/dist/Alert/Alert.js.map +1 -1
- package/dist/AlertDialog/AlertDialog.js +10 -10
- package/dist/AlertDialog/AlertDialog.js.map +1 -1
- package/dist/BottomNavigation/BottomNavigation.js +21 -3
- package/dist/BottomNavigation/BottomNavigation.js.map +1 -1
- package/dist/Button/Button.d.ts +2 -2
- package/dist/Button/Button.js +17 -119
- package/dist/Button/Button.js.map +1 -1
- package/dist/Button/index.js.map +1 -1
- package/dist/Calendar/Calendar.js +3 -3
- package/dist/Calendar/Calendar.js.map +1 -1
- package/dist/Chip/Chip.js +2 -3
- package/dist/Chip/Chip.js.map +1 -1
- package/dist/Collapsible/AccountCollapsible.js +18 -3
- package/dist/Collapsible/AccountCollapsible.js.map +1 -1
- package/dist/DatePicker/DatePicker.js +6 -6
- package/dist/DatePicker/DatePicker.js.map +1 -1
- package/dist/Drawer/Drawer.js +3 -3
- package/dist/Drawer/Drawer.js.map +1 -1
- package/dist/Form/Form.js +6 -6
- package/dist/Form/Form.js.map +1 -1
- package/dist/Icon/icons/InfoSolid.js +1 -1
- package/dist/Icon/icons/InfoSolid.js.map +1 -1
- package/dist/Input/Input.js +3 -3
- package/dist/Input/Input.js.map +1 -1
- package/dist/Input/InputMask.js +22 -1
- package/dist/Input/InputMask.js.map +1 -1
- package/dist/Input-OTP/Input.js +4 -5
- package/dist/Input-OTP/Input.js.map +1 -1
- package/dist/Label/Label.js +2 -2
- package/dist/Label/Label.js.map +1 -1
- package/dist/Page/Page.js +4 -4
- package/dist/Page/Page.js.map +1 -1
- package/dist/Popover/Popover.js +23 -2
- package/dist/Popover/Popover.js.map +1 -1
- package/dist/Progress/Progress.js +11 -3
- package/dist/Progress/Progress.js.map +1 -1
- package/dist/Select/SelectAccountCard.js +33 -7
- package/dist/Select/SelectAccountCard.js.map +1 -1
- package/dist/Select/SelectAsync.js +17 -6
- package/dist/Select/SelectAsync.js.map +1 -1
- package/dist/Select/SelectBase.js +17 -6
- package/dist/Select/SelectBase.js.map +1 -1
- package/dist/Slider/Slider.js +21 -5
- package/dist/Slider/Slider.js.map +1 -1
- package/dist/Switch/Switch.js +27 -13
- package/dist/Switch/Switch.js.map +1 -1
- package/dist/Tabs/Tabs.js +39 -9
- package/dist/Tabs/Tabs.js.map +1 -1
- package/dist/Textarea/Textarea.d.ts +1 -1
- package/dist/Textarea/Textarea.js +20 -3
- package/dist/Textarea/Textarea.js.map +1 -1
- package/dist/index.d.ts +3 -4
- package/dist/index.js +2 -6
- package/dist/index.js.map +1 -1
- package/package.json +1 -2
- package/src/@/config/index.ts +72 -72
- package/src/Alert/Alert.tsx +68 -25
- package/src/AlertDialog/AlertDialog.tsx +2 -3
- package/src/BottomNavigation/BottomNavigation.tsx +20 -2
- package/src/Button/Button.tsx +43 -140
- package/src/Button/index.ts +1 -1
- package/src/Calendar/Calendar.tsx +1 -1
- package/src/Chip/Chip.tsx +2 -3
- package/src/Collapsible/AccountCollapsible.tsx +19 -3
- package/src/DatePicker/DatePicker.tsx +5 -5
- package/src/Drawer/Drawer.tsx +2 -1
- package/src/Form/Form.tsx +5 -3
- package/src/Icon/icons/InfoSolid.tsx +1 -1
- package/src/Input/Input.tsx +1 -1
- package/src/Input/InputMask.tsx +22 -1
- package/src/Input-OTP/Input.tsx +1 -2
- package/src/Label/Label.tsx +1 -1
- package/src/Page/Page.tsx +1 -1
- package/src/Popover/Popover.tsx +24 -2
- package/src/Progress/Progress.tsx +11 -3
- package/src/Select/Select.tsx +1 -1
- package/src/Select/SelectAccountCard.tsx +32 -11
- package/src/Select/SelectAsync.tsx +16 -10
- package/src/Select/SelectBase.tsx +16 -6
- package/src/Slider/Slider.tsx +21 -4
- package/src/Switch/Switch.tsx +26 -13
- package/src/Tabs/Tabs.tsx +41 -9
- package/src/Textarea/Textarea.tsx +30 -19
- package/src/assets/css/global.css +11 -6
- package/src/index.ts +3 -7
- package/dist/Badge/Badge.d.ts +0 -10
- package/dist/Badge/Badge.js +0 -52
- package/dist/Badge/Badge.js.map +0 -1
- package/dist/Badge/index.d.ts +0 -1
- package/dist/Badge/index.js +0 -7
- package/dist/Badge/index.js.map +0 -1
- package/src/Badge/Badge.tsx +0 -58
- package/src/Badge/index.ts +0 -1
- package/src/Checkbox/Checkbox.tsx +0 -44
- package/src/Checkbox/index.ts +0 -1
package/dist/Form/Form.js
CHANGED
|
@@ -5,8 +5,8 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
6
|
const react_slot_1 = require("@radix-ui/react-slot");
|
|
7
7
|
const react_hook_form_1 = require("react-hook-form");
|
|
8
|
-
const
|
|
9
|
-
const Label_1 = require("
|
|
8
|
+
const _utils_1 = require("@utils");
|
|
9
|
+
const Label_1 = require("@/Label");
|
|
10
10
|
const Form = react_hook_form_1.FormProvider;
|
|
11
11
|
exports.Form = Form;
|
|
12
12
|
const FormFieldContext = React.createContext({});
|
|
@@ -38,13 +38,13 @@ const FormItemContext = React.createContext({});
|
|
|
38
38
|
const FormItem = React.forwardRef(({ className, ...props }, ref) => {
|
|
39
39
|
const id = React.useId();
|
|
40
40
|
return (React.createElement(FormItemContext.Provider, { value: { id } },
|
|
41
|
-
React.createElement("div", { ref: ref, className: (0,
|
|
41
|
+
React.createElement("div", { ref: ref, className: (0, _utils_1.cn)('space-y-2', className), ...props })));
|
|
42
42
|
});
|
|
43
43
|
exports.FormItem = FormItem;
|
|
44
44
|
FormItem.displayName = 'FormItem';
|
|
45
45
|
const FormLabel = React.forwardRef(({ className, ...props }, ref) => {
|
|
46
46
|
const { error, formItemId } = useFormField();
|
|
47
|
-
return (React.createElement(Label_1.Label, { ref: ref, className: (0,
|
|
47
|
+
return (React.createElement(Label_1.Label, { ref: ref, className: (0, _utils_1.cn)(error && 'text-destructive', className), htmlFor: formItemId, ...props }));
|
|
48
48
|
});
|
|
49
49
|
exports.FormLabel = FormLabel;
|
|
50
50
|
FormLabel.displayName = 'FormLabel';
|
|
@@ -56,7 +56,7 @@ exports.FormControl = FormControl;
|
|
|
56
56
|
FormControl.displayName = 'FormControl';
|
|
57
57
|
const FormDescription = React.forwardRef(({ className, ...props }, ref) => {
|
|
58
58
|
const { formDescriptionId } = useFormField();
|
|
59
|
-
return (React.createElement("p", { ref: ref, id: formDescriptionId, className: (0,
|
|
59
|
+
return (React.createElement("p", { ref: ref, id: formDescriptionId, className: (0, _utils_1.cn)('text-[0.8rem] text-light', className), ...props }));
|
|
60
60
|
});
|
|
61
61
|
exports.FormDescription = FormDescription;
|
|
62
62
|
FormDescription.displayName = 'FormDescription';
|
|
@@ -66,7 +66,7 @@ const FormMessage = React.forwardRef(({ className, children, ...props }, ref) =>
|
|
|
66
66
|
if (!body) {
|
|
67
67
|
return null;
|
|
68
68
|
}
|
|
69
|
-
return (React.createElement("p", { ref: ref, id: formMessageId, className: (0,
|
|
69
|
+
return (React.createElement("p", { ref: ref, id: formMessageId, className: (0, _utils_1.cn)('text-[0.8rem] font-medium text-destructive', className), ...props }, body));
|
|
70
70
|
});
|
|
71
71
|
exports.FormMessage = FormMessage;
|
|
72
72
|
FormMessage.displayName = 'FormMessage';
|
package/dist/Form/Form.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../src/Form/Form.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAE9B,qDAA2C;AAC3C,qDAAmH;
|
|
1
|
+
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../src/Form/Form.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,6 @@ const tslib_1 = require("tslib");
|
|
|
4
4
|
const React = (0, tslib_1.__importStar)(require("react"));
|
|
5
5
|
const SvgIcon_1 = require("../SvgIcon");
|
|
6
6
|
const SvgInfoSolid = (props) => (React.createElement(SvgIcon_1.SvgIcon, { width: 20, height: 20, fill: "none", viewBox: "0 0 20 20", ...props },
|
|
7
|
-
React.createElement("path", { fill: "
|
|
7
|
+
React.createElement("path", { fill: "currentColor", d: "M10 1.003c-4.96 0-9 4.04-9 9s4.04 9 9 9 9-4.04 9-9-4.04-9-9-9m1 13c0 .55-.45 1-1 1s-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1zm-1-6.8c-.66 0-1.2-.54-1.2-1.2s.54-1.2 1.2-1.2 1.2.54 1.2 1.2-.54 1.2-1.2 1.2" })));
|
|
8
8
|
exports.default = SvgInfoSolid;
|
|
9
9
|
//# sourceMappingURL=InfoSolid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfoSolid.js","sourceRoot":"","sources":["../../../src/Icon/icons/InfoSolid.tsx"],"names":[],"mappings":";;;AAAA,0DAA8B;AAE9B,wCAAoC;AACpC,MAAM,YAAY,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACxD,oBAAC,iBAAO,IACP,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,KACf,KAAK;IAET,8BACC,IAAI,EAAC,
|
|
1
|
+
{"version":3,"file":"InfoSolid.js","sourceRoot":"","sources":["../../../src/Icon/icons/InfoSolid.tsx"],"names":[],"mappings":";;;AAAA,0DAA8B;AAE9B,wCAAoC;AACpC,MAAM,YAAY,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACxD,oBAAC,iBAAO,IACP,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,KACf,KAAK;IAET,8BACC,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,yMAAyM,GAC1M,CACO,CACV,CAAA;AACD,kBAAe,YAAY,CAAA"}
|
package/dist/Input/Input.js
CHANGED
|
@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.InputLabel = exports.InputField = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
-
const
|
|
6
|
+
const _utils_1 = require("@utils");
|
|
7
7
|
const InputLabel = React.forwardRef(({ className, children, ...props }) => {
|
|
8
|
-
return (React.createElement("label", { className: (0,
|
|
8
|
+
return (React.createElement("label", { className: (0, _utils_1.cn)('mb-[4px] font-medium text-[12px] text-light leading-[1.33] focus:text-primary focus-visible:text-primary', className), ...props }, children));
|
|
9
9
|
});
|
|
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,
|
|
13
|
+
return (React.createElement("input", { type: type, className: (0, _utils_1.cn)('form-input px-[16px] 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';
|
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,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,mCAA2B;AAE3B,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,WAAE,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,WAAE,EACZ,2VAA2V,EAC3V,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/InputMask.js
CHANGED
|
@@ -4,7 +4,28 @@ exports.InputMask = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
6
|
const react_imask_1 = require("react-imask");
|
|
7
|
-
const inputClasses =
|
|
7
|
+
const inputClasses = `
|
|
8
|
+
form-input
|
|
9
|
+
leading-[1.17]
|
|
10
|
+
font-normal
|
|
11
|
+
border
|
|
12
|
+
border-input
|
|
13
|
+
rounded-sm
|
|
14
|
+
w-full
|
|
15
|
+
h-[44px]
|
|
16
|
+
bg-transparent
|
|
17
|
+
file:bg-transparent
|
|
18
|
+
file:text-sm
|
|
19
|
+
file:font-medium
|
|
20
|
+
file:border-0
|
|
21
|
+
focus-visible:ring-1
|
|
22
|
+
focus-visible:ring-ring
|
|
23
|
+
disabled:cursor-not-allowed
|
|
24
|
+
disabled:opacity-50
|
|
25
|
+
placeholder:text-muted-foreground
|
|
26
|
+
transition-colors
|
|
27
|
+
focus-visible:outline-none
|
|
28
|
+
`;
|
|
8
29
|
const InputMask = ({ ...props }) => {
|
|
9
30
|
return (React.createElement(react_imask_1.IMaskInput, { className: inputClasses, ...props }));
|
|
10
31
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputMask.js","sourceRoot":"","sources":["../../src/Input/InputMask.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,6CAAwC;AAExC,MAAM,YAAY,GAAG,
|
|
1
|
+
{"version":3,"file":"InputMask.js","sourceRoot":"","sources":["../../src/Input/InputMask.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,6CAAwC;AAExC,MAAM,YAAY,GAAG;;;;;;;;;;;;;;;;;;;;;EAqBnB,CAAA;AAEF,MAAM,SAAS,GAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5C,OAAO,CACN,oBAAC,wBAAU,IACV,SAAS,EAAE,YAAY,KACnB,KAAK,GACR,CACF,CAAA;AACF,CAAC,CAAA;AAEQ,8BAAS"}
|
package/dist/Input-OTP/Input.js
CHANGED
|
@@ -4,18 +4,17 @@ exports.InputOTPSeparator = exports.InputOTPSlot = exports.InputOTPGroup = expor
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
6
|
const input_otp_1 = require("input-otp");
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
const InputOTP = React.forwardRef(({ className, containerClassName, ...props }, ref) => (React.createElement(input_otp_1.OTPInput, { ref: ref, containerClassName: (0, utils_1.cn)('flex items-center has-[:disabled]:opacity-50', containerClassName), className: (0, utils_1.cn)('disabled:cursor-not-allowed', className), ...props })));
|
|
7
|
+
const _utils_1 = require("@utils");
|
|
8
|
+
const InputOTP = React.forwardRef(({ className, containerClassName, ...props }, ref) => (React.createElement(input_otp_1.OTPInput, { ref: ref, containerClassName: (0, _utils_1.cn)('flex items-center has-[:disabled]:opacity-50', containerClassName), className: (0, _utils_1.cn)('disabled:cursor-not-allowed', className), ...props })));
|
|
10
9
|
exports.InputOTP = InputOTP;
|
|
11
10
|
InputOTP.displayName = 'InputOTP';
|
|
12
|
-
const InputOTPGroup = React.forwardRef(({ className, ...props }, ref) => (React.createElement("div", { ref: ref, className: (0,
|
|
11
|
+
const InputOTPGroup = React.forwardRef(({ className, ...props }, ref) => (React.createElement("div", { ref: ref, className: (0, _utils_1.cn)('flex items-center', className), ...props })));
|
|
13
12
|
exports.InputOTPGroup = InputOTPGroup;
|
|
14
13
|
InputOTPGroup.displayName = 'InputOTPGroup';
|
|
15
14
|
const InputOTPSlot = React.forwardRef(({ index, className, ...props }, ref) => {
|
|
16
15
|
const inputOTPContext = React.useContext(input_otp_1.OTPInputContext);
|
|
17
16
|
const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
|
|
18
|
-
return (React.createElement("div", { ref: ref, className: (0,
|
|
17
|
+
return (React.createElement("div", { ref: ref, className: (0, _utils_1.cn)('relative flex h-[48px] w-[20px] items-center justify-center border-b-[2px] border-input transition-all', isActive && 'z-10 ring-2 ring-ring ring-offset-background', className), ...props },
|
|
19
18
|
char,
|
|
20
19
|
hasFakeCaret && (React.createElement("div", { className: "absolute inset-0 flex justify-center items-center pointer-events-none" },
|
|
21
20
|
React.createElement("div", { className: "bg-foreground w-px h-4 animate-caret-blink duration-1000" })))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input-OTP/Input.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,yCAAqD;AACrD,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input-OTP/Input.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,yCAAqD;AACrD,mCAA2B;AAE3B,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAChC,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACrD,oBAAC,oBAAQ,IACR,GAAG,EAAE,GAAG,EACR,kBAAkB,EAAE,IAAA,WAAE,EAAC,8CAA8C,EAAE,kBAAkB,CAAC,EAC1F,SAAS,EAAE,IAAA,WAAE,EAAC,6BAA6B,EAAE,SAAS,CAAC,KACnD,KAAK,GACR,CACF,CACD,CAAA;AAwDQ,4BAAQ;AAvDjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACjC,6BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,WAAE,EAAC,mBAAmB,EAAE,SAAS,CAAC,KACzC,KAAK,GACR,CACF,CACD,CAAA;AA6CkB,sCAAa;AA5ChC,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAGnC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAe,CAAC,CAAA;IACzD,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAErE,OAAO,CACN,6BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,WAAE,EACZ,wGAAwG,EACxG,QAAQ,IAAI,8CAA8C,EAC1D,SAAS,CACT,KACG,KAAK;QAGR,IAAI;QACJ,YAAY,IAAI,CAChB,6BAAK,SAAS,EAAC,uEAAuE;YACrF,6BAAK,SAAS,EAAC,0DAA0D,GAAG,CACvE,CACN,CACI,CACN,CAAA;AACF,CAAC,CAAC,CAAA;AAgBgC,oCAAY;AAf9C,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CACzC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACtB,6BACC,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,WAAW,KACZ,KAAK,qCAGJ,CACN,CACD,CAAA;AAG+C,8CAAiB;AAFjE,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA"}
|
package/dist/Label/Label.js
CHANGED
|
@@ -5,9 +5,9 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
6
|
const LabelPrimitive = (0, tslib_1.__importStar)(require("@radix-ui/react-label"));
|
|
7
7
|
const class_variance_authority_1 = require("class-variance-authority");
|
|
8
|
-
const
|
|
8
|
+
const _utils_1 = require("@utils");
|
|
9
9
|
const labelVariants = (0, class_variance_authority_1.cva)('peer-disabled:opacity-70 peer-disabled:cursor-not-allowed');
|
|
10
|
-
const Label = React.forwardRef(({ className, ...props }, ref) => (React.createElement(LabelPrimitive.Root, { ref: ref, className: (0,
|
|
10
|
+
const Label = React.forwardRef(({ className, ...props }, ref) => (React.createElement(LabelPrimitive.Root, { ref: ref, className: (0, _utils_1.cn)(labelVariants(), className), ...props })));
|
|
11
11
|
exports.Label = Label;
|
|
12
12
|
Label.displayName = LabelPrimitive.Root.displayName;
|
|
13
13
|
//# sourceMappingURL=Label.js.map
|
package/dist/Label/Label.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../src/Label/Label.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,mFAAuD;AACvD,uEAAiE;AACjE,
|
|
1
|
+
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../src/Label/Label.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,mFAAuD;AACvD,uEAAiE;AACjE,mCAA2B;AAE3B,MAAM,aAAa,GAAG,IAAA,8BAAG,EAAC,2DAA2D,CAAC,CAAA;AAEtF,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,WAAE,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"}
|
package/dist/Page/Page.js
CHANGED
|
@@ -3,15 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.Page = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const react_1 = (0, tslib_1.__importDefault)(require("react"));
|
|
6
|
-
const
|
|
6
|
+
const _utils_1 = require("@utils");
|
|
7
7
|
const Navbar = ({ children, className }) => {
|
|
8
|
-
return react_1.default.createElement("div", { className: (0,
|
|
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,
|
|
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
|
-
return (react_1.default.createElement("div", { className: (0,
|
|
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));
|
|
15
15
|
};
|
|
16
16
|
exports.Page = Page;
|
|
17
17
|
Page.displayName = 'Page';
|
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,
|
|
1
|
+
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../src/Page/Page.tsx"],"names":[],"mappings":";;;;AAAA,+DAAiC;AACjC,mCAA2B;AAW3B,MAAM,MAAM,GAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACtD,OAAO,uCAAK,SAAS,EAAE,IAAA,WAAE,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,WAAE,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,WAAE,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"}
|
package/dist/Popover/Popover.js
CHANGED
|
@@ -2,12 +2,33 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
4
|
const react_1 = (0, tslib_1.__importDefault)(require("react"));
|
|
5
|
-
const
|
|
5
|
+
const clsx_1 = (0, tslib_1.__importDefault)(require("clsx"));
|
|
6
6
|
const PopoverPrimitive = (0, tslib_1.__importStar)(require("@radix-ui/react-popover"));
|
|
7
7
|
const Popover = (props) => react_1.default.createElement(PopoverPrimitive.Root, { ...props });
|
|
8
8
|
const PopoverTrigger = PopoverPrimitive.Trigger;
|
|
9
9
|
const PopoverPortal = ({ children, ...props }) => (react_1.default.createElement(PopoverPrimitive.Portal, { ...props }, children));
|
|
10
|
-
const
|
|
10
|
+
const popoverContentClasses = `
|
|
11
|
+
z-50
|
|
12
|
+
w-72
|
|
13
|
+
p-4
|
|
14
|
+
text-popover-foreground
|
|
15
|
+
bg-popover
|
|
16
|
+
border
|
|
17
|
+
rounded-md
|
|
18
|
+
shadow-md
|
|
19
|
+
outline-none
|
|
20
|
+
data-[state=open]:animate-in
|
|
21
|
+
data-[state=closed]:animate-out
|
|
22
|
+
data-[state=closed]:fade-out-0
|
|
23
|
+
data-[state=open]:fade-in-0
|
|
24
|
+
data-[state=closed]:zoom-out-95
|
|
25
|
+
data-[state=open]:zoom-in-95
|
|
26
|
+
data-[side=bottom]:slide-in-from-top-2
|
|
27
|
+
data-[side=left]:slide-in-from-right-2
|
|
28
|
+
data-[side=right]:slide-in-from-left-2
|
|
29
|
+
data-[side=top]:slide-in-from-bottom-2
|
|
30
|
+
`;
|
|
31
|
+
const PopoverContent = react_1.default.forwardRef(({ className = '', align = 'center', sideOffset = 4, ...props }, ref) => (react_1.default.createElement(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: (0, clsx_1.default)(popoverContentClasses, className), ...props })));
|
|
11
32
|
Popover.Trigger = PopoverTrigger;
|
|
12
33
|
Popover.Portal = PopoverPortal;
|
|
13
34
|
Popover.Portal.displayName = PopoverPrimitive.Portal.displayName;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":";;;AAAA,+DAAyB;AACzB,
|
|
1
|
+
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":";;;AAAA,+DAAyB;AACzB,6DAAqB;AACrB,uFAA2D;AAS3D,MAAM,OAAO,GAA+C,CAAC,KAAK,EAAE,EAAE,CAAC,8BAAC,gBAAgB,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAE3G,MAAM,cAAc,GAAoC,gBAAgB,CAAC,OAAO,CAAA;AAEhF,MAAM,aAAa,GAAiC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAC/E,8BAAC,gBAAgB,CAAC,MAAM,OAAK,KAAK,IAAG,QAAQ,CAA2B,CACxE,CAAA;AAED,MAAM,qBAAqB,GAAG;;;;;;;;;;;;;;;;;;;;CAoB7B,CAAA;AAED,MAAM,cAAc,GAAG,eAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,GAAG,QAAQ,EAAE,UAAU,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC1E,8BAAC,gBAAgB,CAAC,OAAO,IACxB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,IAAA,cAAE,EACZ,qBAAqB,EACrB,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC,CAAA;AAEF,OAAO,CAAC,OAAO,GAAG,cAAc,CAAA;AAChC,OAAO,CAAC,MAAM,GAAG,aAAa,CAAA;AAC9B,OAAO,CAAC,MAAM,CAAC,WAAW,GAAG,gBAAgB,CAAC,MAAM,CAAC,WAAW,CAAA;AAChE,OAAO,CAAC,OAAO,GAAG,cAAc,CAAA;AAChC,OAAO,CAAC,OAAO,CAAC,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAA;AAElE,kBAAe,OAAO,CAAA"}
|
|
@@ -4,9 +4,17 @@ exports.Progress = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
6
|
const ProgressPrimitive = (0, tslib_1.__importStar)(require("@radix-ui/react-progress"));
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
|
|
7
|
+
const _utils_1 = require("@utils");
|
|
8
|
+
const progessClasses = `
|
|
9
|
+
relative
|
|
10
|
+
w-full
|
|
11
|
+
h-[--progress-height]
|
|
12
|
+
bg-[--progress-bg]
|
|
13
|
+
rounded-full
|
|
14
|
+
overflow-hidden
|
|
15
|
+
`;
|
|
16
|
+
const Progress = React.forwardRef(({ className, value, ...props }, ref) => (React.createElement(ProgressPrimitive.Root, { ref: ref, className: (0, _utils_1.cn)(progessClasses, className), ...props },
|
|
17
|
+
React.createElement(ProgressPrimitive.Indicator, { className: "bg-primary rounded-full transition-all size-full", style: { transform: `translateX(-${100 - (value || 0)}%)` } }))));
|
|
10
18
|
exports.Progress = Progress;
|
|
11
19
|
Progress.displayName = ProgressPrimitive.Root.displayName;
|
|
12
20
|
//# sourceMappingURL=Progress.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../src/Progress/Progress.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,yFAA6D;
|
|
1
|
+
{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../src/Progress/Progress.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,yFAA6D;AAC7D,mCAA2B;AAE3B,MAAM,cAAc,GAAG;;;;;;;CAOtB,CAAA;AAED,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,WAAE,EAAC,cAAc,EAAE,SAAS,CAAC,KACpC,KAAK;IAET,oBAAC,iBAAiB,CAAC,SAAS,IAC3B,SAAS,EAAC,kDAAkD,EAC5D,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"}
|
|
@@ -3,10 +3,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.SelectAccountCard = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
-
const Icon_1 = require("
|
|
6
|
+
const Icon_1 = require("@/Icon");
|
|
7
7
|
const react_select_1 = (0, tslib_1.__importStar)(require("react-select"));
|
|
8
|
-
const
|
|
9
|
-
const selectTriggerClasses =
|
|
8
|
+
const _utils_1 = require("@utils");
|
|
9
|
+
const selectTriggerClasses = `
|
|
10
|
+
flex
|
|
11
|
+
items-center
|
|
12
|
+
py-[8px]
|
|
13
|
+
px-[16px]
|
|
14
|
+
min-h-[80px]
|
|
15
|
+
border-none
|
|
16
|
+
rounded-md
|
|
17
|
+
text-left
|
|
18
|
+
text-white
|
|
19
|
+
bg-gradient-to-r
|
|
20
|
+
from-[--cl-blue-3]
|
|
21
|
+
to-primary
|
|
22
|
+
shadow-[0px_8px_18px_0px_rgba(73,113,208,0.38)]
|
|
23
|
+
cursor-pointer
|
|
24
|
+
`;
|
|
10
25
|
const colourStyles = {
|
|
11
26
|
control: () => ({}),
|
|
12
27
|
option: () => ({}),
|
|
@@ -20,14 +35,25 @@ const colourStyles = {
|
|
|
20
35
|
};
|
|
21
36
|
const Control = ({ children, ...props }) => {
|
|
22
37
|
const { isFocused } = props;
|
|
23
|
-
return (React.createElement(react_select_1.components.Control, { className: (0,
|
|
38
|
+
return (React.createElement(react_select_1.components.Control, { className: (0, _utils_1.cn)(selectTriggerClasses, { 'outline outline-primary outline-offset-2 outline-2': isFocused }), ...props }, children));
|
|
24
39
|
};
|
|
25
|
-
const optionClasses =
|
|
40
|
+
const optionClasses = `
|
|
41
|
+
flex
|
|
42
|
+
items-center
|
|
43
|
+
py-[16px]
|
|
44
|
+
px-[12px]
|
|
45
|
+
w-full
|
|
46
|
+
first:rounded-t-md
|
|
47
|
+
last:rounded-b-md
|
|
48
|
+
cursor-default
|
|
49
|
+
select-none
|
|
50
|
+
outline-none
|
|
51
|
+
`;
|
|
26
52
|
const Option = ({ children, ...props }) => {
|
|
27
53
|
const { isSelected, isFocused, isDisabled,
|
|
28
54
|
// @ts-ignore
|
|
29
55
|
data: { label, account, balance, cur }, } = props;
|
|
30
|
-
return (React.createElement(react_select_1.components.Option, { className: (0,
|
|
56
|
+
return (React.createElement(react_select_1.components.Option, { className: (0, _utils_1.cn)(optionClasses, { 'bg-light': isFocused }, { 'opacity-50 pointer-events-none': isDisabled }), ...props },
|
|
31
57
|
React.createElement("span", { className: "flex basis-0 grow" },
|
|
32
58
|
React.createElement("span", null,
|
|
33
59
|
React.createElement("span", null, label),
|
|
@@ -37,7 +63,7 @@ const Option = ({ children, ...props }) => {
|
|
|
37
63
|
balance,
|
|
38
64
|
"\u00A0",
|
|
39
65
|
cur)),
|
|
40
|
-
React.createElement("span", { className: "ml-[16px]
|
|
66
|
+
React.createElement("span", { className: "ml-[16px] shrink-0 size-[24px]" }, isSelected && (React.createElement(Icon_1.CheckSmall, { width: "24", height: "24", className: "text-primary" })))));
|
|
41
67
|
};
|
|
42
68
|
const DropdownIndicator = ({ children, ...props }) => {
|
|
43
69
|
return (React.createElement(react_select_1.components.DropdownIndicator, { className: "shrink-0", ...props },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectAccountCard.js","sourceRoot":"","sources":["../../src/Select/SelectAccountCard.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;
|
|
1
|
+
{"version":3,"file":"SelectAccountCard.js","sourceRoot":"","sources":["../../src/Select/SelectAccountCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,11 +3,22 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.SelectAsync = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
-
const Icon_1 = require("
|
|
6
|
+
const Icon_1 = require("@/Icon");
|
|
7
7
|
const react_select_1 = require("react-select");
|
|
8
8
|
const async_1 = (0, tslib_1.__importDefault)(require("react-select/async"));
|
|
9
|
-
const
|
|
10
|
-
const selectTriggerClasses =
|
|
9
|
+
const _utils_1 = require("@utils");
|
|
10
|
+
const selectTriggerClasses = `
|
|
11
|
+
flex
|
|
12
|
+
items-center
|
|
13
|
+
py-[12px]
|
|
14
|
+
px-[16px]
|
|
15
|
+
h-[44px]
|
|
16
|
+
border-[1px]
|
|
17
|
+
border-input
|
|
18
|
+
rounded-sm
|
|
19
|
+
text-left
|
|
20
|
+
cursor-pointer
|
|
21
|
+
`;
|
|
11
22
|
const colourStyles = {
|
|
12
23
|
control: () => ({}),
|
|
13
24
|
option: () => ({}),
|
|
@@ -24,14 +35,14 @@ const Input = ({ ...props }) => {
|
|
|
24
35
|
};
|
|
25
36
|
const Control = ({ children, ...props }) => {
|
|
26
37
|
const { isFocused } = props;
|
|
27
|
-
return (React.createElement(react_select_1.components.Control, { className: (0,
|
|
38
|
+
return (React.createElement(react_select_1.components.Control, { className: (0, _utils_1.cn)(selectTriggerClasses, { 'outline outline-primary outline-offset-2 outline-2': isFocused }), ...props }, children));
|
|
28
39
|
};
|
|
29
40
|
const optionClasses = 'flex items-center first:rounded-t-sm last:rounded-b-sm px-[16px] py-[12px] w-full cursor-default select-none outline-none';
|
|
30
41
|
const Option = ({ children, ...props }) => {
|
|
31
42
|
const { isSelected, isFocused, isDisabled, } = props;
|
|
32
|
-
return (React.createElement(react_select_1.components.Option, { className: (0,
|
|
43
|
+
return (React.createElement(react_select_1.components.Option, { className: (0, _utils_1.cn)(optionClasses, { 'bg-light': isFocused }, { 'opacity-50 pointer-events-none': isDisabled }), ...props },
|
|
33
44
|
React.createElement("span", { className: "flex basis-0 grow" }, children),
|
|
34
|
-
React.createElement("span", { className: "ml-[16px]
|
|
45
|
+
React.createElement("span", { className: "ml-[16px] shrink-0 size-[24px]" }, isSelected && (React.createElement(Icon_1.CheckSmall, { width: "24", height: "24", className: "text-primary" })))));
|
|
35
46
|
};
|
|
36
47
|
const IndicatorsContainer = ({ children, ...props }) => {
|
|
37
48
|
return (React.createElement(react_select_1.components.IndicatorsContainer, { className: 'flex items-center gap-x-[8px] shrink-0', ...props }, children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectAsync.js","sourceRoot":"","sources":["../../src/Select/SelectAsync.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;
|
|
1
|
+
{"version":3,"file":"SelectAsync.js","sourceRoot":"","sources":["../../src/Select/SelectAsync.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,iCAAqD;AACrD,+CAaqB;AACrB,4EAA4C;AAC5C,mCAA2B;AAE3B,MAAM,oBAAoB,GAAW;;;;;;;;;;;CAWpC,CAAA;AAED,MAAM,YAAY,GAAiB;IAClC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IAClB,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IACjB,iBAAiB,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IAC7B,mBAAmB,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IAC/B,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IAChB,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IACpB,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IACvB,cAAc,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;CAC1B,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,EAAC,GAAG,KAAK,EAAc,EAAE,EAAE;IACzC,OAAO,oBAAC,yBAAU,CAAC,KAAK,IAAC,SAAS,EAAC,6CAA6C,KAAK,KAAK,GAAI,CAAA;AAC/F,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IACxD,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IAC3B,OAAO,CACN,oBAAC,yBAAU,CAAC,OAAO,IAClB,SAAS,EAAE,IAAA,WAAE,EAAC,oBAAoB,EAAE,EAAE,oDAAoD,EAAE,SAAS,EAAE,CAAC,KACpG,KAAK,IAER,QAAQ,CACW,CACrB,CAAA;AACF,CAAC,CAAA;AAED,MAAM,aAAa,GAClB,2HAA2H,CAAA;AAE5H,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAe,EAAE,EAAE;IACtD,MAAM,EACL,UAAU,EACV,SAAS,EACT,UAAU,GACV,GAAG,KAAK,CAAA;IACT,OAAO,CACN,oBAAC,yBAAU,CAAC,MAAM,IACjB,SAAS,EAAE,IAAA,WAAE,EAAC,aAAa,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,gCAAgC,EAAE,UAAU,EAAE,CAAC,KACrG,KAAK;QAET,8BAAM,SAAS,EAAC,mBAAmB,IAAE,QAAQ,CAAQ;QAErD,8BAAM,SAAS,EAAC,gCAAgC,IAC9C,UAAU,IAAI,CACd,oBAAC,iBAAU,IACV,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,SAAS,EAAC,cAAc,GACvB,CACF,CACK,CACY,CACpB,CAAA;AACF,CAAC,CAAA;AAED,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA4B,EAAE,EAAE;IAChF,OAAO,CACN,oBAAC,yBAAU,CAAC,mBAAmB,IAAC,SAAS,EAAC,wCAAwC,KAAK,KAAK,IAC1F,QAAQ,CACuB,CACjC,CAAA;AACF,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,CAAC,EAAC,GAAG,KAAK,EAAyB,EAAE,EAAE;IAC/D,OAAO,CACN,oBAAC,yBAAU,CAAC,gBAAgB,IAC3B,SAAS,EAAC,qBAAqB,KAC3B,KAAK,GACR,CACF,CAAA;AACF,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA0B,EAAE,EAAE;IAC5E,OAAO,CACN,oBAAC,yBAAU,CAAC,iBAAiB,IAC5B,SAAS,EAAC,UAAU,KAChB,KAAK;QAET,oBAAC,uBAAgB,IAChB,SAAS,EAAC,YAAY,EACtB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACV,CAC4B,CAC/B,CAAA;AACF,CAAC,CAAA;AAED,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAuB,EAAE,EAAE;IACtE,OAAO,CACN,oBAAC,yBAAU,CAAC,cAAc,IACzB,SAAS,EAAC,aAAa,KACnB,KAAK,IAER,QAAQ,CACkB,CAC5B,CAAA;AACF,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAE,EAAE;IAChE,OAAO,CACN,oBAAC,yBAAU,CAAC,WAAW,IACtB,SAAS,EAAC,6CAA6C,KACnD,KAAK,IAER,QAAQ,CACe,CACzB,CAAA;AACF,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAa,EAAE,EAAE;IAClD,OAAO,CACN,oBAAC,yBAAU,CAAC,IAAI,IACf,SAAS,EAAC,gEAAgE,KACtE,KAAK,IAER,QAAQ,CACQ,CAClB,CAAA;AACF,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAE,EAAE;IAChE,OAAO,CACN,oBAAC,yBAAU,CAAC,WAAW,IACtB,SAAS,EAAC,6EAA6E,KACnF,KAAK,IAER,QAAQ,CACe,CACzB,CAAA;AACF,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACrC,oBAAC,eAAW,IACX,UAAU,EAAE;QACX,OAAO;QACP,MAAM;QACN,WAAW;QACX,iBAAiB;QACjB,kBAAkB,EAAE,GAAG,EAAE,CAAC,IAAI;QAC9B,IAAI;QACJ,cAAc;QACd,WAAW;QACX,KAAK;QACL,gBAAgB;QAChB,mBAAmB;KACnB,EACD,MAAM,EAAE,YAAY,EACpB,QAAQ,EAAE,IAAI,KACV,KAAK,GACR,CACF,CAAA;AAIQ,kCAAW;AAFpB,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA"}
|
|
@@ -3,10 +3,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.SelectBase = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
-
const Icon_1 = require("
|
|
6
|
+
const Icon_1 = require("@/Icon");
|
|
7
7
|
const react_select_1 = (0, tslib_1.__importStar)(require("react-select"));
|
|
8
|
-
const
|
|
9
|
-
const selectTriggerClasses =
|
|
8
|
+
const _utils_1 = require("@utils");
|
|
9
|
+
const selectTriggerClasses = `
|
|
10
|
+
flex
|
|
11
|
+
items-center
|
|
12
|
+
py-[12px]
|
|
13
|
+
px-[16px]
|
|
14
|
+
h-[44px]
|
|
15
|
+
text-left
|
|
16
|
+
border-[1px]
|
|
17
|
+
border-input
|
|
18
|
+
rounded-sm
|
|
19
|
+
cursor-pointer
|
|
20
|
+
`;
|
|
10
21
|
const colourStyles = {
|
|
11
22
|
control: () => ({}),
|
|
12
23
|
option: () => ({}),
|
|
@@ -23,14 +34,14 @@ const Input = ({ ...props }) => {
|
|
|
23
34
|
};
|
|
24
35
|
const Control = ({ children, ...props }) => {
|
|
25
36
|
const { isFocused } = props;
|
|
26
|
-
return (React.createElement(react_select_1.components.Control, { className: (0,
|
|
37
|
+
return (React.createElement(react_select_1.components.Control, { className: (0, _utils_1.cn)(selectTriggerClasses, { 'outline outline-primary outline-offset-2 outline-2': isFocused }), ...props }, children));
|
|
27
38
|
};
|
|
28
39
|
const optionClasses = 'flex items-center first:rounded-t-sm last:rounded-b-sm px-[16px] py-[12px] w-full cursor-default select-none outline-none';
|
|
29
40
|
const Option = ({ children, ...props }) => {
|
|
30
41
|
const { isSelected, isFocused, isDisabled, } = props;
|
|
31
|
-
return (React.createElement(react_select_1.components.Option, { className: (0,
|
|
42
|
+
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
43
|
React.createElement("span", { className: "flex basis-0 grow" }, children),
|
|
33
|
-
React.createElement("span", { className: "ml-[16px]
|
|
44
|
+
React.createElement("span", { className: "ml-[16px] shrink-0 size-[24px]" }, isSelected && (React.createElement(Icon_1.CheckSmall, { width: "24", height: "24", className: "text-primary" })))));
|
|
34
45
|
};
|
|
35
46
|
const IndicatorsContainer = ({ children, ...props }) => {
|
|
36
47
|
return (React.createElement(react_select_1.components.IndicatorsContainer, { className: 'flex items-center gap-x-[8px] shrink-0', ...props }, children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectBase.js","sourceRoot":"","sources":["../../src/Select/SelectBase.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAE9B,
|
|
1
|
+
{"version":3,"file":"SelectBase.js","sourceRoot":"","sources":["../../src/Select/SelectBase.tsx"],"names":[],"mappings":"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"}
|
package/dist/Slider/Slider.js
CHANGED
|
@@ -3,10 +3,26 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
4
|
const React = (0, tslib_1.__importStar)(require("react"));
|
|
5
5
|
const SliderPrimitive = (0, tslib_1.__importStar)(require("@radix-ui/react-slider"));
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
6
|
+
const clsx_1 = (0, tslib_1.__importDefault)(require("clsx"));
|
|
7
|
+
const sliderThumb = `
|
|
8
|
+
block
|
|
9
|
+
size-5
|
|
10
|
+
border-2
|
|
11
|
+
border-primary
|
|
12
|
+
bg-background
|
|
13
|
+
rounded-full
|
|
14
|
+
ring-offset-background
|
|
15
|
+
focus-visible:ring-2
|
|
16
|
+
focus-visible:ring-ring
|
|
17
|
+
focus-visible:ring-offset-2
|
|
18
|
+
focus-visible:outline-none
|
|
19
|
+
disabled:pointer-events-none
|
|
20
|
+
disabled:opacity-50
|
|
21
|
+
transition-colors
|
|
22
|
+
`;
|
|
23
|
+
const Slider = React.forwardRef(({ className = '', ...props }, ref) => (React.createElement(SliderPrimitive.Root, { ref: ref, className: (0, clsx_1.default)('relative flex w-full touch-none select-none items-center', className), ...props },
|
|
24
|
+
React.createElement(SliderPrimitive.Track, { className: "relative bg-secondary rounded-full w-full h-2 overflow-hidden grow" },
|
|
25
|
+
React.createElement(SliderPrimitive.Range, { className: "absolute bg-primary h-full" })),
|
|
26
|
+
React.createElement(SliderPrimitive.Thumb, { className: sliderThumb }))));
|
|
11
27
|
exports.default = Slider;
|
|
12
28
|
//# sourceMappingURL=Slider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../src/Slider/Slider.tsx"],"names":[],"mappings":";;;AAAA,0DAA8B;AAC9B,qFAAyD;AACzD,
|
|
1
|
+
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../src/Slider/Slider.tsx"],"names":[],"mappings":";;;AAAA,0DAA8B;AAC9B,qFAAyD;AACzD,6DAAqB;AAErB,MAAM,WAAW,GAAG;;;;;;;;;;;;;;;CAenB,CAAA;AAED,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACxC,oBAAC,eAAe,CAAC,IAAI,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,0DAA0D,EAAE,SAAS,CAAC,KAChF,KAAK;IAET,oBAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAC,oEAAoE;QACpG,oBAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAC,4BAA4B,GAAG,CACzC;IACxB,oBAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAE,WAAW,GAAI,CAC3B,CACvB,CAAC,CAAA;AAEF,kBAAe,MAAM,CAAA"}
|