@modul/mbui 0.0.16-beta-pv-53147-00d3e008 → 0.0.16-beta-pv-53139-88618ef5
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 +6 -15
- package/dist/Alert/Alert.js +19 -30
- 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/Badge/Badge.d.ts +10 -0
- package/dist/Badge/Badge.js +52 -0
- package/dist/Badge/Badge.js.map +1 -0
- package/dist/Badge/index.d.ts +1 -0
- package/dist/Badge/index.js +7 -0
- package/dist/Badge/index.js.map +1 -0
- package/dist/BottomNavigation/BottomNavigation.js +3 -21
- package/dist/BottomNavigation/BottomNavigation.js.map +1 -1
- package/dist/Button/Button.d.ts +2 -2
- package/dist/Button/Button.js +119 -17
- 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/Checkbox/Checkbox.d.ts +4 -0
- package/dist/Checkbox/Checkbox.js +35 -0
- package/dist/Checkbox/Checkbox.js.map +1 -0
- package/dist/Checkbox/index.d.ts +1 -0
- package/dist/Checkbox/index.js +6 -0
- package/dist/Checkbox/index.js.map +1 -0
- package/dist/Chip/Chip.js +3 -2
- package/dist/Chip/Chip.js.map +1 -1
- package/dist/Collapsible/AccountCollapsible.js +3 -18
- 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 +1 -22
- package/dist/Input/InputMask.js.map +1 -1
- package/dist/Input-OTP/Input.js +5 -4
- 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 +2 -23
- package/dist/Popover/Popover.js.map +1 -1
- package/dist/Progress/Progress.js +3 -11
- package/dist/Progress/Progress.js.map +1 -1
- package/dist/Select/SelectAccountCard.js +7 -33
- package/dist/Select/SelectAccountCard.js.map +1 -1
- package/dist/Select/SelectAsync.js +6 -17
- package/dist/Select/SelectAsync.js.map +1 -1
- package/dist/Select/SelectBase.js +6 -17
- package/dist/Select/SelectBase.js.map +1 -1
- package/dist/Slider/Slider.js +5 -21
- package/dist/Slider/Slider.js.map +1 -1
- package/dist/Switch/Switch.js +13 -27
- package/dist/Switch/Switch.js.map +1 -1
- package/dist/Tabs/Tabs.js +9 -39
- package/dist/Tabs/Tabs.js.map +1 -1
- package/dist/Textarea/Textarea.d.ts +1 -1
- package/dist/Textarea/Textarea.js +3 -20
- package/dist/Textarea/Textarea.js.map +1 -1
- package/dist/index.d.ts +5 -3
- package/dist/index.js +8 -2
- package/dist/index.js.map +1 -1
- package/package.json +2 -1
- package/src/@/config/index.ts +72 -72
- package/src/Alert/Alert.tsx +25 -68
- package/src/AlertDialog/AlertDialog.tsx +3 -2
- package/src/Badge/Badge.tsx +58 -0
- package/src/Badge/index.ts +1 -0
- package/src/BottomNavigation/BottomNavigation.tsx +2 -20
- package/src/Button/Button.tsx +140 -43
- package/src/Button/index.ts +1 -1
- package/src/Calendar/Calendar.tsx +1 -1
- package/src/Checkbox/Checkbox.tsx +44 -0
- package/src/Checkbox/index.ts +1 -0
- package/src/Chip/Chip.tsx +3 -2
- package/src/Collapsible/AccountCollapsible.tsx +3 -19
- package/src/DatePicker/DatePicker.tsx +5 -5
- package/src/Drawer/Drawer.tsx +1 -2
- package/src/Form/Form.tsx +3 -5
- package/src/Icon/icons/InfoSolid.tsx +1 -1
- package/src/Input/Input.tsx +1 -1
- package/src/Input/InputMask.tsx +1 -22
- package/src/Input-OTP/Input.tsx +2 -1
- package/src/Label/Label.tsx +1 -1
- package/src/Page/Page.tsx +1 -1
- package/src/Popover/Popover.tsx +2 -24
- package/src/Progress/Progress.tsx +3 -11
- package/src/Select/Select.tsx +1 -1
- package/src/Select/SelectAccountCard.tsx +11 -32
- package/src/Select/SelectAsync.tsx +10 -16
- package/src/Select/SelectBase.tsx +6 -16
- package/src/Slider/Slider.tsx +4 -21
- package/src/Switch/Switch.tsx +13 -26
- package/src/Tabs/Tabs.tsx +9 -41
- package/src/Textarea/Textarea.tsx +19 -30
- package/src/assets/css/global.css +6 -11
- package/src/index.ts +9 -3
|
@@ -4,8 +4,8 @@ exports.AccountCollapsibleContentItem = exports.AccountCollapsibleContent = expo
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const react_1 = (0, tslib_1.__importDefault)(require("react"));
|
|
6
6
|
const CollapsiblePrimitive = (0, tslib_1.__importStar)(require("@radix-ui/react-collapsible"));
|
|
7
|
-
const Icon_1 = require("
|
|
8
|
-
const
|
|
7
|
+
const Icon_1 = require("../../src/Icon");
|
|
8
|
+
const utils_1 = require("../@/lib/utils");
|
|
9
9
|
const react_slot_1 = require("@radix-ui/react-slot");
|
|
10
10
|
const AccountCollapsible = CollapsiblePrimitive.Root;
|
|
11
11
|
exports.AccountCollapsible = AccountCollapsible;
|
|
@@ -19,24 +19,9 @@ const AccountCollapsibleHeader = ({ label }) => {
|
|
|
19
19
|
react_1.default.createElement(Icon_1.DropdownSmallOld, { className: 'group-[[data-state=open]]:rotate-180 transition-transform' })));
|
|
20
20
|
};
|
|
21
21
|
exports.AccountCollapsibleHeader = AccountCollapsibleHeader;
|
|
22
|
-
const accountCollapsibleClasses = `
|
|
23
|
-
text-left
|
|
24
|
-
w-full
|
|
25
|
-
rounded-[4px]
|
|
26
|
-
px-[12px]
|
|
27
|
-
py-[16px]
|
|
28
|
-
bg-btn-secondary
|
|
29
|
-
border-btn-secondary
|
|
30
|
-
hover:bg-btn-secondary-hover
|
|
31
|
-
hover:border-btn-secondary-hover
|
|
32
|
-
focus:bg-btn-secondary-focus
|
|
33
|
-
focus:border-btn-secondary-focus
|
|
34
|
-
active:border-btn-secondary-active
|
|
35
|
-
active:bg-btn-secondary-active
|
|
36
|
-
`;
|
|
37
22
|
const AccountCollapsibleContentItem = ({ children, asChild = true, className, ...props }) => {
|
|
38
23
|
const Comp = asChild ? react_slot_1.Slot : 'div';
|
|
39
|
-
return (react_1.default.createElement(Comp, { className: (0,
|
|
24
|
+
return (react_1.default.createElement(Comp, { className: (0, utils_1.cn)('text-left w-full rounded-[4px] px-[12px] py-[16px] bg-btn-secondary hover:bg-btn-secondary-hover focus:bg-btn-secondary-focus active:bg-btn-secondary-active border-btn-secondary hover:border-btn-secondary-hover focus:border-btn-secondary-focus active:border-btn-secondary-active', className), ...props }, children));
|
|
40
25
|
};
|
|
41
26
|
exports.AccountCollapsibleContentItem = AccountCollapsibleContentItem;
|
|
42
27
|
AccountCollapsible.displayName = 'AccountCollaspible';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountCollapsible.js","sourceRoot":"","sources":["../../src/Collapsible/AccountCollapsible.tsx"],"names":[],"mappings":";;;;AAAA,+DAA4C;AAC5C,+FAAmE;AACnE,
|
|
1
|
+
{"version":3,"file":"AccountCollapsible.js","sourceRoot":"","sources":["../../src/Collapsible/AccountCollapsible.tsx"],"names":[],"mappings":";;;;AAAA,+DAA4C;AAC5C,+FAAmE;AACnE,yCAAiD;AACjD,0CAAmC;AACnC,qDAA2C;AAE3C,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,IAAI,CAAA;AAmDnD,gDAAkB;AAjDnB,MAAM,yBAAyB,GAAG,oBAAoB,CAAC,kBAAkB,CAAA;AAmDxE,8DAAyB;AAjD1B,MAAM,yBAAyB,GAAG,oBAAoB,CAAC,kBAAkB,CAAA;AAkDxE,8DAAyB;AAtC1B,MAAM,wBAAwB,GAAsC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACjF,OAAO,CACN,8BAAC,yBAAyB,IAAC,SAAS,EAAC,wEAAwE;QAC5G,uCAAK,SAAS,EAAC,wCAAwC,IAAE,KAAK,CAAO;QACrE,8BAAC,uBAAgB,IAAC,SAAS,EAAC,2DAA2D,GAAE,CAC9D,CAC5B,CAAA;AACF,CAAC,CAAA;AA6BA,4DAAwB;AA5BzB,MAAM,6BAA6B,GAA2C,CAAC,EAC9E,QAAQ,EACR,OAAO,GAAG,IAAI,EACd,SAAS,EACT,GAAG,KAAK,EACR,EAAE,EAAE;IACJ,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,KAAK,CAAA;IACnC,OAAO,CACN,8BAAC,IAAI,IACJ,SAAS,EAAE,IAAA,UAAE,EACZ,wRAAwR,EACxR,SAAS,CACT,KACG,KAAK,IAER,QAAQ,CACH,CACP,CAAA;AACF,CAAC,CAAA;AAaA,sEAA6B;AAX9B,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA;AACrD,yBAAyB,CAAC,WAAW,GAAG,2BAA2B,CAAA;AACnE,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAA;AACjE,yBAAyB,CAAC,WAAW,GAAG,2BAA2B,CAAA;AACnE,6BAA6B,CAAC,WAAW,GAAG,+BAA+B,CAAA"}
|
|
@@ -4,16 +4,16 @@ exports.DatePicker = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
6
|
const date_fns_1 = require("date-fns");
|
|
7
|
-
const
|
|
8
|
-
const Calendar_1 = require("
|
|
9
|
-
const Icon_1 = require("
|
|
10
|
-
const Popover_1 = require("
|
|
7
|
+
const utils_1 = require("../@/lib/utils");
|
|
8
|
+
const Calendar_1 = require("../Calendar");
|
|
9
|
+
const Icon_1 = require("../Icon");
|
|
10
|
+
const Popover_1 = require("../Popover");
|
|
11
11
|
const locale_1 = require("date-fns/locale");
|
|
12
|
-
const trigegrClasses = 'inline-flex items-center px-[12px] h-[44px] text-left
|
|
12
|
+
const trigegrClasses = 'inline-flex items-center border-input px-[12px] border rounded-sm h-[44px] text-left';
|
|
13
13
|
const DatePicker = ({ placeholder, triggerDisabled, date, classTrigger, ...props }) => {
|
|
14
14
|
return (React.createElement(Popover_1.Popover, null,
|
|
15
15
|
React.createElement(Popover_1.Popover.Trigger, { asChild: true },
|
|
16
|
-
React.createElement("button", { className: (0,
|
|
16
|
+
React.createElement("button", { className: (0, utils_1.cn)(trigegrClasses, { 'bg-light text-light': triggerDisabled }, classTrigger), disabled: triggerDisabled },
|
|
17
17
|
date ? React.createElement("span", { className: 'w-[calc(100%-26px)] truncate' }, (0, date_fns_1.format)(date, 'PPP', { locale: locale_1.ru })) : React.createElement("span", { className: 'w-[calc(100%-26px)] text-light truncate' }, placeholder),
|
|
18
18
|
React.createElement(Icon_1.Calendar, { width: 18, height: 18, className: "ml-[8px] text-light shrink-0" }))),
|
|
19
19
|
React.createElement(Popover_1.Popover.Content, { className: "bg-page p-0 w-auto", align: "center" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,uCAAiC;AACjC,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,uCAAiC;AACjC,0CAAmC;AACnC,0CAAsC;AACtC,kCAAkD;AAClD,wCAAoC;AACpC,4CAAoC;AAEpC,MAAM,cAAc,GAAG,sFAAsF,CAAA;AAW7G,MAAM,UAAU,GAAqB,CAAC,EAAC,WAAW,EAAE,eAAe,EAAE,IAAI,EAAE,YAAY,EAAG,GAAG,KAAK,EAAC,EAAE,EAAE;IAEtG,OAAO,CACN,oBAAC,iBAAO;QACP,oBAAC,iBAAO,CAAC,OAAO,IAAC,OAAO;YACvB,gCAAQ,SAAS,EAAE,IAAA,UAAE,EAAC,cAAc,EAAE,EAAC,qBAAqB,EAAC,eAAe,EAAC,EAAE,YAAY,CAAC,EAAE,QAAQ,EAAE,eAAe;gBACrH,IAAI,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAC,8BAA8B,IAAE,IAAA,iBAAM,EAAC,IAAI,EAAE,KAAK,EAAE,EAAC,MAAM,EAAE,WAAE,EAAC,CAAC,CAAQ,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAC,yCAAyC,IAAE,WAAW,CAAQ;gBAClL,oBAAC,eAAY,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAC,8BAA8B,GAAG,CACxE,CACQ;QAClB,oBAAC,iBAAO,CAAC,OAAO,IACf,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAC,QAAQ;YAEd,oBAAC,mBAAQ,OAAK,KAAK,GAAG,CACL,CACT,CACV,CAAA;AACF,CAAC,CAAA;AAEQ,gCAAU"}
|
package/dist/Drawer/Drawer.js
CHANGED
|
@@ -4,7 +4,7 @@ exports.DrawerClose = exports.DrawerTitle = exports.DrawerContent = exports.Draw
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = (0, tslib_1.__importStar)(require("react"));
|
|
6
6
|
const vaul_1 = require("vaul");
|
|
7
|
-
const
|
|
7
|
+
const utils_1 = require("../@/lib/utils");
|
|
8
8
|
const react_1 = require("react");
|
|
9
9
|
const DrawerContext = React.createContext({ direction: 'bottom', modal: false });
|
|
10
10
|
const Drawer = ({ ...props }) => {
|
|
@@ -19,14 +19,14 @@ const DrawerPortal = vaul_1.Drawer.Portal;
|
|
|
19
19
|
const DrawerClose = vaul_1.Drawer.Close;
|
|
20
20
|
exports.DrawerClose = DrawerClose;
|
|
21
21
|
const DrawerOverlay = vaul_1.Drawer.Overlay;
|
|
22
|
-
const DrawerTitle = React.forwardRef(({ className, ...props }, ref) => (React.createElement(vaul_1.Drawer.Title, { ref: ref, className: (0,
|
|
22
|
+
const DrawerTitle = React.forwardRef(({ className, ...props }, ref) => (React.createElement(vaul_1.Drawer.Title, { ref: ref, className: (0, utils_1.cn)(className), ...props })));
|
|
23
23
|
exports.DrawerTitle = DrawerTitle;
|
|
24
24
|
DrawerTitle.displayName = vaul_1.Drawer.Title.displayName;
|
|
25
25
|
const DrawerContent = React.forwardRef(({ className, children, ...props }, ref) => {
|
|
26
26
|
const { direction = 'bottom', modal = false } = (0, react_1.useContext)(DrawerContext);
|
|
27
27
|
return (React.createElement(DrawerPortal, null,
|
|
28
28
|
modal && React.createElement(DrawerOverlay, { className: 'z-50 fixed inset-0 bg-[--drawer-overlay-bg]' }),
|
|
29
|
-
React.createElement(vaul_1.Drawer.Content, { ref: ref, className: (0,
|
|
29
|
+
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-sm max-h-[94%] sm:container`, direction === 'top' ? 'top-0 rounded-b-sm ' : 'bottom-0 rounded-t-sm', className), ...props },
|
|
30
30
|
direction !== 'top' && (React.createElement("div", { className: "pt-[4px] pb-[16px]" },
|
|
31
31
|
React.createElement("span", { className: "block bg-[--cl-graphite-5] mx-auto rounded-full w-[36px] h-[5px]" }))),
|
|
32
32
|
children,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,+BAAgD;AAChD,
|
|
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,EAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,CAAC,CAAA;AAE9E,MAAM,MAAM,GAAG,CAAC,EAAE,GAAG,KAAK,EAAqD,EAAE,EAAE;IAClF,OAAO,CACN,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAC;QAC9E,oBAAC,aAAe,CAAC,IAAI,OAAK,KAAK,GAAI,CACX,CACzB,CAAA;AACF,CAAC,CAAA;AA0EQ,wBAAM;AAxEf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,MAAM,aAAa,GAAG,aAAe,CAAC,OAAO,CAAA;AAsE5B,sCAAa;AApE9B,MAAM,YAAY,GAAG,aAAe,CAAC,MAAM,CAAA;AAE3C,MAAM,WAAW,GAAG,aAAe,CAAC,KAAK,CAAA;AAkEmB,kCAAW;AAhEvE,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;AAqD6C,kCAAW;AAnD1D,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,EAAC,SAAS,GAAG,QAAQ,EAAE,KAAK,GAAG,KAAK,EAAC,GAAG,IAAA,kBAAU,EAAC,aAAa,CAAC,CAAA;IAEvE,OAAO,CACN,oBAAC,YAAY;QACX,KAAK,IAAI,oBAAC,aAAa,IAAC,SAAS,EAAC,6CAA6C,GAAG;QACnF,oBAAC,aAAe,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACZ,+EAA+E,EAC/E,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,uBAAuB,EACrE,SAAS,CACT,KACG,KAAK;YAER,SAAS,KAAK,KAAK,IAAI,CACvB,6BAAK,SAAS,EAAC,oBAAoB;gBAClC,8BAAM,SAAS,EAAC,kEAAkE,GAAG,CAChF,CACN;YAEA,QAAQ;YAER,SAAS,KAAK,KAAK,IAAI,CACvB,6BAAK,SAAS,EAAC,qBAAqB;gBACnC,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,sBAAsB,GAC1B,CACG,CACD,CACN,CACwB,CACZ,CACf,CAAA;AACF,CAAC,CAAC,CAAA;AAG8B,sCAAa;AAF7C,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}
|
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("../@/lib/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: "#4971D0", 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,SAAS,EACd,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("../@/lib/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,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,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,28 +4,7 @@ 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 =
|
|
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
|
-
`;
|
|
7
|
+
const inputClasses = 'form-input 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';
|
|
29
8
|
const InputMask = ({ ...props }) => {
|
|
30
9
|
return (React.createElement(react_imask_1.IMaskInput, { className: inputClasses, ...props }));
|
|
31
10
|
};
|
|
@@ -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,iVAAiV,CAAA;AAEtW,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,17 +4,18 @@ 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
|
-
|
|
7
|
+
const utils_1 = require("../@/lib/utils");
|
|
8
|
+
// import { cn } from "@/lib/utils" порешать с алиасами
|
|
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 })));
|
|
9
10
|
exports.InputOTP = InputOTP;
|
|
10
11
|
InputOTP.displayName = 'InputOTP';
|
|
11
|
-
const InputOTPGroup = React.forwardRef(({ className, ...props }, ref) => (React.createElement("div", { ref: ref, className: (0,
|
|
12
|
+
const InputOTPGroup = React.forwardRef(({ className, ...props }, ref) => (React.createElement("div", { ref: ref, className: (0, utils_1.cn)('flex items-center', className), ...props })));
|
|
12
13
|
exports.InputOTPGroup = InputOTPGroup;
|
|
13
14
|
InputOTPGroup.displayName = 'InputOTPGroup';
|
|
14
15
|
const InputOTPSlot = React.forwardRef(({ index, className, ...props }, ref) => {
|
|
15
16
|
const inputOTPContext = React.useContext(input_otp_1.OTPInputContext);
|
|
16
17
|
const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
|
|
17
|
-
return (React.createElement("div", { ref: ref, className: (0,
|
|
18
|
+
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 },
|
|
18
19
|
char,
|
|
19
20
|
hasFakeCaret && (React.createElement("div", { className: "absolute inset-0 flex justify-center items-center pointer-events-none" },
|
|
20
21
|
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,0CAAmC;AACnC,uDAAuD;AAEvD,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,UAAE,EAAC,8CAA8C,EAAE,kBAAkB,CAAC,EAC1F,SAAS,EAAE,IAAA,UAAE,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,UAAE,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,UAAE,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("../@/lib/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,0CAAmC;AAEnC,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,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"}
|
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("../@/lib/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,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"}
|
package/dist/Popover/Popover.js
CHANGED
|
@@ -2,33 +2,12 @@
|
|
|
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 classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
|
|
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
|
|
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 })));
|
|
10
|
+
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, classnames_1.default)('z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', className), ...props })));
|
|
32
11
|
Popover.Trigger = PopoverTrigger;
|
|
33
12
|
Popover.Portal = PopoverPortal;
|
|
34
13
|
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,yEAA2B;AAC3B,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,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,oBAAE,EACZ,4aAA4a,EAC5a,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,17 +4,9 @@ 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
|
-
|
|
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)}%)` } }))));
|
|
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-[--progress-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)}%)` } }))));
|
|
18
10
|
exports.Progress = Progress;
|
|
19
11
|
Progress.displayName = ProgressPrimitive.Root.displayName;
|
|
20
12
|
//# 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;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,uFAAuF,EAAE,SAAS,CAAC,KAC7G,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"}
|
|
@@ -3,25 +3,10 @@ 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 =
|
|
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
|
-
`;
|
|
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 cursor-pointer';
|
|
25
10
|
const colourStyles = {
|
|
26
11
|
control: () => ({}),
|
|
27
12
|
option: () => ({}),
|
|
@@ -35,25 +20,14 @@ const colourStyles = {
|
|
|
35
20
|
};
|
|
36
21
|
const Control = ({ children, ...props }) => {
|
|
37
22
|
const { isFocused } = props;
|
|
38
|
-
return (React.createElement(react_select_1.components.Control, { className: (0,
|
|
23
|
+
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));
|
|
39
24
|
};
|
|
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
|
-
`;
|
|
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';
|
|
52
26
|
const Option = ({ children, ...props }) => {
|
|
53
27
|
const { isSelected, isFocused, isDisabled,
|
|
54
28
|
// @ts-ignore
|
|
55
29
|
data: { label, account, balance, cur }, } = props;
|
|
56
|
-
return (React.createElement(react_select_1.components.Option, { className: (0,
|
|
30
|
+
return (React.createElement(react_select_1.components.Option, { className: (0, utils_1.cn)(optionClasses, { 'bg-light': isFocused }, { 'opacity-50 pointer-events-none': isDisabled }), ...props },
|
|
57
31
|
React.createElement("span", { className: "flex basis-0 grow" },
|
|
58
32
|
React.createElement("span", null,
|
|
59
33
|
React.createElement("span", null, label),
|
|
@@ -63,7 +37,7 @@ const Option = ({ children, ...props }) => {
|
|
|
63
37
|
balance,
|
|
64
38
|
"\u00A0",
|
|
65
39
|
cur)),
|
|
66
|
-
React.createElement("span", { className: "ml-[16px]
|
|
40
|
+
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" })))));
|
|
67
41
|
};
|
|
68
42
|
const DropdownIndicator = ({ children, ...props }) => {
|
|
69
43
|
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,22 +3,11 @@ 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 =
|
|
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
|
-
`;
|
|
9
|
+
const utils_1 = require("../@/lib/utils");
|
|
10
|
+
const selectTriggerClasses = 'flex items-center border-[1px] border-input rounded-sm h-[44px] text-left px-[16px] py-[12px] cursor-pointer';
|
|
22
11
|
const colourStyles = {
|
|
23
12
|
control: () => ({}),
|
|
24
13
|
option: () => ({}),
|
|
@@ -35,14 +24,14 @@ const Input = ({ ...props }) => {
|
|
|
35
24
|
};
|
|
36
25
|
const Control = ({ children, ...props }) => {
|
|
37
26
|
const { isFocused } = props;
|
|
38
|
-
return (React.createElement(react_select_1.components.Control, { className: (0,
|
|
27
|
+
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));
|
|
39
28
|
};
|
|
40
29
|
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';
|
|
41
30
|
const Option = ({ children, ...props }) => {
|
|
42
31
|
const { isSelected, isFocused, isDisabled, } = props;
|
|
43
|
-
return (React.createElement(react_select_1.components.Option, { className: (0,
|
|
32
|
+
return (React.createElement(react_select_1.components.Option, { className: (0, utils_1.cn)(optionClasses, { 'bg-light': isFocused }, { 'opacity-50 pointer-events-none': isDisabled }), ...props },
|
|
44
33
|
React.createElement("span", { className: "flex basis-0 grow" }, children),
|
|
45
|
-
React.createElement("span", { className: "ml-[16px]
|
|
34
|
+
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" })))));
|
|
46
35
|
};
|
|
47
36
|
const IndicatorsContainer = ({ children, ...props }) => {
|
|
48
37
|
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":"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"}
|