@modul/mbui 0.0.13-beta-pv-53036-07674e76 → 0.0.14-beta-pv-53036-7dcefc7f

package/dist/Progress/Progress.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Progress };

package/dist/Progress/Progress.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Progress = void 0;
+const tslib_1 = require("tslib");
+const React = (0, tslib_1.__importStar)(require("react"));
+const ProgressPrimitive = (0, tslib_1.__importStar)(require("@radix-ui/react-progress"));
+const utils_1 = require("../@/lib/utils");
+const Progress = React.forwardRef(({ className, value, ...props }, ref) => (React.createElement(ProgressPrimitive.Root, { ref: ref, className: (0, utils_1.cn)('relative h-[--progress-height] w-full overflow-hidden rounded-full bg-[--progress-bg]', className), ...props },
+    React.createElement(ProgressPrimitive.Indicator, { className: "bg-primary rounded-full w-full h-full transition-all", style: { transform: `translateX(-${100 - (value || 0)}%)` } }))));
+exports.Progress = Progress;
+Progress.displayName = ProgressPrimitive.Root.displayName;
+//# sourceMappingURL=Progress.js.map

package/dist/Progress/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../src/Progress/Progress.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,yFAA6D;AAE7D,0CAAmC;AAEnC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC1C,oBAAC,iBAAiB,CAAC,IAAI,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,uFAAuF,EAAE,SAAS,CAAC,KAC7G,KAAK;IAET,oBAAC,iBAAiB,CAAC,SAAS,IAC3B,SAAS,EAAC,sDAAsD,EAChE,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,GAAG,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,EAAE,GAC1D,CACsB,CACzB,CAAC,CAAA;AAGO,4BAAQ;AAFjB,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAA"}

package/dist/Progress/index.d.ts

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

package/dist/Progress/index.js

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

package/dist/Progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Progress/index.ts"],"names":[],"mappings":";;;AAAA,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA"}

package/dist/index.d.ts

@@ -24,5 +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 { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel } from './AlertDialog';
-export { Tooltip, Tabs, Slider, Popover, Logo, InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, Collapsible, CollapsibleTrigger, CollapsibleContent, AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem, Button, InputField, InputLabel, Audio, cn, Icon, Drawer, DrawerTrigger, DrawerTitle, DrawerClose, DrawerContent, BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink, Page, Chip, Alert, Switch, Label, Textarea, SelectAccountCard, Form, FormLabel, FormField, FormItem, FormControl, FormDescription, FormMessage, Calendar, DatePicker, SelectAsync, InputMask, Select, AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
+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.InputMask = exports.SelectAsync = exports.DatePicker = exports.Calendar = exports.FormMessage = exports.FormDescription = exports.FormControl = exports.FormItem = exports.FormField = exports.FormLabel = exports.Form = exports.SelectAccountCard = exports.Textarea = exports.Label = exports.Switch = exports.Alert = exports.Chip = exports.Page = exports.BottomNavigationLink = exports.BottomNavigationListItem = exports.BottomNavigationList = exports.BottomNavigation = exports.DrawerContent = exports.DrawerClose = exports.DrawerTitle = exports.DrawerTrigger = exports.Drawer = exports.Icon = exports.cn = exports.Audio = exports.InputLabel = exports.InputField = exports.Button = exports.AccountCollapsibleContentItem = exports.AccountCollapsibleContent = exports.AccountCollapsibleTrigger = exports.AccountCollapsibleHeader = exports.AccountCollapsible = exports.CollapsibleContent = exports.CollapsibleTrigger = exports.Collapsible = exports.InputOTPSeparator = exports.InputOTPSlot = exports.InputOTPGroup = exports.InputOTP = exports.Logo = exports.Popover = exports.Slider = exports.Tabs = exports.Tooltip = void 0;
-exports.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialogDescription = exports.AlertDialogTitle = exports.AlertDialogFooter = exports.AlertDialogHeader = exports.AlertDialogContent = exports.AlertDialogTrigger = exports.AlertDialog = exports.Select = 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; } });
@@ -80,6 +80,8 @@ const DatePicker_1 = require("./DatePicker");
 Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return DatePicker_1.DatePicker; } });
 const Select_2 = require("./Select");
 Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_2.Select; } });
