@modul/mbui 0.0.13-beta-pv-53036-7c290859 → 0.0.13-beta-pv-53036-7e3c29c2

package/dist/Calendar/Calendar.js

@@ -5,37 +5,39 @@ const tslib_1 = require("tslib");
 const React = (0, tslib_1.__importStar)(require("react"));
 const react_day_picker_1 = require("react-day-picker");
 const utils_1 = require("../@/lib/utils");
-const Button_1 = require("../Button");
+const locale_1 = require("date-fns/locale");
+const daySelectedClasses = 'bg-btn-primary text-btn-primary rounded-sm';
+const dayTodayClasses = 'bg-btn-secondary text-btn-secondary rounded-sm';
+const rangeMiddleClasses = 'date-range-middle aria-selected:bg-btn-primary/50 aria-selected:text-white';
+const btnNavClasses = 'opacity-50 hover:opacity-100 ring-offset-2 focus-visible:opacity-100 focus-visible:outline-primary border-input border rounded-sm shadow-sm';
 function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
-    return (React.createElement(react_day_picker_1.DayPicker, { showOutsideDays: showOutsideDays, className: (0, utils_1.cn)('p-3', className), classNames: {
-            months: 'flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0',
-            month: 'space-y-4',
-            caption: 'flex justify-center pt-1 relative items-center',
-            caption_label: 'text-sm font-medium',
-            nav: 'space-x-1 flex items-center',
-            nav_button: (0, utils_1.cn)((0, Button_1.buttonVariants)({ variant: 'outline' }), 'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100'),
-            nav_button_previous: 'absolute left-1',
-            nav_button_next: 'absolute right-1',
-            table: 'w-full border-collapse space-y-1',
-            head_row: 'flex',
-            head_cell: 'text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]',
-            row: 'flex w-full mt-2',
-            cell: (0, utils_1.cn)('relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md', props.mode === 'range'
-                ? '[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md'
-                : '[&:has([aria-selected])]:rounded-md'),
-            day: (0, utils_1.cn)((0, Button_1.buttonVariants)({ variant: 'ghost' }), 'h-8 w-8 p-0 font-normal aria-selected:opacity-100'),
-            day_range_start: 'day-range-start',
-            day_range_end: 'day-range-end',
-            day_selected: 'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',
-            day_today: 'bg-accent text-accent-foreground',
-            day_outside: 'day-outside text-muted-foreground opacity-50  aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30',
-            day_disabled: 'text-muted-foreground opacity-50',
-            day_range_middle: 'aria-selected:bg-accent aria-selected:text-accent-foreground',
-            day_hidden: 'invisible',
+    return (React.createElement(react_day_picker_1.DayPicker, { locale: locale_1.ru, showOutsideDays: showOutsideDays, className: (0, utils_1.cn)('inline-flex', className), classNames: {
+            months: 'relative',
+            month: 'flex flex-col space-y-[16px] items-center',
+            month_grid: 'w-full border-collapse',
+            month_caption: 'inline m-x-auto',
+            caption_label: 'text-sm font-medium capitalize',
+            nav: 'flex justify-between absolute start-0 end-0',
+            button_previous: btnNavClasses,
+            button_next: btnNavClasses,
+            weekdays: 'flex',
+            weekday: 'text-light w-[32px] font-normal text-[14px]',
+            week: 'flex w-full mt-2',
+            day_button: 'w-[32px] h-[32px] p-0',
+            day: (0, utils_1.cn)('aria-selected:opacity-100 text-[14px] leading-[1]', props.mode === 'range'
+                ? '[&:(.day-range-middle)]:rounded-0 [&:has(>.day-range-end)]:rounded-r-sm [&:has(>.day-range-start)]:rounded-l-sm first:[&:has([aria-selected])]:rounded-l-sm last:[&:has([aria-selected])]:rounded-r-sm'
+                : '[&:([aria-selected])]:rounded-sm'),
+            range_start: 'day-range-start',
+            range_end: 'day-range-end',
+            range_middle: rangeMiddleClasses,
+            selected: daySelectedClasses,
+            today: dayTodayClasses,
+            outside: 'day-outside opacity-50 aria-selected:bg-primary aria-selected:text-[white] aria-selected:opacity-30',
+            disabled: 'text-light opacity-50',
+            hidden: 'invisible',
             ...classNames,
         }, components: {
-        // IconLeft: ({ ...props }) => <Left className="w-4 h-4" />,
-        // IconRight: ({ ...props }) => <Right className="w-4 h-4" />,
+        // Chevron: () => <Left className="w-4 h-4" />,
         }, ...props }));
 }
 exports.Calendar = Calendar;

package/dist/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../src/Calendar/Calendar.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,uDAA4C;AAC5C,0CAAmC;AACnC,sCAA0C;AAK1C,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,GAAG,IAAI,EAAE,GAAG,KAAK,EAAiB;IAC3F,OAAO,CACN,oBAAC,4BAAS,IACT,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,IAAA,UAAE,EAAC,KAAK,EAAE,SAAS,CAAC,EAC/B,UAAU,EAAE;YACX,MAAM,EAAE,+DAA+D;YACvE,KAAK,EAAE,WAAW;YAClB,OAAO,EAAE,gDAAgD;YACzD,aAAa,EAAE,qBAAqB;YACpC,GAAG,EAAE,6BAA6B;YAClC,UAAU,EAAE,IAAA,UAAE,EACb,IAAA,uBAAc,EAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EACtC,yDAAyD,CACzD;YACD,mBAAmB,EAAE,iBAAiB;YACtC,eAAe,EAAE,kBAAkB;YACnC,KAAK,EAAE,kCAAkC;YACzC,QAAQ,EAAE,MAAM;YAChB,SAAS,EAAE,gEAAgE;YAC3E,GAAG,EAAE,kBAAkB;YACvB,IAAI,EAAE,IAAA,UAAE,EACP,mNAAmN,EACnN,KAAK,CAAC,IAAI,KAAK,OAAO;gBACrB,CAAC,CAAC,sKAAsK;gBACxK,CAAC,CAAC,qCAAqC,CACxC;YACD,GAAG,EAAE,IAAA,UAAE,EAAC,IAAA,uBAAc,EAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,mDAAmD,CAAC;YAClG,eAAe,EAAE,iBAAiB;YAClC,aAAa,EAAE,eAAe;YAC9B,YAAY,EACX,kIAAkI;YACnI,SAAS,EAAE,kCAAkC;YAC7C,WAAW,EACV,uIAAuI;YACxI,YAAY,EAAE,kCAAkC;YAChD,gBAAgB,EAAE,8DAA8D;YAChF,UAAU,EAAE,WAAW;YACvB,GAAG,UAAU;SACb,EACD,UAAU,EAAE;QACX,4DAA4D;QAC5D,8DAA8D;SAC9D,KACG,KAAK,GACR,CACF,CAAA;AACF,CAAC;AAGQ,4BAAQ;AAFjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}
+{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../src/Calendar/Calendar.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,uDAA4C;AAC5C,0CAAmC;AACnC,4CAAoC;AAEpC,MAAM,kBAAkB,GAAG,4CAA4C,CAAA;AACvE,MAAM,eAAe,GAAG,gDAAgD,CAAA;AACxE,MAAM,kBAAkB,GAAG,4EAA4E,CAAA;AACvG,MAAM,aAAa,GAClB,6IAA6I,CAAA;AAG9I,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,GAAG,IAAI,EAAE,GAAG,KAAK,EAAiB;IAC3F,OAAO,CACN,oBAAC,4BAAS,IACT,MAAM,EAAE,WAAE,EACV,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,IAAA,UAAE,EAAC,aAAa,EAAE,SAAS,CAAC,EACvC,UAAU,EAAE;YACX,MAAM,EAAE,UAAU;YAClB,KAAK,EAAE,2CAA2C;YAClD,UAAU,EAAE,wBAAwB;YACpC,aAAa,EAAE,iBAAiB;YAChC,aAAa,EAAE,gCAAgC;YAC/C,GAAG,EAAE,6CAA6C;YAClD,eAAe,EAAE,aAAa;YAC9B,WAAW,EAAE,aAAa;YAC1B,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,6CAA6C;YACtD,IAAI,EAAE,kBAAkB;YACxB,UAAU,EAAE,uBAAuB;YACnC,GAAG,EAAE,IAAA,UAAE,EACN,mDAAmD,EACnD,KAAK,CAAC,IAAI,KAAK,OAAO;gBACrB,CAAC,CAAC,wMAAwM;gBAC1M,CAAC,CAAC,kCAAkC,CACrC;YACD,WAAW,EAAE,iBAAiB;YAC9B,SAAS,EAAE,eAAe;YAC1B,YAAY,EAAE,kBAAkB;YAChC,QAAQ,EAAE,kBAAkB;YAC5B,KAAK,EAAE,eAAe;YACtB,OAAO,EACN,qGAAqG;YACtG,QAAQ,EAAE,uBAAuB;YACjC,MAAM,EAAE,WAAW;YACnB,GAAG,UAAU;SACb,EACD,UAAU,EACT;QACC,+CAA+C;SAC/C,KAEE,KAAK,GACR,CACF,CAAA;AACF,CAAC;AAIQ,4BAAQ;AAFjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}

package/dist/DatePicker/DatePicker.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+interface IProps {
+    placeholder?: string;
+    date: Date;
+    classTrigger?: string;
+    triggerDisabled: boolean;
+}
+declare const DatePicker: React.FC<IProps>;
+export { DatePicker };

package/dist/DatePicker/DatePicker.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePicker = void 0;
+const tslib_1 = require("tslib");
+const React = (0, tslib_1.__importStar)(require("react"));
+const date_fns_1 = require("date-fns");
+const utils_1 = require("../@/lib/utils");
+const Calendar_1 = require("../Calendar");
+const Icon_1 = require("../Icon");
+const Popover_1 = require("../Popover");
+const locale_1 = require("date-fns/locale");
+const trigegrClasses = 'inline-flex items-center border-input border h-[44px] rounded-sm px-[16px]';
+const DatePicker = ({ placeholder, triggerDisabled, date, classTrigger, ...props }) => {
+    return (React.createElement(Popover_1.Popover, null,
+        React.createElement(Popover_1.Popover.Trigger, { asChild: true },
+            React.createElement("button", { className: (0, utils_1.cn)(trigegrClasses, { 'bg-light text-light': triggerDisabled }, classTrigger), disabled: triggerDisabled },
+                date ? React.createElement("span", { className: 'truncate' }, (0, date_fns_1.format)(date, 'PPP', { locale: locale_1.ru })) : React.createElement("span", { className: 'text-light truncate' }, placeholder),
+                React.createElement(Icon_1.Calendar, { width: 18, height: 18, className: "ml-[8px] text-light shrink-0" }))),
+        React.createElement(Popover_1.Popover.Content, { className: "p-0 w-auto", align: "center" },
+            React.createElement(Calendar_1.Calendar, { ...props }))));
+};
+exports.DatePicker = DatePicker;
+//# sourceMappingURL=DatePicker.js.map

package/dist/DatePicker/DatePicker.js.map

@@ -0,0 +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,4EAA4E,CAAA;AASnG,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,UAAU,IAAE,IAAA,iBAAM,EAAC,IAAI,EAAE,KAAK,EAAE,EAAC,MAAM,EAAE,WAAE,EAAC,CAAC,CAAQ,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAC,qBAAqB,IAAE,WAAW,CAAQ;gBAC1I,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,YAAY,EACtB,KAAK,EAAC,QAAQ;YAEd,oBAAC,mBAAQ,OAAK,KAAK,GAAG,CACL,CACT,CACV,CAAA;AACF,CAAC,CAAA;AAEQ,gCAAU"}

package/dist/DatePicker/index.d.ts

@@ -0,0 +1 @@
+export { DatePicker } from './DatePicker';

package/dist/DatePicker/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePicker = void 0;
+var DatePicker_1 = require("./DatePicker");
+Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return DatePicker_1.DatePicker; } });
+//# sourceMappingURL=index.js.map

