@modul/mbui 0.0.10-beta-pv-52970-94a621d3 → 0.0.10-beta-pv-52970-8bff8029

package/dist/Chip/Chip.js

@@ -7,7 +7,7 @@ const class_variance_authority_1 = require("class-variance-authority");
 const react_slot_1 = require("@radix-ui/react-slot");
 const utils_1 = require("../@/lib/utils");
 // import { cn } from "@/lib/utils" порешать с алиасами
-const chipVariants = (0, class_variance_authority_1.cva)('inline-flex items-center border-[2px] justify-center rounded-full whitespace-nowrap font-medium transition-colors  ring-offset-1 disabled:pointer-events-none disabled:opacity-[.24]', {
+const chipVariants = (0, class_variance_authority_1.cva)('inline-flex justify-center items-center border-[2px] disabled:opacity-[.24] rounded-full ring-offset-1 font-medium whitespace-nowrap transition-colors disabled:pointer-events-none', {
     variants: {
         variant: {
             primary: 'text-btn-primary bg-btn-primary hover:bg-btn-primary-hover focus:bg-btn-primary-focus active:bg-btn-primary-active border-btn-primary hover:border-btn-primary-hover focus:border-btn-primary-focus active:border-btn-primary-active',
@@ -35,4 +35,5 @@ const Chip = react_1.default.forwardRef(({ children, variant, size, className, a
     return (react_1.default.createElement(Comp, { className: (0, utils_1.cn)(chipVariants({ variant, size, className })), ref: ref, ...props }));
 });
 exports.Chip = Chip;
+Chip.displayName = 'Chip';
 //# sourceMappingURL=Chip.js.map

package/dist/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../src/Chip/Chip.tsx"],"names":[],"mappings":";;;;AAAA,+DAAoD;AACpD,uEAAiE;AACjE,qDAA2C;AAC3C,0CAAmC;AACnC,uDAAuD;AAEvD,MAAM,YAAY,GAAG,IAAA,8BAAG,EACvB,sLAAsL,EACtL;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EACN,sOAAsO;YACvO,SAAS,EACR,wPAAwP;YACzP,OAAO,EACN,sOAAsO;YACvO,iBAAiB,EAChB,+ZAA+Z;YACha,OAAO,EAAE,sEAAsE;YAC/E,KAAK,EAAE,6HAA6H;SACpI;QACD,IAAI,EAAE;YACL,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,8CAA8C;YAClD,EAAE,EAAE,EAAE;YACN,GAAG,EAAE,EAAE;SACP;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,WAAW;QACpB,IAAI,EAAE,IAAI;KACV;CACD,CACD,CAAA;AAMD,MAAM,IAAI,GAAG,eAAK,CAAC,UAAU,CAAgC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACpI,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,MAAM,CAAA;IAEvC,OAAO,CACN,8BAAC,IAAI,IACC,SAAS,EAAE,IAAA,UAAE,EAAC,YAAY,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,EACzD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACN,CAAA;AACF,CAAC,CAAC,CAAA;AAEO,oBAAI"}
+{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../src/Chip/Chip.tsx"],"names":[],"mappings":";;;;AAAA,+DAAoD;AACpD,uEAAiE;AACjE,qDAA2C;AAC3C,0CAAmC;AACnC,uDAAuD;AAEvD,MAAM,YAAY,GAAG,IAAA,8BAAG,EACvB,qLAAqL,EACrL;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EACN,sOAAsO;YACvO,SAAS,EACR,wPAAwP;YACzP,OAAO,EACN,sOAAsO;YACvO,iBAAiB,EAChB,+ZAA+Z;YACha,OAAO,EAAE,sEAAsE;YAC/E,KAAK,EAAE,6HAA6H;SACpI;QACD,IAAI,EAAE;YACL,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,8CAA8C;YAClD,EAAE,EAAE,EAAE;YACN,GAAG,EAAE,EAAE;SACP;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,WAAW;QACpB,IAAI,EAAE,IAAI;KACV;CACD,CACD,CAAA;AAMD,MAAM,IAAI,GAAG,eAAK,CAAC,UAAU,CAAgC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACpI,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,MAAM,CAAA;IAEvC,OAAO,CACN,8BAAC,IAAI,IACC,SAAS,EAAE,IAAA,UAAE,EAAC,YAAY,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,EACzD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACN,CAAA;AACF,CAAC,CAAC,CAAA;AAIO,oBAAI;AAFb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}

package/dist/{DashboardDrawer/DashboardDrawer.d.ts → Drawer/Drawer.d.ts}

@@ -6,18 +6,8 @@ declare const Drawer: {
 };
 declare const DrawerTrigger: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DrawerClose: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-declare type DrawerListProps = {
-    children: React.ReactNode;
-};
-declare const DrawerList: React.FC<DrawerListProps>;
-declare type DrawerListItemProps = {
-    value: string;
-    label: string | JSX.Element;
-    isActive?: boolean;
-    onClick?: () => void;
-};
-declare const DrawerListItem: React.FC<DrawerListItemProps>;
+declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     onAnimationEnd?: (open: boolean) => void;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Drawer, DrawerTrigger, DrawerContent, DrawerClose, DrawerList, DrawerListItem };
+export { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerClose };

package/dist/Drawer/Drawer.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerClose = exports.DrawerTitle = exports.DrawerContent = exports.DrawerTrigger = exports.Drawer = void 0;
+const tslib_1 = require("tslib");
+const React = (0, tslib_1.__importStar)(require("react"));
+const vaul_1 = require("vaul");
+const utils_1 = require("../@/lib/utils");
+const Drawer = ({ ...props }) => React.createElement(vaul_1.Drawer.Root, { ...props });
+exports.Drawer = Drawer;
+Drawer.displayName = 'Drawer';
+const DrawerTrigger = vaul_1.Drawer.Trigger;
+exports.DrawerTrigger = DrawerTrigger;
+const DrawerPortal = vaul_1.Drawer.Portal;
+const DrawerClose = vaul_1.Drawer.Close;
+exports.DrawerClose = DrawerClose;
+const DrawerOverlay = vaul_1.Drawer.Overlay;
+const DrawerTitle = React.forwardRef(({ className, ...props }, ref) => (React.createElement(vaul_1.Drawer.Title, { ref: ref, className: (0, utils_1.cn)(className), ...props })));
+exports.DrawerTitle = DrawerTitle;
+DrawerTitle.displayName = vaul_1.Drawer.Title.displayName;
+const DrawerFooter = () => (React.createElement(DrawerClose, { className: "p-[16px]" },
+    React.createElement("svg", { className: "mx-auto", width: "38", height: "10", viewBox: "0 0 38 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M0 7.39774C0 8.68678 1.25226 9.60455 2.48147 9.21638L17.7955 4.38038C18.5794 4.13282 19.4206 4.13282 20.2045 4.38038L35.5185 9.21638C36.7477 9.60455 38 8.68678 38 7.39774C38 6.56568 37.4606 5.82966 36.6671 5.5791L20.2045 0.380377C19.4206 0.132817 18.5794 0.132817 17.7955 0.380377L1.33286 5.5791C0.539422 5.82966 0 6.56568 0 7.39774Z", fill: "#243036", fillOpacity: "0.24" }))));
+const DrawerContent = React.forwardRef(({ className, children, ...props }, ref) => {
+    console.log("EF>", ref);
+    return (React.createElement(DrawerPortal, null,
+        React.createElement(vaul_1.Drawer.Content, { ref: ref, className: (0, utils_1.cn)('fixed flex inset-x-0 bottom-0 flex-col bg-page drop-shadow-1 rounded-t-1 z-50', className), ...props }, children)));
+});
+exports.DrawerContent = DrawerContent;
+DrawerContent.displayName = 'DrawerContent';
+//# sourceMappingURL=Drawer.js.map

package/dist/Drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,+BAAgD;AAChD,0CAAmC;AAGnC,MAAM,MAAM,GAAG,CAAC,EAAE,GAAG,KAAK,EAAqD,EAAE,EAAE,CAAC,oBAAC,aAAe,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAmE9G,wBAAM;AAjEf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,MAAM,aAAa,GAAG,aAAe,CAAC,OAAO,CAAA;AA+D5B,sCAAa;AA7D9B,MAAM,YAAY,GAAG,aAAe,CAAC,MAAM,CAAA;AAE3C,MAAM,WAAW,GAAG,aAAe,CAAC,KAAK,CAAA;AA2DmB,kCAAW;AAzDvE,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;AA8C6C,kCAAW;AA5C1D,WAAW,CAAC,WAAW,GAAG,aAAe,CAAC,KAAK,CAAC,WAAW,CAAA;AAE3D,MAAM,YAAY,GAAa,GAAG,EAAE,CAAC,CACpC,oBAAC,WAAW,IAAC,SAAS,EAAC,UAAU;IAChC,6BACC,SAAS,EAAC,SAAS,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,8BACC,CAAC,EAAC,+UAA+U,EACjV,IAAI,EAAC,SAAS,EACd,WAAW,EAAC,MAAM,GACjB,CACG,CACO,CACd,CAAA;AAED,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5C,OAAO,CAAC,GAAG,CAAC,KAAK,EAAC,GAAG,CAAC,CAAA;IACtB,OAAO,CACN,oBAAC,YAAY;QACZ,oBAAC,aAAe,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACZ,+EAA+E,EAC/E,SAAS,CACT,KACG,KAAK,IAER,QAAQ,CACgB,CAEZ,CACf,CAAA;AACF,CAAC,CAAC,CAAA;AAG8B,sCAAa;AAF7C,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}

package/dist/{DashboardDrawer → Drawer}/index.d.ts

@@ -1 +1 @@
-export { Drawer, DrawerTrigger, DrawerClose, DrawerContent, DrawerList, DrawerListItem } from './DashboardDrawer';
+export { Drawer, DrawerTrigger, DrawerClose, DrawerContent, DrawerTitle } from './Drawer';

package/dist/Drawer/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerTitle = exports.DrawerContent = exports.DrawerClose = exports.DrawerTrigger = exports.Drawer = void 0;
+var Drawer_1 = require("./Drawer");
+Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return Drawer_1.Drawer; } });
+Object.defineProperty(exports, "DrawerTrigger", { enumerable: true, get: function () { return Drawer_1.DrawerTrigger; } });
+Object.defineProperty(exports, "DrawerClose", { enumerable: true, get: function () { return Drawer_1.DrawerClose; } });
+Object.defineProperty(exports, "DrawerContent", { enumerable: true, get: function () { return Drawer_1.DrawerContent; } });
+Object.defineProperty(exports, "DrawerTitle", { enumerable: true, get: function () { return Drawer_1.DrawerTitle; } });
+//# sourceMappingURL=index.js.map

package/dist/Drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Drawer/index.ts"],"names":[],"mappings":";;;AAAA,mCAMmB;AALlB,gGAAA,MAAM,OAAA;AACN,uGAAA,aAAa,OAAA;AACb,qGAAA,WAAW,OAAA;AACX,uGAAA,aAAa,OAAA;AACb,qGAAA,WAAW,OAAA"}

package/dist/Input/Input.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare const InputLabel: React.ForwardRefExoticComponent<React.LabelHTMLAttributes<HTMLLabelElement> & React.RefAttributes<HTMLLabelElement>>;
+declare const InputField: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
+export { InputField, InputLabel };

package/dist/Input/Input.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputLabel = exports.InputField = void 0;
+const tslib_1 = require("tslib");
+const React = (0, tslib_1.__importStar)(require("react"));
+const utils_1 = require("../@/lib/utils");
+const InputLabel = React.forwardRef(({ className, children, ...props }) => {
+    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));
+});
+exports.InputLabel = InputLabel;
+InputLabel.displayName = 'InputLabel';
+const InputField = React.forwardRef(({ className, type, ...props }, ref) => {
+    return (React.createElement("input", { type: type, className: (0, utils_1.cn)('border-input file:border-0 bg-transparent font-normal file:bg-transparent disabled:opacity-50 border rounded-1 focus-visible:ring-1 focus-visible:ring-ring w-full h-[44px] file:font-medium file:text-sm placeholder:text-muted-foreground leading-[1.17] transition-colors focus-visible:outline-none disabled:cursor-not-allowed', className), ref: ref, ...props }));
+});
+exports.InputField = InputField;
+InputField.displayName = 'InputField';
+//# sourceMappingURL=Input.js.map