+const Progress_1 = require("./Progress");
+Object.defineProperty(exports, "Progress", { enumerable: true, get: function () { return Progress_1.Progress; } });
 const AlertDialog_1 = require("./AlertDialog");
 Object.defineProperty(exports, "AlertDialog", { enumerable: true, get: function () { return AlertDialog_1.AlertDialog; } });
 Object.defineProperty(exports, "AlertDialogTrigger", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogTrigger; } });

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;AAAA,uCAAmC;AAkDlC,wFAlDQ,iBAAO,OAkDR;AAjDR,iCAA6B;AAkD5B,qFAlDQ,WAAI,OAkDR;AAjDL,qCAAiC;AAkDhC,uFAlDQ,eAAM,OAkDR;AAjDP,uCAAmC;AAkDlC,wFAlDQ,iBAAO,OAkDR;AAjDR,+DAAyB;AAkDxB,eAlDM,cAAI,CAkDN;AAjDL,2CAAsF;AAkDrF,yFAlDQ,oBAAQ,OAkDR;AACR,8FAnDkB,yBAAa,OAmDlB;AACb,6FApDiC,wBAAY,OAoDjC;AACZ,kGArD+C,6BAAiB,OAqD/C;AApDlB,yDAK2B;AAmE1B,iGAvEA,mCAAgB,OAuEA;AAChB,qGAvEA,uCAAoB,OAuEA;AACpB,yGAvEA,2CAAwB,OAuEA;AACxB,qGAvEA,uCAAoB,OAuEA;AArErB,0DAA8B;AA4D7B,oBAAI;AA3DL,+CAAmF;AA8ClF,4FA9CQ,yBAAW,OA8CR;AACX,mGA/CqB,gCAAkB,OA+CrB;AAClB,mGAhDyC,gCAAkB,OAgDzC;AA/CnB,+CAMsB;AA0CrB,mGA/CA,gCAAkB,OA+CA;AAClB,yGA/CA,sCAAwB,OA+CA;AACxB,0GA/CA,uCAAyB,OA+CA;AACzB,0GA/CA,uCAAyB,OA+CA;AACzB,8GA/CA,2CAA6B,OA+CA;AA7C9B,qCAAiC;AA8ChC,uFA9CQ,eAAM,OA8CR;AA7CP,mCAA+B;AAgD9B,sFAhDQ,aAAK,OAgDR;AA/CN,yCAAkC;AAgDjC,mFAhDQ,UAAE,OAgDR;AA/CH,qCAAyF;AAiDxF,uFAjDQ,eAAM,OAiDR;AACN,8FAlDgB,sBAAa,OAkDhB;AACb,4FAnD+B,oBAAW,OAmD/B;AACX,4FApD4C,oBAAW,OAoD5C;AACX,8FArDyD,sBAAa,OAqDzD;AApDd,iCAA6B;AAyD5B,qFAzDQ,WAAI,OAyDR;AAxDL,iCAA6B;AAyD5B,qFAzDQ,WAAI,OAyDR;AAxDL,mCAA2D;AAyC1D,2FAzCQ,kBAAU,OAyCR;AACV,2FA1CoB,kBAAU,OA0CpB;AA8BV,0FAxEgC,iBAAS,OAwEhC;AAvEV,mCAA+B;AAwD9B,sFAxDQ,aAAK,OAwDR;AAvDN,qCAAiC;AAwDhC,uFAxDQ,eAAM,OAwDR;AAvDP,mCAA+B;AAwD9B,sFAxDQ,aAAK,OAwDR;AAvDN,yCAAqC;AAwDpC,yFAxDQ,mBAAQ,OAwDR;AAvDT,qCAAyD;AAwDxD,kGAxDQ,0BAAiB,OAwDR;AAUjB,4FAlE2B,oBAAW,OAkE3B;AAjEZ,iCAAwG;AAwDvG,qFAxDQ,WAAI,OAwDR;AACJ,0FAzDc,gBAAS,OAyDd;AACT,0FA1DyB,gBAAS,OA0DzB;AACT,yFA3DoC,eAAQ,OA2DpC;AACR,4FA5D8C,kBAAW,OA4D9C;AACX,gGA7D2D,sBAAe,OA6D3D;AACf,4FA9D4E,kBAAW,OA8D5E;AA7DZ,yCAAqC;AA8DpC,yFA9DQ,mBAAQ,OA8DR;AA7DT,6CAAyC;AA8DxC,2FA9DQ,uBAAU,OA8DR;AA7DX,qCAAiC;AAgEhC,uFAhEQ,eAAM,OAgER;AA/DP,+CAUsB;AAsDrB,4FA/DA,yBAAW,OA+DA;AACX,mGA/DA,gCAAkB,OA+DA;AAClB,mGA/DA,gCAAkB,OA+DA;AAClB,kGA/DA,+BAAiB,OA+DA;AACjB,kGA/DA,+BAAiB,OA+DA;AACjB,iGA/DA,8BAAgB,OA+DA;AAChB,uGA/DA,oCAAsB,OA+DA;AACtB,kGA/DA,+BAAiB,OA+DA;AACjB,kGA/DA,+BAAiB,OA+DA"}
+{"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.13-beta-pv-53036-07674e76",
+  "version": "0.0.14-beta-pv-53036-7dcefc7f",
   "packageManager": "yarn@3.5.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -28,13 +28,13 @@
     "@radix-ui/react-dropdown-menu": "2.1.1",
     "@radix-ui/react-label": "2.1.0",
     "@radix-ui/react-popover": "^1.1.1",
+    "@radix-ui/react-progress": "^1.1.0",
     "@radix-ui/react-select": "2.1.1",
     "@radix-ui/react-slider": "^1.2.0",
     "@radix-ui/react-slot": "1.1.0",
     "@radix-ui/react-switch": "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",
@@ -60,7 +60,6 @@
     "@storybook/addon-essentials": "^8.2.8",
     "@storybook/addon-interactions": "^8.2.8",
     "@storybook/addon-links": "^8.2.8",
-    "@storybook/addon-onboarding": "^8.2.8",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
     "@storybook/blocks": "^8.2.8",
     "@storybook/react": "^8.2.8",

package/src/Progress/Progress.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react'
+import * as ProgressPrimitive from '@radix-ui/react-progress'
+
+import { cn } from '../@/lib/utils'
+
+const Progress = React.forwardRef<
+	React.ElementRef<typeof ProgressPrimitive.Root>,
+	React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>
+>(({ className, value, ...props }, ref) => (
+	<ProgressPrimitive.Root
+		ref={ref}
+		className={cn('relative h-[--progress-height] w-full overflow-hidden rounded-full bg-[--progress-bg]', className)}
+		{...props}
+	>
+		<ProgressPrimitive.Indicator
+			className="bg-primary rounded-full w-full h-full transition-all"
+			style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
+		/>
+	</ProgressPrimitive.Root>
+))
+Progress.displayName = ProgressPrimitive.Root.displayName
+
+export { Progress }

package/src/Progress/index.ts

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

package/src/assets/css/global.css

@@ -150,7 +150,6 @@
         /* =========================================== */
         /* ЦВЕТ КНОПОК */
         
-        
         /* ЦВЕТ ПОЛЯ ВВОДА */
         /* =========================================== */
 
@@ -158,7 +157,6 @@
         /* =========================================== */
         /* ЦВЕТ ПОЛЯ ВВОДА */
         
-        
         /* BORDER */
         /* =========================================== */
         --border-color: var(--cl-graphite-5);
@@ -173,6 +171,15 @@
         --shadow-md: 0 2px 10px rgba(36, 48, 54, 0.12);
         /* =========================================== */
         /* SHADOWS */
+
+        /* PROGRESS */
+        /* =========================================== */
+        --progress-height: 4px;
+        --progress-bg: var(--cl-graphite-6);
+        /* =========================================== */
+        /* PROGRESS */
+
+
     }
 
 

package/src/index.ts

@@ -35,6 +35,7 @@ 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 {
 	AlertDialog,
 	AlertDialogTrigger,
@@ -82,6 +83,7 @@ export {
 	BottomNavigationLink,
 	Page,
 	Chip,
+	Progress,
 	Alert,
 	Switch,
 	Label,
@@ -108,4 +110,4 @@ export {
 	AlertDialogDescription,
 	AlertDialogAction,
 	AlertDialogCancel,
-}
+}