package/dist/DatePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/DatePicker/index.ts"],"names":[],"mappings":";;;AAAA,2CAAyC;AAAhC,wGAAA,UAAU,OAAA"}

package/dist/index.d.ts

@@ -22,4 +22,5 @@ import { Textarea } from './Textarea';
 import { SelectAccountCard, SelectAsync } from './Select';
 import { Form, FormLabel, FormField, FormItem, FormControl, FormDescription, FormMessage } from './Form';
 import { Calendar } from './Calendar';
-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, SelectAsync, InputMask, };
+import { DatePicker } from './DatePicker';
+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, };

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputMask = exports.SelectAsync = exports.Calendar = exports.FormMessage = exports.FormDescription = exports.FormControl = exports.FormItem = exports.FormField = exports.FormLabel = exports.Form = exports.SelectAccountCard = exports.Textarea = exports.Label = exports.Switch = exports.Alert = exports.Chip = exports.Page = exports.BottomNavigationLink = exports.BottomNavigationListItem = exports.BottomNavigationList = exports.BottomNavigation = exports.DrawerContent = exports.DrawerClose = exports.DrawerTitle = exports.DrawerTrigger = exports.Drawer = exports.Icon = exports.cn = exports.Audio = exports.InputLabel = exports.InputField = exports.Button = exports.AccountCollapsibleContentItem = exports.AccountCollapsibleContent = exports.AccountCollapsibleTrigger = exports.AccountCollapsibleHeader = exports.AccountCollapsible = exports.CollapsibleContent = exports.CollapsibleTrigger = exports.Collapsible = exports.InputOTPSeparator = exports.InputOTPSlot = exports.InputOTPGroup = exports.InputOTP = exports.Logo = exports.Popover = exports.Slider = exports.Tabs = exports.Tooltip = void 0;
+exports.InputMask = exports.SelectAsync = exports.DatePicker = exports.Calendar = exports.FormMessage = exports.FormDescription = exports.FormControl = exports.FormItem = exports.FormField = exports.FormLabel = exports.Form = exports.SelectAccountCard = exports.Textarea = exports.Label = exports.Switch = exports.Alert = exports.Chip = exports.Page = exports.BottomNavigationLink = exports.BottomNavigationListItem = exports.BottomNavigationList = exports.BottomNavigation = exports.DrawerContent = exports.DrawerClose = exports.DrawerTitle = exports.DrawerTrigger = exports.Drawer = exports.Icon = exports.cn = exports.Audio = exports.InputLabel = exports.InputField = exports.Button = exports.AccountCollapsibleContentItem = exports.AccountCollapsibleContent = exports.AccountCollapsibleTrigger = exports.AccountCollapsibleHeader = exports.AccountCollapsible = exports.CollapsibleContent = exports.CollapsibleTrigger = exports.Collapsible = exports.InputOTPSeparator = exports.InputOTPSlot = exports.InputOTPGroup = exports.InputOTP = exports.Logo = exports.Popover = exports.Slider = exports.Tabs = exports.Tooltip = void 0;
 const tslib_1 = require("tslib");
 const Tooltip_1 = require("./Tooltip");
 Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