package/dist/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,0CAAmC;AAEnC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrC,OAAO,CACN,+BACC,SAAS,EAAE,IAAA,UAAE,EAAC,0GAA0G,EAAE,SAAS,CAAC,KAChI,KAAK,IAER,QAAQ,CACF,CACR,CAAA;AACF,CAAC,CACD,CAAA;AAoBoB,gCAAU;AAlB/B,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAgE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzI,OAAO,CACN,+BACC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,UAAE,EACZ,qUAAqU,EACrU,SAAS,CACT,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACR,CACF,CAAA;AACF,CAAC,CAAC,CAAA;AAIO,gCAAU;AAFnB,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA"}

package/dist/Input/index.d.ts

@@ -0,0 +1 @@
+export { InputField, InputLabel } from './Input';

package/dist/Input/index.js

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

package/dist/Input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Input/index.ts"],"names":[],"mappings":";;;AAAA,iCAAgD;AAAvC,mGAAA,UAAU,OAAA;AAAE,mGAAA,UAAU,OAAA"}

package/dist/Tabs/Tabs.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
-import { TabsProps } from "@radix-ui/react-tabs";
+import { TabsProps } from '@radix-ui/react-tabs';
 declare type TabsComponents = {
     List: typeof TabsList;
     Trigger: typeof TabsTrigger;
@@ -10,4 +10,4 @@ declare const Tabs: React.FC<TabsProps> & TabsComponents;
 declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default Tabs;
+export { Tabs };

package/dist/Tabs/Tabs.js

@@ -1,18 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tabs = void 0;
 const tslib_1 = require("tslib");
 const react_1 = (0, tslib_1.__importDefault)(require("react"));
 const classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
 const TabsPrimitive = (0, tslib_1.__importStar)(require("@radix-ui/react-tabs"));
 const Tabs = ({ ...props }) => react_1.default.createElement(TabsPrimitive.Root, { ...props });
-const TabsList = react_1.default.forwardRef(({ className, ...props }, ref) => (react_1.default.createElement(TabsPrimitive.List, { ref: ref, className: (0, classnames_1.default)('inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground', className), ...props })));
-const TabsTrigger = react_1.default.forwardRef(({ className, ...props }, ref) => (react_1.default.createElement(TabsPrimitive.Trigger, { ref: ref, className: (0, classnames_1.default)('inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm', className), ...props })));
-const TabsContent = react_1.default.forwardRef(({ className, ...props }, ref) => (react_1.default.createElement(TabsPrimitive.Content, { ref: ref, className: (0, classnames_1.default)('mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', className), ...props })));
+exports.Tabs = Tabs;
+const TabsList = react_1.default.forwardRef(({ className, ...props }, ref) => (react_1.default.createElement(TabsPrimitive.List, { ref: ref, className: (0, classnames_1.default)('inline-flex items-center gap-x-[24px] border-b-2', className), ...props })));
+const TabsTrigger = react_1.default.forwardRef(({ className, ...props }, ref) => (react_1.default.createElement(TabsPrimitive.Trigger, { ref: ref, className: (0, classnames_1.default)('inline-flex relative after:-bottom-[2px] after:absolute after:inset-x-0 justify-center items-center after:bg-primary disabled:opacity-50 pb-[12px] data-[state=active]:border-bottom-[2px] rounded-[4px] focus-visible:ring-2 focus-visible:ring-ring ring-offset-background focus-visible:ring-offset-2 data-[state=active]:after:h-[3px] text-[14px] data-[state=active]:text-primary leading-[1.4] whitespace-nowrap motion-reduce:hover:transform-none transition-all after:transition-all motion-reduce:transition-none focus-visible:outline-none disabled:pointer-events-none', className), ...props })));
+const TabsContent = react_1.default.forwardRef(({ className, ...props }, ref) => (react_1.default.createElement(TabsPrimitive.Content, { ref: ref, className: (0, classnames_1.default)('ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', className), ...props })));
 Tabs.List = TabsList;
-TabsList.displayName = "TabsList";
+TabsList.displayName = 'TabsList';
 Tabs.Trigger = TabsTrigger;
-TabsTrigger.displayName = "TabsTrigger";
+TabsTrigger.displayName = 'TabsTrigger';
 Tabs.Content = TabsContent;
-TabsContent.displayName = "TabsContent";
-exports.default = Tabs;
+TabsContent.displayName = 'TabsContent';
 //# sourceMappingURL=Tabs.js.map

package/dist/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/Tabs/Tabs.tsx"],"names":[],"mappings":";;;AAAA,+DAAyB;AACzB,yEAA2B;AAC3B,iFAAqD;AASrD,MAAM,IAAI,GAAyC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,8BAAC,aAAa,CAAC,IAAI,OAAK,KAAK,GAAG,CAAA;AAErG,MAAM,QAAQ,GAAG,eAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,8BAAC,aAAa,CAAC,IAAI,IAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAE,EACZ,4FAA4F,EAC5F,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC,CAAA;AAEF,MAAM,WAAW,GAAG,eAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,8BAAC,aAAa,CAAC,OAAO,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAE,EACZ,qYAAqY,EACrY,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC,CAAA;AAEF,MAAM,WAAW,GAAG,eAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,8BAAC,aAAa,CAAC,OAAO,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAE,EACZ,iIAAiI,EACjI,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC,CAAA;AAEF,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAA;AACpB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AACjC,IAAI,CAAC,OAAO,GAAG,WAAW,CAAA;AAC1B,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AACvC,IAAI,CAAC,OAAO,GAAG,WAAW,CAAA;AAC1B,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,kBAAe,IAAI,CAAA"}
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/Tabs/Tabs.tsx"],"names":[],"mappings":";;;;AAAA,+DAAyB;AACzB,yEAA2B;AAC3B,iFAAqD;AASrD,MAAM,IAAI,GAAyC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,8BAAC,aAAa,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAmD7F,oBAAI;AAjDb,MAAM,QAAQ,GAAG,eAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,8BAAC,aAAa,CAAC,IAAI,IAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAE,EACZ,kDAAkD,EAClD,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC,CAAA;AAEF,MAAM,WAAW,GAAG,eAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,8BAAC,aAAa,CAAC,OAAO,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAE,EACb,sjBAAsjB,EACrjB,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC,CAAA;AAEF,MAAM,WAAW,GAAG,eAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,8BAAC,aAAa,CAAC,OAAO,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAE,EACZ,4HAA4H,EAC5H,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC,CAAA;AAEF,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAA;AACpB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AACjC,IAAI,CAAC,OAAO,GAAG,WAAW,CAAA;AAC1B,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AACvC,IAAI,CAAC,OAAO,GAAG,WAAW,CAAA;AAC1B,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA"}

package/dist/Tabs/index.d.ts

@@ -1,3 +1 @@
-import Tabs from './Tabs';
-export default Tabs;
-export { Tabs };
+export { Tabs } from './Tabs';

package/dist/Tabs/index.js

@@ -1,8 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tabs = void 0;
-const tslib_1 = require("tslib");
-const Tabs_1 = (0, tslib_1.__importDefault)(require("./Tabs"));
-exports.Tabs = Tabs_1.default;
-exports.default = Tabs_1.default;
+var Tabs_1 = require("./Tabs");
+Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return Tabs_1.Tabs; } });
 //# sourceMappingURL=index.js.map

