@modul/mbui 0.0.16-beta-pv-53139-88618ef5 → 0.0.17-beta-pv-53151-c7f612b9

package/dist/Slider/Slider.js

@@ -3,10 +3,26 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const React = (0, tslib_1.__importStar)(require("react"));
 const SliderPrimitive = (0, tslib_1.__importStar)(require("@radix-ui/react-slider"));
-const classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
-const Slider = React.forwardRef(({ className = '', ...props }, ref) => (React.createElement(SliderPrimitive.Root, { ref: ref, className: (0, classnames_1.default)('relative flex w-full touch-none select-none items-center', className), ...props },
-    React.createElement(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary" },
-        React.createElement(SliderPrimitive.Range, { className: "absolute h-full bg-primary" })),
-    React.createElement(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" }))));
+const clsx_1 = (0, tslib_1.__importDefault)(require("clsx"));
+const sliderThumb = `
+	block
+	size-5
+	border-2
+	border-primary
+	bg-background
+	rounded-full
+	ring-offset-background
+	focus-visible:ring-2
+	focus-visible:ring-ring
+	focus-visible:ring-offset-2
+	focus-visible:outline-none
+	disabled:pointer-events-none
+	disabled:opacity-50
+	transition-colors
+`;
+const Slider = React.forwardRef(({ className = '', ...props }, ref) => (React.createElement(SliderPrimitive.Root, { ref: ref, className: (0, clsx_1.default)('relative flex w-full touch-none select-none items-center', className), ...props },
+    React.createElement(SliderPrimitive.Track, { className: "relative bg-secondary rounded-full w-full h-2 overflow-hidden grow" },
+        React.createElement(SliderPrimitive.Range, { className: "absolute bg-primary h-full" })),
+    React.createElement(SliderPrimitive.Thumb, { className: sliderThumb }))));
 exports.default = Slider;
 //# sourceMappingURL=Slider.js.map

package/dist/Slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../src/Slider/Slider.tsx"],"names":[],"mappings":";;;AAAA,0DAA8B;AAC9B,qFAAyD;AACzD,yEAA2B;AAE3B,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACxC,oBAAC,eAAe,CAAC,IAAI,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAE,EAAC,0DAA0D,EAAE,SAAS,CAAC,KAChF,KAAK;IAET,oBAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAC,oEAAoE;QACpG,oBAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAC,4BAA4B,GAAG,CACzC;IACxB,oBAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAC,gQAAgQ,GAAG,CAC9Q,CACvB,CAAC,CAAA;AAEF,kBAAe,MAAM,CAAA"}
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../src/Slider/Slider.tsx"],"names":[],"mappings":";;;AAAA,0DAA8B;AAC9B,qFAAyD;AACzD,6DAAqB;AAErB,MAAM,WAAW,GAAG;;;;;;;;;;;;;;;CAenB,CAAA;AAED,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACxC,oBAAC,eAAe,CAAC,IAAI,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,0DAA0D,EAAE,SAAS,CAAC,KAChF,KAAK;IAET,oBAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAC,oEAAoE;QACpG,oBAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAC,4BAA4B,GAAG,CACzC;IACxB,oBAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAE,WAAW,GAAI,CAC3B,CACvB,CAAC,CAAA;AAEF,kBAAe,MAAM,CAAA"}

package/dist/Switch/Switch.js

@@ -6,21 +6,35 @@ const React = (0, tslib_1.__importStar)(require("react"));
 const SwitchPrimitives = (0, tslib_1.__importStar)(require("@radix-ui/react-switch"));
 const utils_1 = require("../@/lib/utils");
 const rootClasses = `
-	inline-flex items-center bg-light 
-	data-[state=checked]:bg-primary data-[state=unchecked]:bg-input 
-	disabled:opacity-50 shadow-sm rounded-full
-	focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2
-	w-[32px] h-[18px]
-	transition-colors cursor-pointer
-	disabled:cursor-not-allowed peer shrink-0
+	inline-flex
+	items-center
+	w-[32px]
+	h-[18px]
+	bg-light 
+	shadow-sm
+	rounded-full
+	focus-visible:ring-2
+	focus-visible:ring-ring
+	focus-visible:ring-offset-2
 	focus-visible:outline-none
+	data-[state=checked]:bg-primary
+	data-[state=unchecked]:bg-input
+	disabled:cursor-not-allowed peer shrink-0
+	disabled:opacity-50
+	transition-colors cursor-pointer
 `;
 const ThumbClasses = `
-	border-2 border-input data-[state=checked]:border-primary
-	bg-page shadow-md rounded-full ring-0
-	w-[18px] h-[18px]
+	size-[18px]
+	border-2
+	border-input
+	bg-page
+	shadow-md
+	rounded-full
+	ring-0
+	data-[state=checked]:border-primary
+	data-[state=checked]:translate-x-[14px]
+	data-[state=unchecked]:translate-x-0
 	transition-transform
-	data-[state=checked]:translate-x-[14px] data-[state=unchecked]:translate-x-0
 	pointer-events-none
 `;
 const Switch = React.forwardRef(({ className, ...props }, ref) => (React.createElement(SwitchPrimitives.Root, { className: (0, utils_1.cn)(rootClasses, className), ...props, ref: ref },

package/dist/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/Switch/Switch.tsx"],"names":[],"mappings":";;;;AACA,0DAA8B;AAC9B,sFAA0D;AAE1D,0CAAmC;AAEnC,MAAM,WAAW,GAAG;;;;;;;;;CASnB,CAAA;AACD,MAAM,YAAY,GAAG;;;;;;;CAOpB,CAAA;AAED,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,oBAAC,gBAAgB,CAAC,IAAI,IACpB,SAAS,EAAE,IAAA,UAAE,EAChB,WAAW,EACN,SAAS,CACV,KACG,KAAK,EACT,GAAG,EAAE,GAAG;IAEX,8BAAM,SAAS,EAAC,EAAE,GAAQ;IACvB,oBAAC,gBAAgB,CAAC,KAAK,IACrB,SAAS,EAAE,YAAY,GACvB,CACoB,CACzB,CAAC,CAAA;AAIO,wBAAM;AAFf,MAAM,CAAC,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAA"}
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/Switch/Switch.tsx"],"names":[],"mappings":";;;;AACA,0DAA8B;AAC9B,sFAA0D;AAC1D,0CAAmC;AAEnC,MAAM,WAAW,GAAG;;;;;;;;;;;;;;;;;CAiBnB,CAAA;AACD,MAAM,YAAY,GAAG;;;;;;;;;;;;;CAapB,CAAA;AAED,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,oBAAC,gBAAgB,CAAC,IAAI,IACpB,SAAS,EAAE,IAAA,UAAE,EAChB,WAAW,EACN,SAAS,CACV,KACG,KAAK,EACT,GAAG,EAAE,GAAG;IAEX,8BAAM,SAAS,EAAC,EAAE,GAAQ;IACvB,oBAAC,gBAAgB,CAAC,KAAK,IACrB,SAAS,EAAE,YAAY,GACvB,CACoB,CACzB,CAAC,CAAA;AAIO,wBAAM;AAFf,MAAM,CAAC,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAA"}

package/dist/Tabs/Tabs.js

@@ -7,22 +7,52 @@ 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 });
 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 bg-[--tabs-bg] p-[1px] rounded-[--tabs-round] data-[orientation=horizontal]:h-[--tabs-height] data-[orientation=vertical]:flex-col', className), ...props })));
+const tabListClasses = `
+	inline-flex
+	bg-[--tabs-bg]
+	p-[1px]
+	rounded-[--tabs-round]
+	data-[orientation=horizontal]:h-[--tabs-height]
+	data-[orientation=vertical]:flex-col
+`;
+const TabsList = react_1.default.forwardRef(({ className, ...props }, ref) => (react_1.default.createElement(TabsPrimitive.List, { ref: ref, className: (0, classnames_1.default)(tabListClasses, className), ...props })));
 const triggerClasses = `
-	flex-1 shrink-0
+	flex-1
+	shrink-0
+	ring-offset-background
+	h-[--tab-height]
+	text-center
+	text-[12px]
+	leading-[1.16]
+	truncate
+	border
+	border-transparent
+	rounded-sm
+	motion-reduce:hover:transform-none
+	motion-reduce:transition-none
+	focus-visible:outline-none
+	focus-visible:ring-2 
+	focus-visible:ring-ring
+	focus-visible:ring-offset-2 
 	data-[state=active]:border-[--tab-border] 
 	data-[state=active]:bg-[--tab-bg] 
 	data-[state=active]:shadow-sm px-[8px] 
 	data-[orientation=vertical]:basis-auto 
 	data-[state=inactive]:text-dark 
-	border border-transparent rounded-sm focus-visible:ring-2 
-	focus-visible:ring-ring ring-offset-background focus-visible:ring-offset-2 
-	h-[--tab-height] text-[12px] text-center truncate 
-	leading-[1.16] whitespace-nowrap motion-reduce:hover:transform-none
-	transition-all motion-reduce:transition-none overflow-hidden
-	focus-visible:outline-none disabled:pointer-events-none`;
+	disabled:pointer-events-none
+	transition-all
+	overflow-hidden
+	whitespace-nowrap
+`;
 const TabsTrigger = react_1.default.forwardRef(({ className, ...props }, ref) => (react_1.default.createElement(TabsPrimitive.Trigger, { ref: ref, className: (0, classnames_1.default)(triggerClasses, 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 })));
+const tabsContentClasses = `
+	ring-offset-background
+	focus-visible:outline-none
+	focus-visible:ring-2
+	focus-visible:ring-ring
+	focus-visible:ring-offset-2
+`;
+const TabsContent = react_1.default.forwardRef(({ className, ...props }, ref) => (react_1.default.createElement(TabsPrimitive.Content, { ref: ref, className: (0, classnames_1.default)(tabsContentClasses, className), ...props })));
 Tabs.List = TabsList;
 TabsList.displayName = 'TabsList';
 Tabs.Trigger = TabsTrigger;

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,GAAI,CAAA;AA8D7F,oBAAI;AA5Db,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,gJAAgJ,EAChJ,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG;;;;;;;;;;;;yDAYkC,CAAA;AAEzD,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,EAAC,cAAc,EAAE,SAAS,CAAC,KACpC,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"}
+{"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;AA8F7F,oBAAI;AA5Fb,MAAM,cAAc,GAAG;;;;;;;CAOtB,CAAA;AAED,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,cAAc,EACd,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BtB,CAAA;AAED,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,EAAC,cAAc,EAAE,SAAS,CAAC,KACpC,KAAK,GACR,CACF,CAAC,CAAA;AAEF,MAAM,kBAAkB,GAAG;;;;;;CAM1B,CAAA;AAED,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,kBAAkB,EAClB,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/Textarea/Textarea.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
 }
 declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/Textarea/Textarea.js

@@ -4,9 +4,26 @@ exports.Textarea = void 0;
 const tslib_1 = require("tslib");
 const React = (0, tslib_1.__importStar)(require("react"));
 const utils_1 = require("../@/lib/utils");
+const textAreaClasses = `
+	flex
+	py-2
+	px-3
+	min-h-[60px]
+	w-full
+	border
+	border-input
+	rounded-md
+	bg-transparent
+	placeholder:text-light
+	focus-visible:outline-none
+	focus-visible:ring-1 
+	focus-visible:ring-ring
+	disabled:cursor-not-allowed
+	disabled:opacity-50
+`;
 const Textarea = React.forwardRef(({ className, ...props }, ref) => {
-    return (React.createElement("textarea", { className: (0, utils_1.cn)("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 placeholder:text-light focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50", className), ref: ref, ...props }));
+    return (React.createElement("textarea", { className: (0, utils_1.cn)(textAreaClasses, className), ref: ref, ...props }));
 });
 exports.Textarea = Textarea;
-Textarea.displayName = "Textarea";
+Textarea.displayName = 'Textarea';
 //# sourceMappingURL=Textarea.js.map

package/dist/Textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/Textarea/Textarea.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAE9B,0CAAmC;AAKnC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/B,OAAO,CACL,kCACE,SAAS,EAAE,IAAA,UAAE,EACX,iOAAiO,EACjO,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAGQ,4BAAQ;AAFjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/Textarea/Textarea.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,0CAAmC;AAEnC,MAAM,eAAe,GAAG;;;;;;;;;;;;;;;;CAgBvB,CAAA;AAID,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAqC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtG,OAAO,CACN,kCACC,SAAS,EAAE,IAAA,UAAE,EAAC,eAAe,EAAE,SAAS,CAAC,EACzC,GAAG,EAAE,GAAG,KACJ,KAAK,GACR,CACF,CAAA;AACF,CAAC,CAAC,CAAA;AAGO,4BAAQ;AAFjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}

package/dist/index.d.ts

@@ -8,7 +8,7 @@ import { BottomNavigation, BottomNavigationList, BottomNavigationListItem, Botto
 import * as Icon from './Icon';
 import { Collapsible, CollapsibleTrigger, CollapsibleContent } from './Collapsible';
 import { AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem } from './Collapsible';
-import { Button, buttonVariants } from './Button';
+import { Button } from './Button';
 import { Audio } from './Audio';
 import { cn } from './@/lib/utils';
 import { Drawer, DrawerTrigger, DrawerTitle, DrawerClose, DrawerContent } from './Drawer';
@@ -24,8 +24,6 @@ import { Form, FormLabel, FormField, FormItem, FormControl, FormDescription, For
 import { Calendar } from './Calendar';
 import { DatePicker } from './DatePicker';
 import { Select } from './Select';
-import { Progress } from './Progress';
+import { Progress } from "./Progress";
 import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel } from './AlertDialog';
-import { Badge, badgeVariants } from './Badge';
-import { Checkbox } from './Checkbox';
-export { Tooltip, Tabs, Slider, Popover, Logo, InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, Collapsible, CollapsibleTrigger, CollapsibleContent, AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem, Button, buttonVariants, InputField, InputLabel, Audio, cn, Icon, Drawer, DrawerTrigger, DrawerTitle, DrawerClose, DrawerContent, BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink, Page, Chip, Progress, Alert, Switch, Label, Textarea, SelectAccountCard, Form, FormLabel, FormField, FormItem, FormControl, FormDescription, FormMessage, Calendar, DatePicker, SelectAsync, InputMask, Select, AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, Badge, badgeVariants, Checkbox };
+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, Progress, Alert, Switch, Label, Textarea, SelectAccountCard, Form, FormLabel, FormField, FormItem, FormControl, FormDescription, FormMessage, Calendar, DatePicker, SelectAsync, InputMask, Select, AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };

package/dist/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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.Progress = 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.buttonVariants = 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.Checkbox = exports.badgeVariants = exports.Badge = exports.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialogDescription = exports.AlertDialogTitle = exports.AlertDialogFooter = exports.AlertDialogHeader = exports.AlertDialogContent = exports.AlertDialogTrigger = exports.AlertDialog = exports.Select = exports.InputMask = exports.SelectAsync = void 0;
+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.Progress = 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.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialogDescription = exports.AlertDialogTitle = exports.AlertDialogFooter = exports.AlertDialogHeader = exports.AlertDialogContent = exports.AlertDialogTrigger = exports.AlertDialog = exports.Select = exports.InputMask = void 0;
 const tslib_1 = require("tslib");
 const Tooltip_1 = require("./Tooltip");
 Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
@@ -37,7 +37,6 @@ Object.defineProperty(exports, "AccountCollapsibleContent", { enumerable: true,
 Object.defineProperty(exports, "AccountCollapsibleContentItem", { enumerable: true, get: function () { return Collapsible_2.AccountCollapsibleContentItem; } });
 const Button_1 = require("./Button");
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
-Object.defineProperty(exports, "buttonVariants", { enumerable: true, get: function () { return Button_1.buttonVariants; } });
 const Audio_1 = require("./Audio");
 Object.defineProperty(exports, "Audio", { enumerable: true, get: function () { return Audio_1.Audio; } });
 const utils_1 = require("./@/lib/utils");
@@ -93,9 +92,4 @@ Object.defineProperty(exports, "AlertDialogTitle", { enumerable: true, get: func
 Object.defineProperty(exports, "AlertDialogDescription", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogDescription; } });
 Object.defineProperty(exports, "AlertDialogAction", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogAction; } });
 Object.defineProperty(exports, "AlertDialogCancel", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogCancel; } });
-const Badge_1 = require("./Badge");
-Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return Badge_1.Badge; } });
-Object.defineProperty(exports, "badgeVariants", { enumerable: true, get: function () { return Badge_1.badgeVariants; } });
-const Checkbox_1 = require("./Checkbox");
-Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;AAAA,uCAAmC;AAmDlC,wFAnDQ,iBAAO,OAmDR;AAlDR,iCAA6B;AAmD5B,qFAnDQ,WAAI,OAmDR;AAlDL,qCAAiC;AAmDhC,uFAnDQ,eAAM,OAmDR;AAlDP,uCAAmC;AAmDlC,wFAnDQ,iBAAO,OAmDR;AAlDR,+DAAyB;AAmDxB,eAnDM,cAAI,CAmDN;AAlDL,2CAAsF;AAmDrF,yFAnDQ,oBAAQ,OAmDR;AACR,8FApDkB,yBAAa,OAoDlB;AACb,6FArDiC,wBAAY,OAqDjC;AACZ,kGAtD+C,6BAAiB,OAsD/C;AArDlB,yDAK2B;AAoE1B,iGAxEA,mCAAgB,OAwEA;AAChB,qGAxEA,uCAAoB,OAwEA;AACpB,yGAxEA,2CAAwB,OAwEA;AACxB,qGAxEA,uCAAoB,OAwEA;AAtErB,0DAA8B;AA6D7B,oBAAI;AA5DL,+CAAmF;AA+ClF,4FA/CQ,yBAAW,OA+CR;AACX,mGAhDqB,gCAAkB,OAgDrB;AAClB,mGAjDyC,gCAAkB,OAiDzC;AAhDnB,+CAMsB;AA2CrB,mGAhDA,gCAAkB,OAgDA;AAClB,yGAhDA,sCAAwB,OAgDA;AACxB,0GAhDA,uCAAyB,OAgDA;AACzB,0GAhDA,uCAAyB,OAgDA;AACzB,8GAhDA,2CAA6B,OAgDA;AA9C9B,qCAAiC;AA+ChC,uFA/CQ,eAAM,OA+CR;AA9CP,mCAA+B;AAiD9B,sFAjDQ,aAAK,OAiDR;AAhDN,yCAAkC;AAiDjC,mFAjDQ,UAAE,OAiDR;AAhDH,qCAAyF;AAkDxF,uFAlDQ,eAAM,OAkDR;AACN,8FAnDgB,sBAAa,OAmDhB;AACb,4FApD+B,oBAAW,OAoD/B;AACX,4FArD4C,oBAAW,OAqD5C;AACX,8FAtDyD,sBAAa,OAsDzD;AArDd,iCAA6B;AA0D5B,qFA1DQ,WAAI,OA0DR;AAzDL,iCAA6B;AA0D5B,qFA1DQ,WAAI,OA0DR;AAzDL,mCAA2D;AA0C1D,2FA1CQ,kBAAU,OA0CR;AACV,2FA3CoB,kBAAU,OA2CpB;AA+BV,0FA1EgC,iBAAS,OA0EhC;AAzEV,mCAA+B;AA0D9B,sFA1DQ,aAAK,OA0DR;AAzDN,qCAAiC;AA0DhC,uFA1DQ,eAAM,OA0DR;AAzDP,mCAA+B;AA0D9B,sFA1DQ,aAAK,OA0DR;AAzDN,yCAAqC;AA0DpC,yFA1DQ,mBAAQ,OA0DR;AAzDT,qCAAyD;AA0DxD,kGA1DQ,0BAAiB,OA0DR;AAUjB,4FApE2B,oBAAW,OAoE3B;AAnEZ,iCAAwG;AA0DvG,qFA1DQ,WAAI,OA0DR;AACJ,0FA3Dc,gBAAS,OA2Dd;AACT,0FA5DyB,gBAAS,OA4DzB;AACT,yFA7DoC,eAAQ,OA6DpC;AACR,4FA9D8C,kBAAW,OA8D9C;AACX,gGA/D2D,sBAAe,OA+D3D;AACf,4FAhE4E,kBAAW,OAgE5E;AA/DZ,yCAAqC;AAgEpC,yFAhEQ,mBAAQ,OAgER;AA/DT,6CAAyC;AAgExC,2FAhEQ,uBAAU,OAgER;AA/DX,qCAAiC;AAkEhC,uFAlEQ,eAAM,OAkER;AAjEP,yCAAqC;AAgDpC,yFAhDQ,mBAAQ,OAgDR;AA/CT,+CAUsB;AAuDrB,4FAhEA,yBAAW,OAgEA;AACX,mGAhEA,gCAAkB,OAgEA;AAClB,mGAhEA,gCAAkB,OAgEA;AAClB,kGAhEA,+BAAiB,OAgEA;AACjB,kGAhEA,+BAAiB,OAgEA;AACjB,iGAhEA,8BAAgB,OAgEA;AAChB,uGAhEA,oCAAsB,OAgEA;AACtB,kGAhEA,+BAAiB,OAgEA;AACjB,kGAhEA,+BAAiB,OAgEA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modul/mbui",
-  "version": "0.0.16-beta-pv-53139-88618ef5",
+  "version": "0.0.17-beta-pv-53151-c7f612b9",
   "packageManager": "yarn@3.5.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -24,7 +24,6 @@
     "@hookform/resolvers": "3.9.0",
     "@radix-ui/react-accordion": "^1.2.0",
     "@radix-ui/react-alert-dialog": "1.1.1",
-    "@radix-ui/react-checkbox": "1.1.1",
     "@radix-ui/react-collapsible": "1.1.0",
     "@radix-ui/react-dropdown-menu": "2.1.1",
     "@radix-ui/react-label": "2.1.0",

package/src/@/config/index.ts

@@ -1,84 +1,84 @@
-import button from "./button"
-import label from "./label"
+import button from './button'
+import label from './label'
 
 export default {
-		container: {
-			center: true,
-		},
-		screens: {
-			sm: '375px',
-		},
-		extend: {
-			colors: {
-				light: 'var(--light)',
-				dark: 'var(--dark)',
-				primary: {
-					DEFAULT: 'var(--primary)',
-					light: {
-						DEFAULT: 'var(--primary-light)'
-					}
-				},
-				success: {
-					DEFAULT: 'var(--success)',
-					light: 'var(--success-light)',
-				},
-				secondary: {
-					DEFAULT: 'var(--secondary)',
-				},
-				warning: {
-					DEFAULT: 'var(--warning)',
-					light: 'var(--warning-light)'
+	container: {
+		center: true,
+	},
+	screens: {
+		sm: '375px',
+	},
+	extend: {
+		colors: {
+			light: 'var(--light)',
+			dark: 'var(--dark)',
+			primary: {
+				DEFAULT: 'var(--primary)',
+				light: {
+					DEFAULT: 'var(--primary-light)',
 				},
-				critical: {
-					DEFAULT: 'var(--critical)',
-					light: 'var(--critical-light)',
-				},
-				disabled: 'var(--disabled)',
-				transparent: 'transparent',
-				current: 'currentColor',
-			},
-			textColor: {
-				...button.textColor,
-				...label.textColor
 			},
-			backgroundColor: {
-				page: 'var(--page-bg)',
-				light: 'var(--bg-light)',
-				dialog: 'var(--dialog-bg)',
-				...button.backgroundColor,
-				...label.backgroundColor
+			success: {
+				DEFAULT: 'var(--success)',
+				light: 'var(--success-light)',
 			},
-			dropShadow: {
-				'sm': 'var(--shadow-sm)',
-				'md': 'var(--shadow-md)',
+			secondary: {
+				DEFAULT: 'var(--secondary)',
 			},
-			boxShadow: {
-				'sm': 'var(--shadow-sm)',
-				'md': 'var(--shadow-md)',
+			warning: {
+				DEFAULT: 'var(--warning)',
+				light: 'var(--warning-light)',
 			},
-			borderColor: {
-				input: {
-					DEFAULT: 'var(--border-color)'
-				},
-				...button.borderColor
+			critical: {
+				DEFAULT: 'var(--critical)',
+				light: 'var(--critical-light)',
 			},
-			borderRadius: {
-				'sm': 'var(--border-radius-sm)',
-				'md': 'var(--border-radius-md)',
+			disabled: 'var(--disabled)',
+			transparent: 'transparent',
+			current: 'currentColor',
+		},
+		textColor: {
+			...button.textColor,
+			...label.textColor,
+		},
+		backgroundColor: {
+			page: 'var(--page-bg)',
+			light: 'var(--bg-light)',
+			dialog: 'var(--dialog-bg)',
+			...button.backgroundColor,
+			...label.backgroundColor,
+		},
+		dropShadow: {
+			sm: 'var(--shadow-sm)',
+			md: 'var(--shadow-md)',
+		},
+		boxShadow: {
+			sm: 'var(--shadow-sm)',
+			md: 'var(--shadow-md)',
+		},
+		borderColor: {
+			input: {
+				DEFAULT: 'var(--border-color)',
 			},
-			keyframes: {
-				'accordion-down': {
-					from: { height: '0' },
-					to: { height: 'var(--radix-accordion-content-height)' },
-				},
-				'accordion-up': {
-					from: { height: 'var(--radix-accordion-content-height)' },
-					to: { height: '0' },
-				},
+			...button.borderColor,
+		},
+		borderRadius: {
+			sm: 'var(--border-radius-sm)',
+			md: 'var(--border-radius-md)',
+		},
+		keyframes: {
+			'accordion-down': {
+				from: { height: '0' },
+				to: { height: 'var(--radix-accordion-content-height)' },
 			},
-			animation: {
-				'accordion-down': 'accordion-down 0.2s ease-out',
-				'accordion-up': 'accordion-up 0.2s ease-out',
+			'accordion-up': {
+				from: { height: 'var(--radix-accordion-content-height)' },
+				to: { height: '0' },
 			},
 		},
-	}
+		animation: {
+			'accordion-down': 'accordion-down 0.2s ease-out',
+			'accordion-up': 'accordion-up 0.2s ease-out',
+		},
+	},
+}

package/src/Alert/Alert.tsx

@@ -1,38 +1,81 @@
 import * as React from 'react'
-import { cva, type VariantProps } from 'class-variance-authority'
-
 import { cn } from '../@/lib/utils'
-// import { cn } from "@/lib/utils" порешать с алиасами
-
-const alertVariants = cva('px-[16px] py-[12px] rounded-sm text-[14px]', {
-	variants: {
-		variant: {
-			light: 'bg-[--cl-graphite-7]',
-			success: 'bg-success-light',
-			warning: 'bg-warning-light',
-			critical: 'bg-critical text-white',
-		},
-	},
-	defaultVariants: {
-		variant: 'light'
-	},
-})
-
-
-export interface IProps	extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+import { CheckCircleSolid, InfoSolid, Warning } from '../../src/Icon'
+import { ReactNode } from "react";
+
+const AleltIconClasses = '[&+div]:ml-[8px] shrink-0'
+const AlertIcons = {
+	info: <InfoSolid aria-hidden={true} className={cn(AleltIconClasses, 'text-primary')} width={24} height={24} />,
+	warning: <Warning aria-hidden={true} className={cn(AleltIconClasses, 'text-warning')} width={24} height={24} />,
+	success: <CheckCircleSolid aria-hidden={true} className={cn(AleltIconClasses, 'text-success')} width={24} height={24} />,
+	critical: <InfoSolid aria-hidden={true} className={cn(AleltIconClasses, 'text-critical')} width={24} height={24} />
+}
+
+const Title = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(({ className, ...props }, ref) => (
+	<div
+		role="heading"
+		ref={ref}
+		className={cn('text-[14px] font-medium', className)}
+		{...props}
+	/>
+))
+
+const Description = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(({ className, ...props }, ref) => (
+	<p
+		ref={ref}
+		className={cn('text-[14px] [&>a]:text-primary [&>a]:underline', className)}
+		{...props}
+	/>
+))
+
+const getClass = (variant, type): string => {
+	const commonClasses = 'px-[8px] py-[16px] border rounded-md '
+	const variants = {
+		info: `${type !== 'text' ? `${commonClasses} bg-primary-light  border-primary` : 'text-primary'}`,
+		warning: `${type !== 'text' ? `${commonClasses} bg-warning-light  border-warning` : 'text-warning'}`,
+		success: `${type !== 'text' ? `${commonClasses} bg-success-light  border-success` : 'text-success'}`,
+		critical: `${type !== 'text' ? `${commonClasses} bg-critical-light  border-critical` : 'text-critical'}`,
+	}
+	return variants[variant]
+
 }
 
-const Alert = React.forwardRef<HTMLDivElement, IProps>(({ className, variant, children, ...props }, ref) => {
+interface TAlertComponents {
+	displayName: string;
+	Title: typeof Title;
+	Description: typeof Description;
+}
+
+interface IAlertProps {
+	className?: string;
+	variant?: string;
+	type?: string;
+	children: ReactNode;
+}
+
+type TAlertProps = IAlertProps & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>
+
+const Alert: React.FC<TAlertProps> & TAlertComponents = ({ className, variant = 'info', type, children, ...props }) => {
 	return (
 		<div
-			className={cn(alertVariants({ variant, className }))}
+			className={cn('flex', getClass(variant, type))}
+			role='alert'
 			{...props}
 		>
-			{children}
+			{AlertIcons[variant]}
+			<div className='pt-[2px]'>
+				{children}
+			</div>
 		</div>
 	)
-})
+}
 
 Alert.displayName = 'Alert'
 
+Alert.Title = Title
+Alert.Title.displayName = 'Alert.Title'
+
+Alert.Description = Description
+Alert.Description.displayName = "Alert.Description"
+
 export { Alert }

package/src/AlertDialog/AlertDialog.tsx

@@ -1,8 +1,7 @@
 import * as React from "react"
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
-
 import { cn } from "../@/lib/utils"
-import { buttonVariants } from "../Button"
+import { buttonVariants } from "../../src/Button"
 
 const AlertDialog = AlertDialogPrimitive.Root
 

package/src/BottomNavigation/BottomNavigation.tsx

@@ -11,7 +11,25 @@ export type IProps = {
 	children: React.ReactNode
 }
 
-const btnClasses = 'inline-flex flex-col place-items-center gap-y-[8px] hover:bg-btn-ghost-hover focus:bg-btn-ghost-focus active:bg-btn-ghost-active p-[8px] w-full text-[10px] text-center text-light hover:text-primary data-[status=active]:text-primary leading-[1.33] transition duration-300'
+const btnClasses = `
+	inline-flex
+	flex-col
+	place-items-center
+	gap-y-[8px]
+	w-full
+	p-[8px]
+	text-[10px]
+	text-center
+	text-light
+	leading-[1.33]
+	transition
+	duration-300
+	hover:bg-btn-ghost-hover
+	hover:text-primary
+	focus:bg-btn-ghost-focus
+	active:bg-btn-ghost-active
+	data-[status=active]:text-primary
+`
 
 const BottomNavigationLink = React.forwardRef<HTMLButtonElement, BottomNavigationLinkProps>(({ className, asChild, ...props }, ref) => {
 	const Comp = asChild ? Slot : "button"