@@ -75,4 +75,6 @@ Object.defineProperty(exports, "FormDescription", { enumerable: true, get: funct
 Object.defineProperty(exports, "FormMessage", { enumerable: true, get: function () { return Form_1.FormMessage; } });
 const Calendar_1 = require("./Calendar");
 Object.defineProperty(exports, "Calendar", { enumerable: true, get: function () { return Calendar_1.Calendar; } });
+const DatePicker_1 = require("./DatePicker");
+Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return DatePicker_1.DatePicker; } });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,uCAAmC;AAsClC,wFAtCQ,iBAAO,OAsCR;AArCR,iCAA6B;AAsC5B,qFAtCQ,WAAI,OAsCR;AArCL,qCAAiC;AAsChC,uFAtCQ,eAAM,OAsCR;AArCP,uCAAmC;AAsClC,wFAtCQ,iBAAO,OAsCR;AArCR,+DAAyB;AAsCxB,eAtCM,cAAI,CAsCN;AArCL,2CAAsF;AAsCrF,yFAtCQ,oBAAQ,OAsCR;AACR,8FAvCkB,yBAAa,OAuClB;AACb,6FAxCiC,wBAAY,OAwCjC;AACZ,kGAzC+C,6BAAiB,OAyC/C;AAxClB,yDAK2B;AAuD1B,iGA3DA,mCAAgB,OA2DA;AAChB,qGA3DA,uCAAoB,OA2DA;AACpB,yGA3DA,2CAAwB,OA2DA;AACxB,qGA3DA,uCAAoB,OA2DA;AAzDrB,0DAA8B;AAgD7B,oBAAI;AA/CL,+CAAmF;AAkClF,4FAlCQ,yBAAW,OAkCR;AACX,mGAnCqB,gCAAkB,OAmCrB;AAClB,mGApCyC,gCAAkB,OAoCzC;AAnCnB,+CAMsB;AA8BrB,mGAnCA,gCAAkB,OAmCA;AAClB,yGAnCA,sCAAwB,OAmCA;AACxB,0GAnCA,uCAAyB,OAmCA;AACzB,0GAnCA,uCAAyB,OAmCA;AACzB,8GAnCA,2CAA6B,OAmCA;AAjC9B,qCAAiC;AAkChC,uFAlCQ,eAAM,OAkCR;AAjCP,mCAA+B;AAoC9B,sFApCQ,aAAK,OAoCR;AAnCN,yCAAkC;AAoCjC,mFApCQ,UAAE,OAoCR;AAnCH,qCAAyF;AAqCxF,uFArCQ,eAAM,OAqCR;AACN,8FAtCgB,sBAAa,OAsChB;AACb,4FAvC+B,oBAAW,OAuC/B;AACX,4FAxC4C,oBAAW,OAwC5C;AACX,8FAzCyD,sBAAa,OAyCzD;AAxCd,iCAA6B;AA6C5B,qFA7CQ,WAAI,OA6CR;AA5CL,iCAA6B;AA6C5B,qFA7CQ,WAAI,OA6CR;AA5CL,mCAA2D;AA6B1D,2FA7BQ,kBAAU,OA6BR;AACV,2FA9BoB,kBAAU,OA8BpB;AA8BV,0FA5DgC,iBAAS,OA4DhC;AA3DV,mCAA+B;AA4C9B,sFA5CQ,aAAK,OA4CR;AA3CN,qCAAiC;AA4ChC,uFA5CQ,eAAM,OA4CR;AA3CP,mCAA+B;AA4C9B,sFA5CQ,aAAK,OA4CR;AA3CN,yCAAqC;AA4CpC,yFA5CQ,mBAAQ,OA4CR;AA3CT,qCAAyD;AA4CxD,kGA5CQ,0BAAiB,OA4CR;AAUjB,4FAtD2B,oBAAW,OAsD3B;AArDZ,iCAAwG;AA4CvG,qFA5CQ,WAAI,OA4CR;AACJ,0FA7Cc,gBAAS,OA6Cd;AACT,0FA9CyB,gBAAS,OA8CzB;AACT,yFA/CoC,eAAQ,OA+CpC;AACR,4FAhD8C,kBAAW,OAgD9C;AACX,gGAjD2D,sBAAe,OAiD3D;AACf,4FAlD4E,kBAAW,OAkD5E;AAjDZ,yCAAqC;AAkDpC,yFAlDQ,mBAAQ,OAkDR"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,uCAAmC;AAsClC,wFAtCQ,iBAAO,OAsCR;AArCR,iCAA6B;AAsC5B,qFAtCQ,WAAI,OAsCR;AArCL,qCAAiC;AAsChC,uFAtCQ,eAAM,OAsCR;AArCP,uCAAmC;AAsClC,wFAtCQ,iBAAO,OAsCR;AArCR,+DAAyB;AAsCxB,eAtCM,cAAI,CAsCN;AArCL,2CAAsF;AAsCrF,yFAtCQ,oBAAQ,OAsCR;AACR,8FAvCkB,yBAAa,OAuClB;AACb,6FAxCiC,wBAAY,OAwCjC;AACZ,kGAzC+C,6BAAiB,OAyC/C;AAxClB,yDAK2B;AAuD1B,iGA3DA,mCAAgB,OA2DA;AAChB,qGA3DA,uCAAoB,OA2DA;AACpB,yGA3DA,2CAAwB,OA2DA;AACxB,qGA3DA,uCAAoB,OA2DA;AAzDrB,0DAA8B;AAgD7B,oBAAI;AA/CL,+CAAmF;AAkClF,4FAlCQ,yBAAW,OAkCR;AACX,mGAnCqB,gCAAkB,OAmCrB;AAClB,mGApCyC,gCAAkB,OAoCzC;AAnCnB,+CAMsB;AA8BrB,mGAnCA,gCAAkB,OAmCA;AAClB,yGAnCA,sCAAwB,OAmCA;AACxB,0GAnCA,uCAAyB,OAmCA;AACzB,0GAnCA,uCAAyB,OAmCA;AACzB,8GAnCA,2CAA6B,OAmCA;AAjC9B,qCAAiC;AAkChC,uFAlCQ,eAAM,OAkCR;AAjCP,mCAA+B;AAoC9B,sFApCQ,aAAK,OAoCR;AAnCN,yCAAkC;AAoCjC,mFApCQ,UAAE,OAoCR;AAnCH,qCAAyF;AAqCxF,uFArCQ,eAAM,OAqCR;AACN,8FAtCgB,sBAAa,OAsChB;AACb,4FAvC+B,oBAAW,OAuC/B;AACX,4FAxC4C,oBAAW,OAwC5C;AACX,8FAzCyD,sBAAa,OAyCzD;AAxCd,iCAA6B;AA6C5B,qFA7CQ,WAAI,OA6CR;AA5CL,iCAA6B;AA6C5B,qFA7CQ,WAAI,OA6CR;AA5CL,mCAA2D;AA6B1D,2FA7BQ,kBAAU,OA6BR;AACV,2FA9BoB,kBAAU,OA8BpB;AA8BV,0FA5DgC,iBAAS,OA4DhC;AA3DV,mCAA+B;AA4C9B,sFA5CQ,aAAK,OA4CR;AA3CN,qCAAiC;AA4ChC,uFA5CQ,eAAM,OA4CR;AA3CP,mCAA+B;AA4C9B,sFA5CQ,aAAK,OA4CR;AA3CN,yCAAqC;AA4CpC,yFA5CQ,mBAAQ,OA4CR;AA3CT,qCAAyD;AA4CxD,kGA5CQ,0BAAiB,OA4CR;AAUjB,4FAtD2B,oBAAW,OAsD3B;AArDZ,iCAAwG;AA4CvG,qFA5CQ,WAAI,OA4CR;AACJ,0FA7Cc,gBAAS,OA6Cd;AACT,0FA9CyB,gBAAS,OA8CzB;AACT,yFA/CoC,eAAQ,OA+CpC;AACR,4FAhD8C,kBAAW,OAgD9C;AACX,gGAjD2D,sBAAe,OAiD3D;AACf,4FAlD4E,kBAAW,OAkD5E;AAjDZ,yCAAqC;AAkDpC,yFAlDQ,mBAAQ,OAkDR;AAjDT,6CAAyC;AAkDxC,2FAlDQ,uBAAU,OAkDR"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modul/mbui",
-  "version": "0.0.13-beta-pv-53036-7c290859",
+  "version": "0.0.13-beta-pv-53036-7e3c29c2",
   "packageManager": "yarn@3.5.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/src/Calendar/Calendar.tsx