package/dist/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Tabs/index.ts"],"names":[],"mappings":";;;;AAAA,+DAAyB;AAIhB,eAJF,cAAI,CAIE;AAFb,kBAAe,cAAI,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Tabs/index.ts"],"names":[],"mappings":";;;AAAA,+BAA6B;AAApB,4FAAA,IAAI,OAAA"}

package/dist/index.d.ts

@@ -12,8 +12,9 @@ import { Button } from "./Button";
 import { Input } from "./Base/Input";
 import { Audio } from "./Audio";
 import { cn } from "./@/lib/utils";
-import { Drawer, DrawerTrigger, DrawerClose, DrawerContent, DrawerList, DrawerListItem } from './DashboardDrawer';
+import { Drawer, DrawerTrigger, DrawerClose, DrawerContent } from './Drawer';
 import { Page } from "./Page";
 import { PageNavbar } from "./Page";
 import { Chip } from "./Chip";
-export { Tooltip, Tabs, Slider, Popover, Logo, InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, Collapsible, CollapsibleTrigger, CollapsibleContent, AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem, Button, Input, Audio, cn, Icon, Drawer, DrawerTrigger, DrawerClose, DrawerContent, DrawerList, DrawerListItem, BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink, Page, PageNavbar, Chip, };
+import { InputField, InputLabel } from "./Input";
+export { Tooltip, Tabs, Slider, Popover, Logo, InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, Collapsible, CollapsibleTrigger, CollapsibleContent, AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem, Button, Input, InputField, InputLabel, Audio, cn, Icon, Drawer, DrawerTrigger, DrawerClose, DrawerContent, BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink, Page, PageNavbar, Chip, };

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Chip = exports.PageNavbar = exports.Page = exports.BottomNavigationLink = exports.BottomNavigationListItem = exports.BottomNavigationList = exports.BottomNavigation = exports.DrawerListItem = exports.DrawerList = exports.DrawerContent = exports.DrawerClose = exports.DrawerTrigger = exports.Drawer = exports.Icon = exports.cn = exports.Audio = exports.Input = exports.Button = exports.AccountCollapsibleContentItem = exports.AccountCollapsibleContent = exports.AccountCollapsibleTrigger = exports.AccountCollapsibleHeader = exports.AccountCollapsible = exports.CollapsibleContent = exports.CollapsibleTrigger = exports.Collapsible = exports.InputOTPSeparator = exports.InputOTPSlot = exports.InputOTPGroup = exports.InputOTP = exports.Logo = exports.Popover = exports.Slider = exports.Tabs = exports.Tooltip = void 0;
+exports.Chip = exports.PageNavbar = exports.Page = exports.BottomNavigationLink = exports.BottomNavigationListItem = exports.BottomNavigationList = exports.BottomNavigation = exports.DrawerContent = exports.DrawerClose = exports.DrawerTrigger = exports.Drawer = exports.Icon = exports.cn = exports.Audio = exports.InputLabel = exports.InputField = exports.Input = exports.Button = exports.AccountCollapsibleContentItem = exports.AccountCollapsibleContent = exports.AccountCollapsibleTrigger = exports.AccountCollapsibleHeader = exports.AccountCollapsible = exports.CollapsibleContent = exports.CollapsibleTrigger = exports.Collapsible = exports.InputOTPSeparator = exports.InputOTPSlot = exports.InputOTPGroup = exports.InputOTP = exports.Logo = exports.Popover = exports.Slider = exports.Tabs = exports.Tooltip = void 0;
 const tslib_1 = require("tslib");
 const Tooltip_1 = require("./Tooltip");
 Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
@@ -42,17 +42,18 @@ const Audio_1 = require("./Audio");
 Object.defineProperty(exports, "Audio", { enumerable: true, get: function () { return Audio_1.Audio; } });
 const utils_1 = require("./@/lib/utils");
 Object.defineProperty(exports, "cn", { enumerable: true, get: function () { return utils_1.cn; } });
