@modul/mbui 0.0.17-beta-pv-53151-c7f612b9 → 0.0.17

package/dist/Chat/MessageTyping.d.ts

@@ -0,0 +1,2 @@
+import { FC, SVGProps } from 'react';
+export declare const MessageTyping: FC<SVGProps<SVGElement>>;

package/dist/Chat/MessageTyping.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageTyping = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const utils_1 = require("../@/lib/utils");
+const MessageTyping = ({ className }) => {
+    return (react_1.default.createElement("svg", { className: (0, utils_1.cn)(className), width: "72", height: "40", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("path", { d: "M0 8a8 8 0 0 1 8-8h56a8 8 0 0 1 8 8v24a8 8 0 0 1-8 8H0V8Z", fill: "#F5F5F6" }),
+        react_1.default.createElement("path", { id: "dot_1", d: "M20 24a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z", fill: "#9B9FA8" }),
+        react_1.default.createElement("animate", { href: "#dot_1", attributeType: "CSS", attributeName: "opacity", values: "1;0;1;", dur: ".8s", begin: "0", repeatCount: "indefinite" }),
+        react_1.default.createElement("path", { id: "dot_2", d: "M36 24a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z", fill: "#9B9FA8" }),
+        react_1.default.createElement("animate", { href: "#dot_2", attributeType: "CSS", attributeName: "opacity", values: "1;0;1;", dur: ".8s", begin: ".15s", repeatCount: "indefinite" }),
+        react_1.default.createElement("path", { id: "dot_3", d: "M52 24a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z", fill: "#9B9FA8" }),
+        react_1.default.createElement("animate", { href: "#dot_3", attributeType: "CSS", attributeName: "opacity", values: "1;0;1;", dur: ".8s", begin: ".3s", repeatCount: "indefinite" })));
+};
+exports.MessageTyping = MessageTyping;
+//# sourceMappingURL=MessageTyping.js.map

package/dist/Chat/MessageTyping.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageTyping.js","sourceRoot":"","sources":["../../src/Chat/MessageTyping.tsx"],"names":[],"mappings":";;;;AAAA,+DAA2C;AAC3C,0CAAmC;AAE5B,MAAM,aAAa,GAA6B,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IACxE,OAAO,CACN,uCACC,SAAS,EAAE,IAAA,UAAE,EAAC,SAAS,CAAC,EACxB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,wCACC,CAAC,EAAC,2DAA2D,EAC7D,IAAI,EAAC,SAAS,GACb;QACF,wCACC,EAAE,EAAC,OAAO,EACV,CAAC,EAAC,qCAAqC,EACvC,IAAI,EAAC,SAAS,GACb;QACF,2CACC,IAAI,EAAC,QAAQ,EACb,aAAa,EAAC,KAAK,EACnB,aAAa,EAAC,SAAS,EACvB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,KAAK,EACT,KAAK,EAAC,GAAG,EACT,WAAW,EAAC,YAAY,GACvB;QACF,wCACC,EAAE,EAAC,OAAO,EACV,CAAC,EAAC,qCAAqC,EACvC,IAAI,EAAC,SAAS,GACb;QACF,2CACC,IAAI,EAAC,QAAQ,EACb,aAAa,EAAC,KAAK,EACnB,aAAa,EAAC,SAAS,EACvB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,KAAK,EACT,KAAK,EAAC,MAAM,EACZ,WAAW,EAAC,YAAY,GACvB;QACF,wCACC,EAAE,EAAC,OAAO,EACV,CAAC,EAAC,qCAAqC,EACvC,IAAI,EAAC,SAAS,GACb;QACF,2CACC,IAAI,EAAC,QAAQ,EACb,aAAa,EAAC,KAAK,EACnB,aAAa,EAAC,SAAS,EACvB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,KAAK,EACT,KAAK,EAAC,KAAK,EACX,WAAW,EAAC,YAAY,GACvB,CACG,CACN,CAAA;AACF,CAAC,CAAA;AAzDY,QAAA,aAAa,iBAyDzB"}

package/dist/Chat/index.d.ts

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

package/dist/Chat/index.js

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

package/dist/Chat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Chat/index.ts"],"names":[],"mappings":";;;AAAA,iDAA+C;AAAtC,8GAAA,aAAa,OAAA"}

package/dist/index.d.ts

@@ -26,4 +26,5 @@ 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, 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, };
+import { MessageTyping } from "./Chat";
+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, MessageTyping };

package/dist/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 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;
+exports.MessageTyping = 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; } });
@@ -92,4 +92,6 @@ 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 Chat_1 = require("./Chat");
+Object.defineProperty(exports, "MessageTyping", { enumerable: true, get: function () { return Chat_1.MessageTyping; } });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;AAAA,uCAAmC;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"}
+{"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;AA9DlB,iCAAsC;AA+DrC,8FA/DQ,oBAAa,OA+DR"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modul/mbui",
-  "version": "0.0.17-beta-pv-53151-c7f612b9",
+  "version": "0.0.17",
   "packageManager": "yarn@3.5.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/src/Chat/MessageTyping.tsx

@@ -0,0 +1,61 @@
+import React, { FC, SVGProps } from 'react'
+import { cn } from '../@/lib/utils'
+
+export const MessageTyping: FC<SVGProps<SVGElement>> = ({ className }) => {
+	return (
+		<svg
+			className={cn(className)}
+			width="72"
+			height="40"
+			fill="none"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<path
+				d="M0 8a8 8 0 0 1 8-8h56a8 8 0 0 1 8 8v24a8 8 0 0 1-8 8H0V8Z"
+				fill="#F5F5F6"
+			/>
+			<path
+				id="dot_1"
+				d="M20 24a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z"
+				fill="#9B9FA8"
+			/>
+			<animate
+				href="#dot_1"
+				attributeType="CSS"
+				attributeName="opacity"
+				values="1;0;1;"
+				dur=".8s"
+				begin="0"
+				repeatCount="indefinite"
+			/>
+			<path
+				id="dot_2"
+				d="M36 24a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z"
+				fill="#9B9FA8"
+			/>
+			<animate
+				href="#dot_2"
+				attributeType="CSS"
+				attributeName="opacity"
+				values="1;0;1;"
+				dur=".8s"
+				begin=".15s"
+				repeatCount="indefinite"
+			/>
+			<path
+				id="dot_3"
+				d="M52 24a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z"
+				fill="#9B9FA8"
+			/>
+			<animate
+				href="#dot_3"
+				attributeType="CSS"
+				attributeName="opacity"
+				values="1;0;1;"
+				dur=".8s"
+				begin=".3s"
+				repeatCount="indefinite"
+			/>
+		</svg>
+	)
+}

package/src/Chat/index.ts

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

package/src/index.ts

@@ -47,7 +47,7 @@ import {
 	AlertDialogAction,
 	AlertDialogCancel,
 } from './AlertDialog'
-
+import { MessageTyping } from "./Chat"
 export {
 	Tooltip,
 	Tabs,
@@ -110,4 +110,5 @@ export {
 	AlertDialogDescription,
 	AlertDialogAction,
 	AlertDialogCancel,
+	MessageTyping
 }