@@ -1,59 +1,61 @@
 import * as React from 'react'
 import { DayPicker } from 'react-day-picker'
 import { cn } from '../@/lib/utils'
-import { buttonVariants } from '../Button'
-import { Left, Right } from '../Icon'
+import { ru } from 'date-fns/locale'
 
-export type CalendarProps = React.ComponentProps<typeof DayPicker>
+const daySelectedClasses = 'bg-btn-primary text-btn-primary rounded-sm'
+const dayTodayClasses = 'bg-btn-secondary text-btn-secondary rounded-sm'
+const rangeMiddleClasses = 'date-range-middle aria-selected:bg-btn-primary/50 aria-selected:text-white'
+const btnNavClasses =
+	'opacity-50 hover:opacity-100 ring-offset-2 focus-visible:opacity-100 focus-visible:outline-primary border-input border rounded-sm shadow-sm'
 
+export type CalendarProps = React.ComponentProps<typeof DayPicker>
 function Calendar({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) {
 	return (
 		<DayPicker
+			locale={ru}
 			showOutsideDays={showOutsideDays}
-			className={cn('p-3', className)}
+			className={cn('inline-flex', className)}
 			classNames={{
-				months: 'flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0',
-				month: 'space-y-4',
-				caption: 'flex justify-center pt-1 relative items-center',
-				caption_label: 'text-sm font-medium',
-				nav: 'space-x-1 flex items-center',
-				nav_button: cn(
-					buttonVariants({ variant: 'outline' }),
-					'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100'
-				),
-				nav_button_previous: 'absolute left-1',
-				nav_button_next: 'absolute right-1',
-				table: 'w-full border-collapse space-y-1',
-				head_row: 'flex',
-				head_cell: 'text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]',
-				row: 'flex w-full mt-2',
-				cell: cn(
-					'relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md',
+				months: 'relative',
+				month: 'flex flex-col space-y-[16px] items-center',
+				month_grid: 'w-full border-collapse',
+				month_caption: 'inline m-x-auto',
+				caption_label: 'text-sm font-medium capitalize',
+				nav: 'flex justify-between absolute start-0 end-0',
+				button_previous: btnNavClasses,
+				button_next: btnNavClasses,
+				weekdays: 'flex',
+				weekday: 'text-light w-[32px] font-normal text-[14px]',
+				week: 'flex w-full mt-2',
+				day_button: 'w-[32px] h-[32px] p-0',
+				day: cn(
+					'aria-selected:opacity-100 text-[14px] leading-[1]',
 					props.mode === 'range'
-						? '[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md'
-						: '[&:has([aria-selected])]:rounded-md'
+						? '[&:(.day-range-middle)]:rounded-0 [&:has(>.day-range-end)]:rounded-r-sm [&:has(>.day-range-start)]:rounded-l-sm first:[&:has([aria-selected])]:rounded-l-sm last:[&:has([aria-selected])]:rounded-r-sm'
+						: '[&:([aria-selected])]:rounded-sm'
 				),
-				day: cn(buttonVariants({ variant: 'ghost' }), 'h-8 w-8 p-0 font-normal aria-selected:opacity-100'),
-				day_range_start: 'day-range-start',
-				day_range_end: 'day-range-end',
-				day_selected:
-					'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',
-				day_today: 'bg-accent text-accent-foreground',
-				day_outside:
-					'day-outside text-muted-foreground opacity-50  aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30',
-				day_disabled: 'text-muted-foreground opacity-50',
-				day_range_middle: 'aria-selected:bg-accent aria-selected:text-accent-foreground',
-				day_hidden: 'invisible',
+				range_start: 'day-range-start',
+				range_end: 'day-range-end',
+				range_middle: rangeMiddleClasses,
+				selected: daySelectedClasses,
+				today: dayTodayClasses,
+				outside:
+					'day-outside opacity-50 aria-selected:bg-primary aria-selected:text-[white] aria-selected:opacity-30',
+				disabled: 'text-light opacity-50',
+				hidden: 'invisible',
 				...classNames,
 			}}
-			components={{
-				// IconLeft: ({ ...props }) => <Left className="w-4 h-4" />,
-				// IconRight: ({ ...props }) => <Right className="w-4 h-4" />,
-			}}
+			components={
+				{
+					// Chevron: () => <Left className="w-4 h-4" />,
+				}
+			}
 			{...props}
 		/>
 	)
 }
+
 Calendar.displayName = 'Calendar'
 
 export { Calendar }

package/src/DatePicker/DatePicker.tsx

@@ -0,0 +1,38 @@
+import * as React from 'react'
+import { format } from 'date-fns'
+import { cn } from '../@/lib/utils'
+import { Calendar } from '../Calendar'
+import { Calendar as CalendarIcon } from '../Icon'
+import { Popover } from '../Popover'
+import { ru } from 'date-fns/locale'
+
+const trigegrClasses = 'inline-flex items-center border-input border h-[44px] rounded-sm px-[16px]'
+
+interface IProps {
+	placeholder?: string,
+	date: Date,
+	classTrigger?: string,
+	triggerDisabled: boolean,
+}
+
+const DatePicker: React.FC<IProps> = ({placeholder, triggerDisabled, date, classTrigger,  ...props}) => {
+
+	return (
+		<Popover>
+			<Popover.Trigger asChild>
+				<button className={cn(trigegrClasses, {'bg-light text-light':triggerDisabled}, classTrigger)} disabled={triggerDisabled}>
+					{date ? <span className='truncate'>{format(date ,'PPP', {locale: ru})}</span> : <span className='text-light truncate'>{placeholder}</span>}
+					<CalendarIcon width={18} height={18} className="ml-[8px] text-light shrink-0" />
+				</button>
+			</Popover.Trigger>
+			<Popover.Content
+				className="p-0 w-auto"
+				align="center"
+			>
+				<Calendar {...props}/>
+			</Popover.Content>
+		</Popover>
+	)
+}
+
+export { DatePicker }

package/src/DatePicker/index.ts

@@ -0,0 +1 @@
+export { DatePicker } from './DatePicker'

package/src/index.ts

@@ -33,7 +33,7 @@ import { Textarea } from './Textarea'
 import { SelectAccountCard, SelectAsync } from './Select'
 import { Form, FormLabel, FormField, FormItem, FormControl, FormDescription, FormMessage } from './Form'
 import { Calendar } from './Calendar'
-// import { Datepicker } from './Datepicker'
+import { DatePicker } from './DatePicker'
 
 export {
 	Tooltip,
@@ -83,7 +83,7 @@ export {
 	FormDescription,
 	FormMessage,
 	Calendar,
-	// Datepicker,
+	DatePicker,
 	SelectAsync,
 	InputMask,
 }

package/src/Datepicker/Datepicker.tsx

@@ -1,41 +0,0 @@
-"use client"
-
-import * as React from "react"
-
-import { format } from "date-fns"
-
-import { cn } from "../@/lib/utils"
-import { Button } from "../Button"
-import { Calendar } from "../Calendar"
-import {
-  Popover,
-} from "../Popover"
-
-export function DatePickerDemo() {
-  const [date, setDate] = React.useState<Date>()
-
-  return (
-    <Popover>
-      <Popover.Trigger asChild>
-        <Button
-          variant={"outline"}
-          className={cn(
-            "w-[240px] justify-start text-left font-normal",
-            !date && "text-muted-foreground"
-          )}
-        >
-          {/* <CalendarIcon className="mr-2 w-4 h-4" /> */}
-          {date ? format(date, "PPP") : <span>Pick a date</span>}
-        </Button>
-      </Popover.Trigger>
-      <Popover.Content className="p-0 w-auto" align="start">
-        <Calendar
-          mode="single"
-        //   selected={date}
-        //   onSelect={setDate}
-        //   initialFocus
-        />
-      </Popover.Content>
-    </Popover>
-  )
-}

package/src/Datepicker/index.ts

@@ -1 +0,0 @@
-export { Datepicker } from './Datepicker'