-const DashboardDrawer_1 = require("./DashboardDrawer");
-Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return DashboardDrawer_1.Drawer; } });
-Object.defineProperty(exports, "DrawerTrigger", { enumerable: true, get: function () { return DashboardDrawer_1.DrawerTrigger; } });
-Object.defineProperty(exports, "DrawerClose", { enumerable: true, get: function () { return DashboardDrawer_1.DrawerClose; } });
-Object.defineProperty(exports, "DrawerContent", { enumerable: true, get: function () { return DashboardDrawer_1.DrawerContent; } });
-Object.defineProperty(exports, "DrawerList", { enumerable: true, get: function () { return DashboardDrawer_1.DrawerList; } });
-Object.defineProperty(exports, "DrawerListItem", { enumerable: true, get: function () { return DashboardDrawer_1.DrawerListItem; } });
+const Drawer_1 = require("./Drawer");
+Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return Drawer_1.Drawer; } });
+Object.defineProperty(exports, "DrawerTrigger", { enumerable: true, get: function () { return Drawer_1.DrawerTrigger; } });
+Object.defineProperty(exports, "DrawerClose", { enumerable: true, get: function () { return Drawer_1.DrawerClose; } });
+Object.defineProperty(exports, "DrawerContent", { enumerable: true, get: function () { return Drawer_1.DrawerContent; } });
 const Page_1 = require("./Page");
 Object.defineProperty(exports, "Page", { enumerable: true, get: function () { return Page_1.Page; } });
 const Page_2 = require("./Page");
 Object.defineProperty(exports, "PageNavbar", { enumerable: true, get: function () { return Page_2.PageNavbar; } });
 const Chip_1 = require("./Chip");
 Object.defineProperty(exports, "Chip", { enumerable: true, get: function () { return Chip_1.Chip; } });
+const Input_2 = require("./Input");
+Object.defineProperty(exports, "InputField", { enumerable: true, get: function () { return Input_2.InputField; } });
+Object.defineProperty(exports, "InputLabel", { enumerable: true, get: function () { return Input_2.InputLabel; } });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,uCAAoC;AA8CnC,wFA9CQ,iBAAO,OA8CR;AA7CR,iCAA8B;AA8C7B,qFA9CQ,WAAI,OA8CR;AA7CL,qCAAkC;AA8CjC,uFA9CQ,eAAM,OA8CR;AA7CP,uCAAoC;AA8CnC,wFA9CQ,iBAAO,OA8CR;AA7CR,+DAA0B;AA8CzB,eA9CM,cAAI,CA8CN;AA7CL,2CAIqB;AA0CpB,yFA9CQ,oBAAQ,OA8CR;AACR,8FA9CA,yBAAa,OA8CA;AACb,6FA9CA,wBAAY,OA8CA;AACZ,kGA9CA,6BAAiB,OA8CA;AA5ClB,yDAK4B;AA2D3B,iGA/DA,mCAAgB,OA+DA;AAChB,qGA/DA,uCAAoB,OA+DA;AACpB,yGA/DA,2CAAwB,OA+DA;AACxB,qGA/DA,uCAAoB,OA+DA;AA7DrB,0DAA+B;AAmD9B,oBAAI;AAlDL,+CAIuB;AAkCtB,4FArCA,yBAAW,OAqCA;AACX,mGArCA,gCAAkB,OAqCA;AAClB,mGArCA,gCAAkB,OAqCA;AAnCnB,+CAMuB;AA8BtB,mGAnCA,gCAAkB,OAmCA;AAClB,yGAnCA,sCAAwB,OAmCA;AACxB,0GAnCA,uCAAyB,OAmCA;AACzB,0GAnCA,uCAAyB,OAmCA;AACzB,8GAnCA,2CAA6B,OAmCA;AAjC9B,qCAAkC;AAkCjC,uFAlCQ,eAAM,OAkCR;AAjCP,wCAAqC;AAkCpC,sFAlCQ,aAAK,OAkCR;AAjCN,mCAAgC;AAkC/B,sFAlCQ,aAAK,OAkCR;AAjCN,yCAAmC;AAkClC,mFAlCQ,UAAE,OAkCR;AAjCH,uDAO0B;AA4BzB,uFAlCA,wBAAM,OAkCA;AACN,8FAlCA,+BAAa,OAkCA;AACb,4FAlCA,6BAAW,OAkCA;AACX,8FAlCA,+BAAa,OAkCA;AACb,2FAlCA,4BAAU,OAkCA;AACV,+FAlCA,gCAAc,OAkCA;AAhCf,iCAA8B;AAqC7B,qFArCQ,WAAI,OAqCR;AApCL,iCAAoC;AAqCnC,2FArCQ,iBAAU,OAqCR;AApCX,iCAA8B;AAqC7B,qFArCQ,WAAI,OAqCR"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,uCAAoC;AA6CnC,wFA7CQ,iBAAO,OA6CR;AA5CR,iCAA8B;AA6C7B,qFA7CQ,WAAI,OA6CR;AA5CL,qCAAkC;AA6CjC,uFA7CQ,eAAM,OA6CR;AA5CP,uCAAoC;AA6CnC,wFA7CQ,iBAAO,OA6CR;AA5CR,+DAA0B;AA6CzB,eA7CM,cAAI,CA6CN;AA5CL,2CAIqB;AAyCpB,yFA7CQ,oBAAQ,OA6CR;AACR,8FA7CA,yBAAa,OA6CA;AACb,6FA7CA,wBAAY,OA6CA;AACZ,kGA7CA,6BAAiB,OA6CA;AA3ClB,yDAK4B;AA0D3B,iGA9DA,mCAAgB,OA8DA;AAChB,qGA9DA,uCAAoB,OA8DA;AACpB,yGA9DA,2CAAwB,OA8DA;AACxB,qGA9DA,uCAAoB,OA8DA;AA5DrB,0DAA+B;AAoD9B,oBAAI;AAnDL,+CAIuB;AAiCtB,4FApCA,yBAAW,OAoCA;AACX,mGApCA,gCAAkB,OAoCA;AAClB,mGApCA,gCAAkB,OAoCA;AAlCnB,+CAMuB;AA6BtB,mGAlCA,gCAAkB,OAkCA;AAClB,yGAlCA,sCAAwB,OAkCA;AACxB,0GAlCA,uCAAyB,OAkCA;AACzB,0GAlCA,uCAAyB,OAkCA;AACzB,8GAlCA,2CAA6B,OAkCA;AAhC9B,qCAAkC;AAiCjC,uFAjCQ,eAAM,OAiCR;AAhCP,wCAAqC;AAiCpC,sFAjCQ,aAAK,OAiCR;AAhCN,mCAAgC;AAmC/B,sFAnCQ,aAAK,OAmCR;AAlCN,yCAAmC;AAmClC,mFAnCQ,UAAE,OAmCR;AAlCH,qCAKiB;AA+BhB,uFAnCA,eAAM,OAmCA;AACN,8FAnCA,sBAAa,OAmCA;AACb,4FAnCA,oBAAW,OAmCA;AACX,8FAnCA,sBAAa,OAmCA;AAjCd,iCAA8B;AAsC7B,qFAtCQ,WAAI,OAsCR;AArCL,iCAAoC;AAsCnC,2FAtCQ,iBAAU,OAsCR;AArCX,iCAA8B;AAsC7B,qFAtCQ,WAAI,OAsCR;AArCL,mCAAiD;AAsBhD,2FAtBQ,kBAAU,OAsBR;AACV,2FAvBoB,kBAAU,OAuBpB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modul/mbui",
-  "version": "0.0.10-beta-pv-52970-94a621d3",
+  "version": "0.0.10-beta-pv-52970-8bff8029",
   "packageManager": "yarn@3.5.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -31,6 +31,7 @@
     "@radix-ui/react-slot": "1.1.0",
     "@radix-ui/react-tabs": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.1.2",
+    "@storybook/addon-storyshots": "latest",
     "@types/lodash": "4.17.5",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",

package/src/@/config/index.ts

@@ -51,6 +51,9 @@ export default {
 				'2': 'var(--shadow-2)',
 			},
 			borderColor: {
+				input: {
+					DEFAULT: 'var(--border-color)'
+				},
 				...button.borderColor
 			},
 			borderRadius: {

package/src/Chip/Chip.tsx

@@ -5,7 +5,7 @@ import { cn } from '../@/lib/utils'
 // import { cn } from "@/lib/utils" порешать с алиасами
 
 const chipVariants = cva(
-	'inline-flex items-center border-[2px] justify-center rounded-full whitespace-nowrap font-medium transition-colors  ring-offset-1 disabled:pointer-events-none disabled:opacity-[.24]',
+	'inline-flex justify-center items-center border-[2px] disabled:opacity-[.24] rounded-full ring-offset-1 font-medium whitespace-nowrap transition-colors disabled:pointer-events-none',
 	{
 		variants: {
 			variant: {
@@ -51,4 +51,6 @@ const Chip = React.forwardRef<HTMLButtonElement, IChipProps>(({ children, varian
 	)
 })
 
+Chip.displayName = 'Chip'
+
 export { Chip }

package/src/Drawer/{BottomDrawer.tsx → Drawer.tsx}

@@ -1,6 +1,7 @@
 import * as React from 'react'
 import { Drawer as DrawerPrimitive } from 'vaul'
 import { cn } from '../@/lib/utils'
+import { useContext } from 'react';
 
 const Drawer = ({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) => <DrawerPrimitive.Root {...props} />
 
@@ -12,6 +13,8 @@ const DrawerPortal = DrawerPrimitive.Portal
 
 const DrawerClose = DrawerPrimitive.Close
 
+const DrawerOverlay = DrawerPrimitive.Overlay
+
 const DrawerTitle = React.forwardRef<
 	React.ElementRef<typeof DrawerPrimitive.Title>,
 	React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>
@@ -22,6 +25,7 @@ const DrawerTitle = React.forwardRef<
 		{...props}
 	/>
 ))
+
 DrawerTitle.displayName = DrawerPrimitive.Title.displayName
 
 const DrawerFooter: React.FC = () => (
@@ -42,67 +46,28 @@ const DrawerFooter: React.FC = () => (
 		</svg>
 	</DrawerClose>
 )
-type DrawerListProps = {
-	children: React.ReactNode
-}
-const DrawerList: React.FC<DrawerListProps> = ({ children }) => {
-	return (
-		<div
-			role="listbox"
-			className="px-[20px]"
-		>
-			{children}
-		</div>
-	)
-}
-type DrawerListItemProps = {
-	value: string
-	label: string | JSX.Element
-	isSelected?: boolean,
-}
-const DrawerListItem: React.FC<DrawerListItemProps> = ({ label, value, isSelected }) => {
-	return (
-		<div
-			role="option"
-			aria-labelledby="1"
-			aria-selected={isSelected}
-			className="flex"
-			tabIndex={0}
-		>
-			<div className="shrink-0">
-				<p
-					className="font-medium text-[14px] text-muted leading-[1.4]"
-					id="1"
-				>
-					{label}
-				</p>
-				<p className="font-bold text-[20px] leading-[1.2]">{value}</p>
-			</div>
-			{isSelected && <span></span>}
-		</div>
-	)
-}
 
 const DrawerContent = React.forwardRef<
 	React.ElementRef<typeof DrawerPrimitive.Content>,
 	React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>
->(({ className, children, ...props }, ref) => (
-	<DrawerPortal>
-		<DrawerPrimitive.Content
-			ref={ref}
-			className={cn(
-				'fixed inset-x-0 top-0 flex h-auto flex-col bg-page drop-shadow-1 rounded-[8px] #24303614; 0px 0px 16px 4px',
-				className
-			)}
-
-			{...props}
-		>
-			<DrawerTitle className="sr-only">Выбор компании</DrawerTitle>
-			{children}
-			<DrawerFooter />
-		</DrawerPrimitive.Content>
-	</DrawerPortal>
-))
+>(({ className, children, ...props }, ref) => {
+	console.log("EF>",ref)
+	return (
+		<DrawerPortal>
+			<DrawerPrimitive.Content
+				ref={ref}
+				className={cn(
+					'fixed flex inset-x-0 bottom-0 flex-col bg-page drop-shadow-1 rounded-t-1 z-50',
+					className
+				)}
+				{...props}
+			>
+				{children}
+			</DrawerPrimitive.Content>
+			{/* <DrawerOverlay className='fixed inset-0 bg-[#000]/70'/> */}
+		</DrawerPortal>
+	)
+})
 DrawerContent.displayName = 'DrawerContent'
 
-export { Drawer, DrawerTrigger, DrawerContent, DrawerClose, DrawerList, DrawerListItem }
+export { Drawer, DrawerTrigger, DrawerContent, DrawerTitle, DrawerClose }

package/src/{DashboardDrawer → Drawer}/index.ts

@@ -3,6 +3,5 @@ export {
 	DrawerTrigger,
 	DrawerClose,
 	DrawerContent,
-	DrawerList,
-	DrawerListItem
-  } from './DashboardDrawer'
+	DrawerTitle
+  } from './Drawer'

package/src/DrawerCompanyList/CompanyList.tsx

@@ -0,0 +1,63 @@
+import React from 'react'
+
+
+type DrawerListProps = {
+	children: React.ReactNode
+}
+
+const CompanyList: React.FC<DrawerListProps> = ({ children }) => {
+	return (
+		<div
+			role="list"
+			className="px-[20px] divide-y"
+		>
+			{children}
+		</div>
+	)
+}
+
+type DrawerListItemProps = {
+	value: string
+	label: string | JSX.Element
+	isActive?: boolean
+	onClick?: () => void
+}
+const DrawerListItem: React.FC<DrawerListItemProps> = ({ label, value, isActive, onClick }) => {
+	return (
+		<button
+			className="flex py-[16px] w-full text-left"
+			role="listitem"
+			aria-selected={isActive}
+			aria-labelledby="1"
+			onClick={onClick}
+		>
+			<span className="w-[calc(100%-50px)]">
+				<span
+					className="flex [&+span]:mt-[4px] font-medium text-[14px] text-muted leading-[1.28]"
+					id="1"
+				>
+					<span className="[&+span]:ml-[8px] truncate">{label}</span>
+
+					<span className="inline-flex bg-[#EE7C2D] px-[4px] rounded-full h-[16px] text-[#fff] text-[12px] truncate leading-[16px] shrink-0">
+						23
+					</span>
+				</span>
+				<span className="block font-bold text-[20px] leading-[1.2]">{value}</span>
+			</span>
+			{isActive && (
+				<Check
+					width={16}
+					height={16}
+					className="ml-auto text-primary self-center"
+				/>
+			)}
+		</button>
+	)
+}
+
+export { CompanyList }
+
+
+<DrawerTitle className="sr-only">Выбор компании</DrawerTitle>
+{children}
+<DrawerFooter />

package/src/DrawerCompanyList/index.ts

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

package/src/{input → Input}/Input.tsx

@@ -5,7 +5,7 @@ const InputLabel = React.forwardRef<HTMLLabelElement, React.LabelHTMLAttributes<
 	({ className, children, ...props }) => {
 		return (
 			<label
-				className={cn('text-[12px] leading-[1.33]', className)}
+				className={cn('mb-[4px] font-medium text-[12px] text-light leading-[1.33] focus:text-primary focus-visible:text-primary', className)}
 				{...props}
 			>
 				{children}
@@ -21,7 +21,7 @@ const InputField = React.forwardRef<HTMLInputElement, React.InputHTMLAttributes<
 		<input
 			type={type}
 			className={cn(
-				'h-[44px] leading-[1.17] rounded-1 w-full border border-input bg-transparent transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50',
+				'border-input file:border-0 bg-transparent font-normal file:bg-transparent disabled:opacity-50 border rounded-1 focus-visible:ring-1 focus-visible:ring-ring w-full h-[44px] file:font-medium file:text-sm placeholder:text-muted-foreground leading-[1.17] transition-colors focus-visible:outline-none disabled:cursor-not-allowed',
 				className
 			)}
 			ref={ref}

package/src/Tabs/Tabs.tsx

@@ -1,15 +1,15 @@
 import React from 'react'
 import cn from 'classnames'
 import * as TabsPrimitive from '@radix-ui/react-tabs'
-import {TabsProps} from "@radix-ui/react-tabs";
+import { TabsProps } from '@radix-ui/react-tabs'
 
 type TabsComponents = {
-	List: typeof TabsList,
-	Trigger: typeof TabsTrigger,
-	Content: typeof TabsContent,
+	List: typeof TabsList
+	Trigger: typeof TabsTrigger
+	Content: typeof TabsContent
 }
 
-const Tabs: React.FC<TabsProps> & TabsComponents = ({ ...props }) => <TabsPrimitive.Root {...props}/>
+const Tabs: React.FC<TabsProps> & TabsComponents = ({ ...props }) => <TabsPrimitive.Root {...props} />
 
 const TabsList = React.forwardRef<
 	React.ElementRef<typeof TabsPrimitive.List>,
@@ -18,7 +18,7 @@ const TabsList = React.forwardRef<
 	<TabsPrimitive.List
 		ref={ref}
 		className={cn(
-			'inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground',
+			'inline-flex items-center gap-x-[24px] border-b-2',
 			className
 		)}
 		{...props}
@@ -32,7 +32,7 @@ const TabsTrigger = React.forwardRef<
 	<TabsPrimitive.Trigger
 		ref={ref}
 		className={cn(
-			'inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm',
+		'inline-flex relative after:-bottom-[2px] after:absolute after:inset-x-0 justify-center items-center after:bg-primary disabled:opacity-50 pb-[12px] data-[state=active]:border-bottom-[2px] rounded-[4px] focus-visible:ring-2 focus-visible:ring-ring ring-offset-background focus-visible:ring-offset-2 data-[state=active]:after:h-[3px] text-[14px] data-[state=active]:text-primary leading-[1.4] whitespace-nowrap motion-reduce:hover:transform-none transition-all after:transition-all motion-reduce:transition-none focus-visible:outline-none disabled:pointer-events-none',
 			className
 		)}
 		{...props}
@@ -46,7 +46,7 @@ const TabsContent = React.forwardRef<
 	<TabsPrimitive.Content
 		ref={ref}
 		className={cn(
-			'mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
+			'ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
 			className
 		)}
 		{...props}
@@ -54,10 +54,10 @@ const TabsContent = React.forwardRef<
 ))
 
 Tabs.List = TabsList
-TabsList.displayName = "TabsList"
+TabsList.displayName = 'TabsList'
 Tabs.Trigger = TabsTrigger
-TabsTrigger.displayName = "TabsTrigger"
+TabsTrigger.displayName = 'TabsTrigger'
 Tabs.Content = TabsContent
-TabsContent.displayName = "TabsContent"
+TabsContent.displayName = 'TabsContent'
 
-export default Tabs
+export { Tabs }

package/src/Tabs/index.ts

@@ -1,5 +1 @@
-import Tabs from './Tabs'
-
-export default Tabs
-
-export { Tabs }
+export { Tabs } from './Tabs'

package/src/assets/css/global.css

@@ -23,7 +23,7 @@
     }
 
     :root {
-        font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif; 
+        font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
 
         --cl-white: #ffffff;
         --cl-dark: #000000;
@@ -127,15 +127,24 @@
         
         /* ЦВЕТ ПОЛЯ ВВОДА */
         /* =========================================== */
-        --input-border-color: var(--cl-graphite-5);
-        /* --input-bg: var(); */
+        
         /* =========================================== */
         /* ЦВЕТ ПОЛЯ ВВОДА */
-
+        
+        
+        /* BORDER */
+        /* =========================================== */
+        --border-color: var(--cl-graphite-5);
         --border-radius-1: 8px;
-
+        /* =========================================== */
+        /* BORDER */
+        
+        /* SHADOWS */
+        /* =========================================== */
         --shadow-1: 0px 4px 16px rgba(36, 48, 54, 0.08);
         --shadow-2: 0 2px 10px rgba(36, 48, 54, 0.12);
+        /* =========================================== */
+        /* SHADOWS */
     }
 
 

package/src/index.ts

@@ -35,13 +35,12 @@ import {
 	Drawer,
 	DrawerTrigger,
 	DrawerClose,
-	DrawerContent,
-	DrawerList,
-	DrawerListItem
-} from './DashboardDrawer'
+	DrawerContent
+} from './Drawer'
 import { Page } from "./Page";
 import { PageNavbar } from "./Page";
 import { Chip } from "./Chip";
+import { InputField, InputLabel } from "./Input";
 
 export {
 	Tooltip,
@@ -63,6 +62,8 @@ export {
 	AccountCollapsibleContentItem,
 	Button,
 	Input,
+	InputField,
+	InputLabel,
 	Audio,
 	cn,
 	Icon,
@@ -70,8 +71,6 @@ export {
 	DrawerTrigger,
 	DrawerClose,
 	DrawerContent,
-	DrawerList,
-	DrawerListItem,
 	BottomNavigation,
 	BottomNavigationList,
 	BottomNavigationListItem,

package/dist/DashboardDrawer/DashboardDrawer.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DrawerListItem = exports.DrawerList = exports.DrawerClose = exports.DrawerContent = exports.DrawerTrigger = exports.Drawer = void 0;
-const tslib_1 = require("tslib");
-const React = (0, tslib_1.__importStar)(require("react"));
-const vaul_1 = require("vaul");
-const Icon_1 = require("../Icon");
-const utils_1 = require("../@/lib/utils");
-const Drawer = ({ ...props }) => React.createElement(vaul_1.Drawer.Root, { ...props });
-exports.Drawer = Drawer;
-Drawer.displayName = 'Drawer';
-const DrawerTrigger = vaul_1.Drawer.Trigger;
-exports.DrawerTrigger = DrawerTrigger;
-const DrawerPortal = vaul_1.Drawer.Portal;
-const DrawerClose = vaul_1.Drawer.Close;
-exports.DrawerClose = DrawerClose;
-const DrawerTitle = React.forwardRef(({ className, ...props }, ref) => (React.createElement(vaul_1.Drawer.Title, { ref: ref, className: (0, utils_1.cn)(className), ...props })));
-DrawerTitle.displayName = vaul_1.Drawer.Title.displayName;
-const DrawerFooter = () => (React.createElement(DrawerClose, { className: "p-[16px]" },
-    React.createElement("svg", { className: "mx-auto", width: "38", height: "10", viewBox: "0 0 38 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("path", { d: "M0 7.39774C0 8.68678 1.25226 9.60455 2.48147 9.21638L17.7955 4.38038C18.5794 4.13282 19.4206 4.13282 20.2045 4.38038L35.5185 9.21638C36.7477 9.60455 38 8.68678 38 7.39774C38 6.56568 37.4606 5.82966 36.6671 5.5791L20.2045 0.380377C19.4206 0.132817 18.5794 0.132817 17.7955 0.380377L1.33286 5.5791C0.539422 5.82966 0 6.56568 0 7.39774Z", fill: "#243036", fillOpacity: "0.24" }))));
-const DrawerList = ({ children }) => {
-    return (React.createElement("div", { role: "list", className: "px-[20px] divide-y" }, children));
-};
-exports.DrawerList = DrawerList;
-const DrawerListItem = ({ label, value, isActive, onClick }) => {
-    return (React.createElement("button", { className: "flex py-[16px] w-full text-left", role: "listitem", "aria-selected": isActive, "aria-labelledby": "1", onClick: onClick },
-        React.createElement("span", { className: "w-[calc(100%-50px)]" },
-            React.createElement("span", { className: "flex [&+span]:mt-[4px] font-medium text-[14px] text-muted leading-[1.28]", id: "1" },
-                React.createElement("span", { className: "[&+span]:ml-[8px] truncate" }, label),
-                React.createElement("span", { className: "inline-flex bg-[#EE7C2D] px-[4px] rounded-full h-[16px] text-[#fff] text-[12px] truncate leading-[16px] shrink-0" }, "23")),
-            React.createElement("span", { className: "block font-bold text-[20px] leading-[1.2]" }, value)),
-        isActive && (React.createElement(Icon_1.Check, { width: 16, height: 16, className: "ml-auto text-primary self-center" }))));
-};
-exports.DrawerListItem = DrawerListItem;
-const DrawerContent = React.forwardRef(({ className, children, ...props }, ref) => (React.createElement(DrawerPortal, null,
-    React.createElement(vaul_1.Drawer.Content, { ref: ref, className: (0, utils_1.cn)('fixed inset-x-0 top-0 flex h-auto flex-col bg-page drop-shadow-1 rounded-[8px] #24303614; 0px 0px 16px 4px', className), ...props },
-        React.createElement(DrawerTitle, { className: "sr-only" }, "\u0412\u044B\u0431\u043E\u0440 \u043A\u043E\u043C\u043F\u0430\u043D\u0438\u0438"),
-        children,
-        React.createElement(DrawerFooter, null)))));
-exports.DrawerContent = DrawerContent;
-DrawerContent.displayName = 'DrawerContent';
-//# sourceMappingURL=DashboardDrawer.js.map

package/dist/DashboardDrawer/DashboardDrawer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DashboardDrawer.js","sourceRoot":"","sources":["../../src/DashboardDrawer/DashboardDrawer.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,+BAAgD;AAChD,kCAA+B;AAC/B,0CAAmC;AAEnC,MAAM,MAAM,GAAG,CAAC,EAAE,GAAG,KAAK,EAAqD,EAAE,EAAE,CAAC,oBAAC,aAAe,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAiH9G,wBAAM;AA/Gf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,MAAM,aAAa,GAAG,aAAe,CAAC,OAAO,CAAA;AA6G5B,sCAAa;AA3G9B,MAAM,YAAY,GAAG,aAAe,CAAC,MAAM,CAAA;AAE3C,MAAM,WAAW,GAAG,aAAe,CAAC,KAAK,CAAA;AAyGM,kCAAW;AAvG1D,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;AACF,WAAW,CAAC,WAAW,GAAG,aAAe,CAAC,KAAK,CAAC,WAAW,CAAA;AAE3D,MAAM,YAAY,GAAa,GAAG,EAAE,CAAC,CACpC,oBAAC,WAAW,IAAC,SAAS,EAAC,UAAU;IAChC,6BACC,SAAS,EAAC,SAAS,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,8BACC,CAAC,EAAC,+UAA+U,EACjV,IAAI,EAAC,SAAS,EACd,WAAW,EAAC,MAAM,GACjB,CACG,CACO,CACd,CAAA;AAID,MAAM,UAAU,GAA8B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9D,OAAO,CACN,6BACC,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,oBAAoB,IAE7B,QAAQ,CACJ,CACN,CAAA;AACF,CAAC,CAAA;AA6D2D,gCAAU;AAtDtE,MAAM,cAAc,GAAkC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IAC7F,OAAO,CACN,gCACC,SAAS,EAAC,iCAAiC,EAC3C,IAAI,EAAC,UAAU,mBACA,QAAQ,qBACP,GAAG,EACnB,OAAO,EAAE,OAAO;QAEhB,8BAAM,SAAS,EAAC,qBAAqB;YACpC,8BACC,SAAS,EAAC,0EAA0E,EACpF,EAAE,EAAC,GAAG;gBAEN,8BAAM,SAAS,EAAC,4BAA4B,IAAE,KAAK,CAAQ;gBAE3D,8BAAM,SAAS,EAAC,kHAAkH,SAE3H,CACD;YACP,8BAAM,SAAS,EAAC,2CAA2C,IAAE,KAAK,CAAQ,CACpE;QACN,QAAQ,IAAI,CACZ,oBAAC,YAAK,IACL,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,SAAS,EAAC,kCAAkC,GAC3C,CACF,CACO,CACT,CAAA;AACF,CAAC,CAAA;AAuBuE,wCAAc;AArBtF,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7C,oBAAC,YAAY;IACZ,oBAAC,aAAe,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACZ,4GAA4G,EAC5G,SAAS,CACT,KACG,KAAK;QAET,oBAAC,WAAW,IAAC,SAAS,EAAC,SAAS,sFAA6B;QAC5D,QAAQ;QACT,oBAAC,YAAY,OAAG,CACS,CACZ,CACf,CAAC,CAAA;AAG8B,sCAAa;AAF7C,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}

package/dist/DashboardDrawer/index.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DrawerListItem = exports.DrawerList = exports.DrawerContent = exports.DrawerClose = exports.DrawerTrigger = exports.Drawer = void 0;
-var DashboardDrawer_1 = require("./DashboardDrawer");
-Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return DashboardDrawer_1.Drawer; } });
-Object.defineProperty(exports, "DrawerTrigger", { enumerable: true, get: function () { return DashboardDrawer_1.DrawerTrigger; } });
-Object.defineProperty(exports, "DrawerClose", { enumerable: true, get: function () { return DashboardDrawer_1.DrawerClose; } });
-Object.defineProperty(exports, "DrawerContent", { enumerable: true, get: function () { return DashboardDrawer_1.DrawerContent; } });
-Object.defineProperty(exports, "DrawerList", { enumerable: true, get: function () { return DashboardDrawer_1.DrawerList; } });
-Object.defineProperty(exports, "DrawerListItem", { enumerable: true, get: function () { return DashboardDrawer_1.DrawerListItem; } });
-//# sourceMappingURL=index.js.map

package/dist/DashboardDrawer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/DashboardDrawer/index.ts"],"names":[],"mappings":";;;AAAA,qDAO4B;AAN3B,yGAAA,MAAM,OAAA;AACN,gHAAA,aAAa,OAAA;AACb,8GAAA,WAAW,OAAA;AACX,gHAAA,aAAa,OAAA;AACb,6GAAA,UAAU,OAAA;AACV,iHAAA,cAAc,OAAA"}

package/src/DashboardDrawer/DashboardDrawer.tsx

@@ -1,119 +0,0 @@
-import * as React from 'react'
-import { Drawer as DrawerPrimitive } from 'vaul'
-import { Check } from '../Icon'
-import { cn } from '../@/lib/utils'
-
-const Drawer = ({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) => <DrawerPrimitive.Root {...props} />
-
-Drawer.displayName = 'Drawer'
-
-const DrawerTrigger = DrawerPrimitive.Trigger
-
-const DrawerPortal = DrawerPrimitive.Portal
-
-const DrawerClose = DrawerPrimitive.Close
-
-const DrawerTitle = React.forwardRef<
-	React.ElementRef<typeof DrawerPrimitive.Title>,
-	React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>
->(({ className, ...props }, ref) => (
-	<DrawerPrimitive.Title
-		ref={ref}
-		className={cn(className)}
-		{...props}
-	/>
-))
-DrawerTitle.displayName = DrawerPrimitive.Title.displayName
-
-const DrawerFooter: React.FC = () => (
-	<DrawerClose className="p-[16px]">
-		<svg
-			className="mx-auto"
-			width="38"
-			height="10"
-			viewBox="0 0 38 10"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M0 7.39774C0 8.68678 1.25226 9.60455 2.48147 9.21638L17.7955 4.38038C18.5794 4.13282 19.4206 4.13282 20.2045 4.38038L35.5185 9.21638C36.7477 9.60455 38 8.68678 38 7.39774C38 6.56568 37.4606 5.82966 36.6671 5.5791L20.2045 0.380377C19.4206 0.132817 18.5794 0.132817 17.7955 0.380377L1.33286 5.5791C0.539422 5.82966 0 6.56568 0 7.39774Z"
-				fill="#243036"
-				fillOpacity="0.24"
-			/>
-		</svg>
-	</DrawerClose>
-)
-type DrawerListProps = {
-	children: React.ReactNode
-}
-const DrawerList: React.FC<DrawerListProps> = ({ children }) => {
-	return (
-		<div
-			role="list"
-			className="px-[20px] divide-y"
-		>
-			{children}
-		</div>
-	)
-}
-type DrawerListItemProps = {
-	value: string
-	label: string | JSX.Element
-	isActive?: boolean
-	onClick?: () => void
-}
-const DrawerListItem: React.FC<DrawerListItemProps> = ({ label, value, isActive, onClick }) => {
-	return (
-		<button
-			className="flex py-[16px] w-full text-left"
-			role="listitem"
-			aria-selected={isActive}
-			aria-labelledby="1"
-			onClick={onClick}
-		>
-			<span className="w-[calc(100%-50px)]">
-				<span
-					className="flex [&+span]:mt-[4px] font-medium text-[14px] text-muted leading-[1.28]"
-					id="1"
-				>
-					<span className="[&+span]:ml-[8px] truncate">{label}</span>
-
-					<span className="inline-flex bg-[#EE7C2D] px-[4px] rounded-full h-[16px] text-[#fff] text-[12px] truncate leading-[16px] shrink-0">
-						23
-					</span>
-				</span>
-				<span className="block font-bold text-[20px] leading-[1.2]">{value}</span>
-			</span>
-			{isActive && (
-				<Check
-					width={16}
-					height={16}
-					className="ml-auto text-primary self-center"
-				/>
-			)}
-		</button>
-	)
-}
-
-const DrawerContent = React.forwardRef<
-	React.ElementRef<typeof DrawerPrimitive.Content>,
-	React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>
->(({ className, children, ...props }, ref) => (
-	<DrawerPortal>
-		<DrawerPrimitive.Content
-			ref={ref}
-			className={cn(
-				'fixed inset-x-0 top-0 flex h-auto flex-col bg-page drop-shadow-1 rounded-[8px] #24303614; 0px 0px 16px 4px',
-				className
-			)}
-			{...props}
-		>
-			<DrawerTitle className="sr-only">Выбор компании</DrawerTitle>
-			{children}
-			<DrawerFooter />
-		</DrawerPrimitive.Content>
-	</DrawerPortal>
-))
-DrawerContent.displayName = 'DrawerContent'
-
-export { Drawer, DrawerTrigger, DrawerContent, DrawerClose, DrawerList, DrawerListItem }

package/src/Drawer/DashboardDrawer.tsx

@@ -1,108 +0,0 @@
-import * as React from 'react'
-import { Drawer as DrawerPrimitive } from 'vaul'
-import { cn } from '../@/lib/utils'
-
-const Drawer = ({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) => <DrawerPrimitive.Root {...props} />
-
-Drawer.displayName = 'Drawer'
-
-const DrawerTrigger = DrawerPrimitive.Trigger
-
-const DrawerPortal = DrawerPrimitive.Portal
-
-const DrawerClose = DrawerPrimitive.Close
-
-const DrawerTitle = React.forwardRef<
-	React.ElementRef<typeof DrawerPrimitive.Title>,
-	React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>
->(({ className, ...props }, ref) => (
-	<DrawerPrimitive.Title
-		ref={ref}
-		className={cn(className)}
-		{...props}
-	/>
-))
-DrawerTitle.displayName = DrawerPrimitive.Title.displayName
-
-const DrawerFooter: React.FC = () => (
-	<DrawerClose className="p-[16px]">
-		<svg
-			className="mx-auto"
-			width="38"
-			height="10"
-			viewBox="0 0 38 10"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M0 7.39774C0 8.68678 1.25226 9.60455 2.48147 9.21638L17.7955 4.38038C18.5794 4.13282 19.4206 4.13282 20.2045 4.38038L35.5185 9.21638C36.7477 9.60455 38 8.68678 38 7.39774C38 6.56568 37.4606 5.82966 36.6671 5.5791L20.2045 0.380377C19.4206 0.132817 18.5794 0.132817 17.7955 0.380377L1.33286 5.5791C0.539422 5.82966 0 6.56568 0 7.39774Z"
-				fill="#243036"
-				fillOpacity="0.24"
-			/>
-		</svg>
-	</DrawerClose>
-)
-type DrawerListProps = {
-	children: React.ReactNode
-}
-const DrawerList: React.FC<DrawerListProps> = ({ children }) => {
-	return (
-		<div
-			role="listbox"
-			className="px-[20px]"
-		>
-			{children}
-		</div>
-	)
-}
-type DrawerListItemProps = {
-	value: string
-	label: string | JSX.Element
-	isSelected?: boolean,
-}
-const DrawerListItem: React.FC<DrawerListItemProps> = ({ label, value, isSelected }) => {
-	return (
-		<div
-			role="option"
-			aria-labelledby="1"
-			aria-selected={isSelected}
-			className="flex"
-			tabIndex={0}
-		>
-			<div className="shrink-0">
-				<p
-					className="font-medium text-[14px] text-muted leading-[1.4]"
-					id="1"
-				>
-					{label}
-				</p>
-				<p className="font-bold text-[20px] leading-[1.2]">{value}</p>
-			</div>
-			{isSelected && <span></span>}
-		</div>
-	)
-}
-
-const DrawerContent = React.forwardRef<
-	React.ElementRef<typeof DrawerPrimitive.Content>,
-	React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>
->(({ className, children, ...props }, ref) => (
-	<DrawerPortal>
-		<DrawerPrimitive.Content
-			ref={ref}
-			className={cn(
-				'fixed inset-x-0 top-0 flex h-auto flex-col bg-page drop-shadow-1 rounded-[8px] #24303614; 0px 0px 16px 4px',
-				className
-			)}
-
-			{...props}
-		>
-			<DrawerTitle className="sr-only">Выбор компании</DrawerTitle>
-			{children}
-			<DrawerFooter />
-		</DrawerPrimitive.Content>
-	</DrawerPortal>
-))
-DrawerContent.displayName = 'DrawerContent'
-
-export { Drawer, DrawerTrigger, DrawerContent, DrawerClose, DrawerList, DrawerListItem }

package/src/Tabs/ant-tabs.styl

@@ -1,91 +0,0 @@
-@require '../../../Markup.Common/markup/stylus/variables'
-
-$prefix-tabs = ant-tabs
-
-// Общая обретка
-.{$prefix-tabs}
-	position relative
-
-	&._wide
-		.{$prefix-tabs}-tab
-			padding 0 16px 8px
-
-			&:not(:last-child)
-				margin-right 0
-
-// Панелька с названиями табов
-.{$prefix-tabs}-bar
-	position relative
-	display flex
-	flex-wrap nowrap
-
-	&::after
-		content ''
-		position absolute
-		right 0
-		bottom 0
-		left 0
-		height 2px
-		background-color $cl-graphite-6
-
-.{$prefix-tabs}-nav-wrap
-	overflow hidden
-
-.{$prefix-tabs}-nav-scroll
-	overflow hidden
-	white-space nowrap
-
-.{$prefix-tabs}-nav
-	display inline-block
-
-// Таб
-.{$prefix-tabs}-tab
-	display inline-block
-	padding-bottom 8px
-	user-select none
-	cursor pointer
-
-	&:not(:last-child)
-		margin-right 32px
-
-// Активный таб
-.{$prefix-tabs}-tab-active
-	position relative
-	color $cl-blue-2
-
-// Стрелки переключения между табами
-.{$prefix-tabs}-tab-prev
-.{$prefix-tabs}-tab-next
-	display none
-
-// Обертка всех табов
-.{$prefix-tabs}-content
-	display flex
-	margin-left 0 !important // fix стандартного поведения ant-tabs - табы уезжают влево через margin-left: -100%
-	width 100%
-
-// Контент табов
-.{$prefix-tabs}-tabpane
-	flex-shrink 0
-	width 100%
-
-// Подчеркивание активного таба
-.{$prefix-tabs}-ink-bar
-	position relative
-	height 3px
-	background-color $cl-blue-2
-	transition transform .2s
-	z-index 1
-
-// Скрытие неактивного таба
-.{$prefix-tabs}-tabpane-inactive
-	display none
-
-// Заготовка для анимаций
-// .{$prefix-tabs}-tabpane-active
-// 	animation-name anim-tab-active
-// 	animation-duration 1s
-
-// .{$prefix-tabs}-tabpane-inactive
-// 	animation-name anim-tab-inactive
-// 	animation-duration 1s