@lotte-innovate/ui-component-test 0.1.53 → 0.1.55

package/dist/lib/components/Tabs/index.js

@@ -0,0 +1,65 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Theme, Tabs as TabsTheme } from '@radix-ui/themes';
+import React from 'react';
+import { cn } from '../../../lib/utils/utils';
+import { cva } from 'class-variance-authority';
+import { weightVariants } from '../../../lib/constants';
+var tabsVariants = cva('', {
+    variants: {
+        weight: __assign({}, weightVariants),
+    },
+});
+export var Root = React.forwardRef(function (_a, forwardedRef) {
+    var className = _a.className, children = _a.children, color = _a.color, rootProps = __rest(_a, ["className", "children", "color"]);
+    if (!color)
+        color = 'red';
+    return (_jsx(Theme, { accentColor: color, hasBackground: false, children: _jsx(TabsTheme.Root, __assign({}, rootProps, { ref: forwardedRef, className: cn('', className), children: children })) }));
+});
+Root.displayName = 'Tabs.Root';
+export var List = React.forwardRef(function (_a, forwardedRef) {
+    var className = _a.className, weight = _a.weight, children = _a.children, size = _a.size, listProps = __rest(_a, ["className", "weight", "children", "size"]);
+    var sizeTheme = '2';
+    if (size === 'small')
+        sizeTheme = '1';
+    return (_jsx(TabsTheme.List, __assign({ ref: forwardedRef, size: sizeTheme }, listProps, { className: cn('', className), children: children })));
+});
+List.displayName = 'Tabs.List';
+export var Trigger = React.forwardRef(function (_a, forwardedRef) {
+    var className = _a.className, weight = _a.weight, children = _a.children, triggerProps = __rest(_a, ["className", "weight", "children"]);
+    return (_jsx(TabsTheme.Trigger, __assign({ ref: forwardedRef, className: cn('text-slateA-11 data-[state=active]:text-slateA-12 dark:text-slateDarkA-11 dark:data-[state=active]:text-slateDarkA-12', className) }, triggerProps, { children: children })));
+});
+Trigger.displayName = 'Tabs.Trigger';
+export var Content = React.forwardRef(function (_a, forwardedRef) {
+    var className = _a.className, weight = _a.weight, children = _a.children, contentProps = __rest(_a, ["className", "weight", "children"]);
+    return (_jsx(TabsTheme.Content, __assign({ ref: forwardedRef }, contentProps, { className: cn('mt-3', className), children: children })));
+});
+Content.displayName = 'Tabs.Content';
+var Tabs = {
+    Root: Root,
+    List: List,
+    Trigger: Trigger,
+    Content: Content,
+};
+export default Tabs;

package/dist/lib/components/Tabs/index.mjs

@@ -0,0 +1,2 @@
+import{j as e}from"../../../_virtual/jsx-runtime.mjs";import r from"react";import{cn as t}from"../../utils/utils.mjs";import{cva as a}from"../../../node_modules/class-variance-authority/dist/index.mjs";import{weightVariants as s}from"../../constants.mjs";import{Theme as o}from"../../../node_modules/@radix-ui/themes/dist/esm/components/theme.mjs";import{Root as i,List as n,Trigger as l,Content as c}from"../../../node_modules/@radix-ui/themes/dist/esm/components/tabs.mjs";var m=function(){return m=Object.assign||function(e){for(var r,t=1,a=arguments.length;t<a;t++)for(var s in r=arguments[t])Object.prototype.hasOwnProperty.call(r,s)&&(e[s]=r[s]);return e},m.apply(this,arguments)},d=function(e,r){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(a=Object.getOwnPropertySymbols(e);s<a.length;s++)r.indexOf(a[s])<0&&Object.prototype.propertyIsEnumerable.call(e,a[s])&&(t[a[s]]=e[a[s]])}return t};a("",{variants:{weight:m({},s)}});var f=r.forwardRef((function(r,a){var s=r.className,n=r.children,l=r.color,c=d(r,["className","children","color"]);return l||(l="red"),e.jsx(o,{accentColor:l,hasBackground:!1,children:e.jsx(i,m({},c,{ref:a,className:t("",s),children:n}))})}));f.displayName="Tabs.Root";var h=r.forwardRef((function(r,a){var s=r.className;r.weight;var o=r.children,i=r.size,l=d(r,["className","weight","children","size"]),c="2";return"small"===i&&(c="1"),e.jsx(n,m({ref:a,size:c},l,{className:t("",s),children:o}))}));h.displayName="Tabs.List";var p=r.forwardRef((function(r,a){var s=r.className;r.weight;var o=r.children,i=d(r,["className","weight","children"]);return e.jsx(l,m({ref:a,className:t("text-slateA-11 data-[state=active]:text-slateA-12 dark:text-slateDarkA-11 dark:data-[state=active]:text-slateDarkA-12",s)},i,{children:o}))}));p.displayName="Tabs.Trigger";var u=r.forwardRef((function(r,a){var s=r.className;r.weight;var o=r.children,i=d(r,["className","weight","children"]);return e.jsx(c,m({ref:a},i,{className:t("mt-3",s),children:o}))}));u.displayName="Tabs.Content";var v={Root:f,List:h,Trigger:p,Content:u};export{u as Content,h as List,f as Root,p as Trigger,v as default};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/components/Tabs/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../lib/components/Tabs/index.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Theme, Tabs as TabsTheme } from '@radix-ui/themes';\nimport React from 'react';\nimport { cn } from '../../../lib/utils/utils';\nimport { cva } from 'class-variance-authority';\nimport { weightVariants } from '../../../lib/constants';\nvar tabsVariants = cva('', {\n    variants: {\n        weight: __assign({}, weightVariants),\n    },\n});\nexport var Root = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, children = _a.children, color = _a.color, rootProps = __rest(_a, [\"className\", \"children\", \"color\"]);\n    if (!color)\n        color = 'red';\n    return (_jsx(Theme, { accentColor: color, hasBackground: false, children: _jsx(TabsTheme.Root, __assign({}, rootProps, { ref: forwardedRef, className: cn('', className), children: children })) }));\n});\nRoot.displayName = 'Tabs.Root';\nexport var List = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, weight = _a.weight, children = _a.children, size = _a.size, listProps = __rest(_a, [\"className\", \"weight\", \"children\", \"size\"]);\n    var sizeTheme = '2';\n    if (size === 'small')\n        sizeTheme = '1';\n    return (_jsx(TabsTheme.List, __assign({ ref: forwardedRef, size: sizeTheme }, listProps, { className: cn('', className), children: children })));\n});\nList.displayName = 'Tabs.List';\nexport var Trigger = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, weight = _a.weight, children = _a.children, triggerProps = __rest(_a, [\"className\", \"weight\", \"children\"]);\n    return (_jsx(TabsTheme.Trigger, __assign({ ref: forwardedRef, className: cn('text-slateA-11 data-[state=active]:text-slateA-12 dark:text-slateDarkA-11 dark:data-[state=active]:text-slateDarkA-12', className) }, triggerProps, { children: children })));\n});\nTrigger.displayName = 'Tabs.Trigger';\nexport var Content = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, weight = _a.weight, children = _a.children, contentProps = __rest(_a, [\"className\", \"weight\", \"children\"]);\n    return (_jsx(TabsTheme.Content, __assign({ ref: forwardedRef }, contentProps, { className: cn('mt-3', className), children: children })));\n});\nContent.displayName = 'Tabs.Content';\nvar Tabs = {\n    Root: Root,\n    List: List,\n    Trigger: Trigger,\n    Content: Content,\n};\nexport default Tabs;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","cva","variants","weight","weightVariants","Root","React","forwardRef","_a","forwardedRef","className","children","color","rootProps","_jsx","Theme","accentColor","hasBackground","TabsTheme.Root","ref","cn","displayName","List","size","listProps","sizeTheme","TabsTheme.List","Trigger","triggerProps","TabsTheme.Trigger","Content","contentProps","TabsTheme.Content","Tabs"],"mappings":"ueAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAOmBiB,EAAI,GAAI,CACvBC,SAAU,CACNC,OAAQtB,EAAS,CAAE,EAAEuB,MAGnB,IAACC,EAAOC,EAAMC,YAAW,SAAUC,EAAIC,GAC7C,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUC,EAAQJ,EAAGI,MAAOC,EAAYjB,EAAOY,EAAI,CAAC,YAAa,WAAY,UAGzH,OAFKI,IACDA,EAAQ,OACJE,MAAKC,EAAO,CAAEC,YAAaJ,EAAOK,eAAe,EAAON,SAAUG,EAAAA,IAAKI,EAAgBrC,EAAS,CAAE,EAAEgC,EAAW,CAAEM,IAAKV,EAAcC,UAAWU,EAAG,GAAIV,GAAYC,SAAUA,MACxL,IACAN,EAAKgB,YAAc,YACT,IAACC,EAAOhB,EAAMC,YAAW,SAAUC,EAAIC,GAC1C,IAACC,EAAYF,EAAGE,UAAoBF,EAAGL,WAAQQ,EAAWH,EAAGG,SAAUY,EAAOf,EAAGe,KAAMC,EAAY5B,EAAOY,EAAI,CAAC,YAAa,SAAU,WAAY,SACjJiB,EAAY,IAGhB,MAFa,UAATF,IACAE,EAAY,KACRX,EAAAA,IAAKY,EAAgB7C,EAAS,CAAEsC,IAAKV,EAAcc,KAAME,GAAaD,EAAW,CAAEd,UAAWU,EAAG,GAAIV,GAAYC,SAAUA,IACvI,IACAW,EAAKD,YAAc,YACT,IAACM,EAAUrB,EAAMC,YAAW,SAAUC,EAAIC,GAC7C,IAACC,EAAYF,EAAGE,UAAoBF,EAAGL,OAAO,IAACQ,EAAWH,EAAGG,SAAUiB,EAAehC,EAAOY,EAAI,CAAC,YAAa,SAAU,aAC5H,OAAQM,EAAAA,IAAKe,EAAmBhD,EAAS,CAAEsC,IAAKV,EAAcC,UAAWU,EAAG,wHAAyHV,IAAckB,EAAc,CAAEjB,SAAUA,IACjP,IACAgB,EAAQN,YAAc,eACZ,IAACS,EAAUxB,EAAMC,YAAW,SAAUC,EAAIC,GAC7C,IAACC,EAAYF,EAAGE,UAAoBF,EAAGL,OAAO,IAACQ,EAAWH,EAAGG,SAAUoB,EAAenC,EAAOY,EAAI,CAAC,YAAa,SAAU,aAC5H,OAAQM,EAAAA,IAAKkB,EAAmBnD,EAAS,CAAEsC,IAAKV,GAAgBsB,EAAc,CAAErB,UAAWU,EAAG,OAAQV,GAAYC,SAAUA,IAChI,IACAmB,EAAQT,YAAc,eACnB,IAACY,EAAO,CACP5B,KAAMA,EACNiB,KAAMA,EACNK,QAASA,EACTG,QAASA"}

package/dist/lib/components/TextArea/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { IColor } from '../../../lib/types';
+export interface TextAreaProps extends VariantProps<typeof textAreaNavVariants> {
+    color?: IColor;
+    href?: string;
+    appearance?: 'classic' | 'soft' | 'surface';
+    size?: 'small' | 'medium' | 'large' | 'x-large';
+}
+declare const textAreaNavVariants: (props?: ({
+    size?: "small" | "medium" | "large" | "x-large" | null | undefined;
+    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const TextArea: React.ForwardRefExoticComponent<Omit<import("@radix-ui/themes").TextAreaProps & React.RefAttributes<HTMLTextAreaElement>, "ref"> & TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default TextArea;

package/dist/lib/components/TextArea/index.js

@@ -0,0 +1,58 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { cva } from 'class-variance-authority';
+import { TextArea as TextAreaTheme, Theme } from '@radix-ui/themes';
+import { cn } from '../../../lib/utils/utils';
+import { radiusVariants, scalingVariants } from '../../../lib/constants';
+var textAreaNavVariants = cva('w-[250px]', {
+    variants: {
+        size: {
+            small: 'text-xs h-[48px]',
+            medium: 'text-sm h-[64px]',
+            large: 'text-base h-[80px]',
+            'x-large': 'text-lg h-[96px]',
+        },
+        scaling: __assign({}, scalingVariants),
+        radius: __assign({}, radiusVariants['extra-large']),
+    },
+    defaultVariants: {
+        size: 'medium',
+        scaling: '100%',
+        radius: 'medium',
+    },
+});
+export var TextArea = React.forwardRef(function (_a, forwardedRef) {
+    var className = _a.className, children = _a.children, size = _a.size, appearance = _a.appearance, scaling = _a.scaling, radius = _a.radius, color = _a.color, textAreaProps = __rest(_a, ["className", "children", "size", "appearance", "scaling", "radius", "color"]);
+    var sizeTheme = '2';
+    if (size === 'small')
+        sizeTheme = '1';
+    if (size === 'large')
+        sizeTheme = '3';
+    if (!color)
+        color = 'red';
+    return (_jsx(Theme, { hasBackground: false, accentColor: color, children: _jsx(TextAreaTheme, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, className: cn(textAreaNavVariants({ size: size, scaling: scaling, radius: radius }), size === 'x-large' && 'rt-r-size-4', className) }, textAreaProps)) }));
+});
+TextArea.displayName = 'TextArea';
+export default TextArea;

package/dist/lib/components/TextArea/index.mjs

@@ -0,0 +1,2 @@
+import{j as e}from"../../../_virtual/jsx-runtime.mjs";import r from"react";import{cva as a}from"../../../node_modules/class-variance-authority/dist/index.mjs";import{cn as t}from"../../utils/utils.mjs";import{scalingVariants as s,radiusVariants as i}from"../../constants.mjs";import{TextArea as o}from"../../../node_modules/@radix-ui/themes/dist/esm/components/text-area.mjs";import{Theme as n}from"../../../node_modules/@radix-ui/themes/dist/esm/components/theme.mjs";var l=function(){return l=Object.assign||function(e){for(var r,a=1,t=arguments.length;a<t;a++)for(var s in r=arguments[a])Object.prototype.hasOwnProperty.call(r,s)&&(e[s]=r[s]);return e},l.apply(this,arguments)},m=function(e,r){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(a[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(t=Object.getOwnPropertySymbols(e);s<t.length;s++)r.indexOf(t[s])<0&&Object.prototype.propertyIsEnumerable.call(e,t[s])&&(a[t[s]]=e[t[s]])}return a},c=a("w-[250px]",{variants:{size:{small:"text-xs h-[48px]",medium:"text-sm h-[64px]",large:"text-base h-[80px]","x-large":"text-lg h-[96px]"},scaling:l({},s),radius:l({},i["extra-large"])},defaultVariants:{size:"medium",scaling:"100%",radius:"medium"}}),p=r.forwardRef((function(r,a){var s=r.className;r.children;var i=r.size,p=r.appearance,u=r.scaling,d=r.radius,f=r.color,x=m(r,["className","children","size","appearance","scaling","radius","color"]),h="2";return"small"===i&&(h="1"),"large"===i&&(h="3"),f||(f="red"),e.jsx(n,{hasBackground:!1,accentColor:f,children:e.jsx(o,l({ref:a,variant:p,size:h,className:t(c({size:i,scaling:u,radius:d}),"x-large"===i&&"rt-r-size-4",s)},x))})}));p.displayName="TextArea";export{p as TextArea,p as default};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/components/TextArea/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../lib/components/TextArea/index.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { TextArea as TextAreaTheme, Theme } from '@radix-ui/themes';\nimport { cn } from '../../../lib/utils/utils';\nimport { radiusVariants, scalingVariants } from '../../../lib/constants';\nvar textAreaNavVariants = cva('w-[250px]', {\n    variants: {\n        size: {\n            small: 'text-xs h-[48px]',\n            medium: 'text-sm h-[64px]',\n            large: 'text-base h-[80px]',\n            'x-large': 'text-lg h-[96px]',\n        },\n        scaling: __assign({}, scalingVariants),\n        radius: __assign({}, radiusVariants['extra-large']),\n    },\n    defaultVariants: {\n        size: 'medium',\n        scaling: '100%',\n        radius: 'medium',\n    },\n});\nexport var TextArea = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, children = _a.children, size = _a.size, appearance = _a.appearance, scaling = _a.scaling, radius = _a.radius, color = _a.color, textAreaProps = __rest(_a, [\"className\", \"children\", \"size\", \"appearance\", \"scaling\", \"radius\", \"color\"]);\n    var sizeTheme = '2';\n    if (size === 'small')\n        sizeTheme = '1';\n    if (size === 'large')\n        sizeTheme = '3';\n    if (!color)\n        color = 'red';\n    return (_jsx(Theme, { hasBackground: false, accentColor: color, children: _jsx(TextAreaTheme, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, className: cn(textAreaNavVariants({ size: size, scaling: scaling, radius: radius }), size === 'x-large' && 'rt-r-size-4', className) }, textAreaProps)) }));\n});\nTextArea.displayName = 'TextArea';\nexport default TextArea;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","textAreaNavVariants","cva","variants","size","small","medium","large","scaling","scalingVariants","radius","radiusVariants","defaultVariants","TextArea","React","forwardRef","_a","forwardedRef","className","children","appearance","color","textAreaProps","sizeTheme","_jsx","Theme","hasBackground","accentColor","jsx","TextAreaTheme","ref","variant","cn","displayName"],"mappings":"ieAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAOIiB,EAAsBC,EAAI,YAAa,CACvCC,SAAU,CACNC,KAAM,CACFC,MAAO,mBACPC,OAAQ,mBACRC,MAAO,qBACP,UAAW,oBAEfC,QAAS3B,EAAS,CAAE,EAAE4B,GACtBC,OAAQ7B,EAAS,CAAA,EAAI8B,EAAe,iBAExCC,gBAAiB,CACbR,KAAM,SACNI,QAAS,OACTE,OAAQ,YAGLG,EAAWC,EAAMC,YAAW,SAAUC,EAAIC,GAC9C,IAACC,EAAYF,EAAGE,UAAsBF,EAAGG,SAAS,IAACf,EAAOY,EAAGZ,KAAMgB,EAAaJ,EAAGI,WAAYZ,EAAUQ,EAAGR,QAASE,EAASM,EAAGN,OAAQW,EAAQL,EAAGK,MAAOC,EAAgB1B,EAAOoB,EAAI,CAAC,YAAa,WAAY,OAAQ,aAAc,UAAW,SAAU,UAC1PO,EAAY,IAOhB,MANa,UAATnB,IACAmB,EAAY,KACH,UAATnB,IACAmB,EAAY,KACXF,IACDA,EAAQ,OACJG,EAAAA,IAAKC,EAAO,CAAEC,eAAe,EAAOC,YAAaN,EAAOF,SAAUK,EAAII,IAACC,EAAehD,EAAS,CAAEiD,IAAKb,EAAcc,QAASX,EAAYhB,KAAMmB,EAAWL,UAAWc,EAAG/B,EAAoB,CAAEG,KAAMA,EAAMI,QAASA,EAASE,OAAQA,IAAoB,YAATN,GAAsB,cAAec,IAAcI,KAC9S,IACAT,EAASoB,YAAc"}

package/dist/lib/components/TextField/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { TextField as TextFieldTheme } from '@radix-ui/themes';
+import { IScaling } from '../../../lib/types';
+export interface TextFieldProps extends VariantProps<typeof textFieldVariants> {
+    appearance?: 'classic' | 'soft' | 'surface';
+    label?: string;
+    size?: 'small' | 'medium' | 'large';
+    scaling?: IScaling;
+}
+declare const textFieldVariants: (props?: ({
+    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    color?: string | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const Root: React.ForwardRefExoticComponent<Omit<TextFieldTheme.RootProps & React.RefAttributes<HTMLInputElement>, "ref"> & TextFieldProps & React.RefAttributes<HTMLInputElement>>;
+export declare const Slot: React.ForwardRefExoticComponent<Omit<TextFieldTheme.SlotProps & React.RefAttributes<HTMLDivElement>, "ref"> & TextFieldProps & React.RefAttributes<HTMLDivElement>>;
+declare const TextField: {
+    Root: React.ForwardRefExoticComponent<Omit<TextFieldTheme.RootProps & React.RefAttributes<HTMLInputElement>, "ref"> & TextFieldProps & React.RefAttributes<HTMLInputElement>>;
+    Slot: React.ForwardRefExoticComponent<Omit<TextFieldTheme.SlotProps & React.RefAttributes<HTMLDivElement>, "ref"> & TextFieldProps & React.RefAttributes<HTMLDivElement>>;
+};
+export default TextField;

package/dist/lib/components/TextField/index.js

@@ -0,0 +1,56 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../../lib/utils/utils';
+import { bgColorStyle, radiusVariants } from '../../../lib/constants';
+import { Theme, TextField as TextFieldTheme } from '@radix-ui/themes';
+var textFieldVariants = cva('', {
+    variants: {
+        radius: __assign({}, radiusVariants['base']),
+        color: bgColorStyle(),
+    },
+});
+export var Root = React.forwardRef(function (_a, forwardedRef) {
+    var className = _a.className, color = _a.color, size = _a.size, appearance = _a.appearance, _b = _a.scaling, scaling = _b === void 0 ? '100%' : _b, radius = _a.radius, children = _a.children, sliderProps = __rest(_a, ["className", "color", "size", "appearance", "scaling", "radius", "children"]);
+    if (!color)
+        color = 'red';
+    var sizeTheme = '2';
+    if (size === 'small')
+        sizeTheme = '1';
+    if (size === 'large')
+        sizeTheme = '3';
+    return (_jsx(Theme, { scaling: scaling, accentColor: color, hasBackground: false, children: _jsx(TextFieldTheme.Root, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, radius: radius, color: color, className: cn(textFieldVariants({ radius: radius }), className) }, sliderProps, { children: children })) }));
+});
+Root.displayName = 'TextField.Root';
+export var Slot = React.forwardRef(function (_a, forwardedRef) {
+    var className = _a.className, color = _a.color, side = _a.side, radius = _a.radius, children = _a.children, sliderProps = __rest(_a, ["className", "color", "side", "radius", "children"]);
+    return (_jsx(TextFieldTheme.Slot, __assign({ ref: forwardedRef, color: color, side: side, className: cn(textFieldVariants({ radius: radius }), className) }, sliderProps, { children: children })));
+});
+Slot.displayName = 'TextField.Slot';
+var TextField = {
+    Root: Root,
+    Slot: Slot,
+};
+export default TextField;

package/dist/lib/components/TextField/index.mjs

@@ -0,0 +1,2 @@
+import{j as r}from"../../../_virtual/jsx-runtime.mjs";import e from"react";import{cva as o}from"../../../node_modules/class-variance-authority/dist/index.mjs";import{cn as a}from"../../utils/utils.mjs";import{radiusVariants as s,bgColorStyle as t}from"../../constants.mjs";import{Theme as i}from"../../../node_modules/@radix-ui/themes/dist/esm/components/theme.mjs";import{Root as n,Slot as l}from"../../../node_modules/@radix-ui/themes/dist/esm/components/text-field.mjs";var c=function(){return c=Object.assign||function(r){for(var e,o=1,a=arguments.length;o<a;o++)for(var s in e=arguments[o])Object.prototype.hasOwnProperty.call(e,s)&&(r[s]=e[s]);return r},c.apply(this,arguments)},m=function(r,e){var o={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&e.indexOf(a)<0&&(o[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(a=Object.getOwnPropertySymbols(r);s<a.length;s++)e.indexOf(a[s])<0&&Object.prototype.propertyIsEnumerable.call(r,a[s])&&(o[a[s]]=r[a[s]])}return o},d=o("",{variants:{radius:c({},s.base),color:t()}}),u=e.forwardRef((function(e,o){var s=e.className,t=e.color,l=e.size,u=e.appearance,p=e.scaling,f=void 0===p?"100%":p,h=e.radius,j=e.children,v=m(e,["className","color","size","appearance","scaling","radius","children"]);t||(t="red");var y="2";return"small"===l&&(y="1"),"large"===l&&(y="3"),r.jsx(i,{scaling:f,accentColor:t,hasBackground:!1,children:r.jsx(n,c({ref:o,variant:u,size:y,radius:h,color:t,className:a(d({radius:h}),s)},v,{children:j}))})}));u.displayName="TextField.Root";var p=e.forwardRef((function(e,o){var s=e.className,t=e.color,i=e.side,n=e.radius,u=e.children,p=m(e,["className","color","side","radius","children"]);return r.jsx(l,c({ref:o,color:t,side:i,className:a(d({radius:n}),s)},p,{children:u}))}));p.displayName="TextField.Slot";var f={Root:u,Slot:p};export{u as Root,p as Slot,f as default};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/components/TextField/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../lib/components/TextField/index.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nimport { bgColorStyle, radiusVariants } from '../../../lib/constants';\nimport { Theme, TextField as TextFieldTheme } from '@radix-ui/themes';\nvar textFieldVariants = cva('', {\n    variants: {\n        radius: __assign({}, radiusVariants['base']),\n        color: bgColorStyle(),\n    },\n});\nexport var Root = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, color = _a.color, size = _a.size, appearance = _a.appearance, _b = _a.scaling, scaling = _b === void 0 ? '100%' : _b, radius = _a.radius, children = _a.children, sliderProps = __rest(_a, [\"className\", \"color\", \"size\", \"appearance\", \"scaling\", \"radius\", \"children\"]);\n    if (!color)\n        color = 'red';\n    var sizeTheme = '2';\n    if (size === 'small')\n        sizeTheme = '1';\n    if (size === 'large')\n        sizeTheme = '3';\n    return (_jsx(Theme, { scaling: scaling, accentColor: color, hasBackground: false, children: _jsx(TextFieldTheme.Root, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, radius: radius, color: color, className: cn(textFieldVariants({ radius: radius }), className) }, sliderProps, { children: children })) }));\n});\nRoot.displayName = 'TextField.Root';\nexport var Slot = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, color = _a.color, side = _a.side, radius = _a.radius, children = _a.children, sliderProps = __rest(_a, [\"className\", \"color\", \"side\", \"radius\", \"children\"]);\n    return (_jsx(TextFieldTheme.Slot, __assign({ ref: forwardedRef, color: color, side: side, className: cn(textFieldVariants({ radius: radius }), className) }, sliderProps, { children: children })));\n});\nSlot.displayName = 'TextField.Slot';\nvar TextField = {\n    Root: Root,\n    Slot: Slot,\n};\nexport default TextField;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","textFieldVariants","cva","variants","radius","radiusVariants","color","bgColorStyle","Root","React","forwardRef","_a","forwardedRef","className","size","appearance","_b","scaling","children","sliderProps","sizeTheme","_jsx","Theme","accentColor","hasBackground","jsx","TextFieldTheme.Root","ref","variant","cn","displayName","Slot","side","TextFieldTheme.Slot","TextField"],"mappings":"qeAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAOIiB,EAAoBC,EAAI,GAAI,CAC5BC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAqB,MAC1CC,MAAOC,OAGJC,EAAOC,EAAMC,YAAW,SAAUC,EAAIC,GAC7C,IAAIC,EAAYF,EAAGE,UAAWP,EAAQK,EAAGL,MAAOQ,EAAOH,EAAGG,KAAMC,EAAaJ,EAAGI,WAAYC,EAAKL,EAAGM,QAASA,OAAiB,IAAPD,EAAgB,OAASA,EAAIZ,EAASO,EAAGP,OAAQc,EAAWP,EAAGO,SAAUC,EAAcvB,EAAOe,EAAI,CAAC,YAAa,QAAS,OAAQ,aAAc,UAAW,SAAU,aACtRL,IACDA,EAAQ,OACZ,IAAIc,EAAY,IAKhB,MAJa,UAATN,IACAM,EAAY,KACH,UAATN,IACAM,EAAY,KACRC,EAAAA,IAAKC,EAAO,CAAEL,QAASA,EAASM,YAAajB,EAAOkB,eAAe,EAAON,SAAUG,EAAII,IAACC,EAAqB7C,EAAS,CAAE8C,IAAKf,EAAcgB,QAASb,EAAYD,KAAMM,EAAWhB,OAAQA,EAAQE,MAAOA,EAAOO,UAAWgB,EAAG5B,EAAkB,CAAEG,OAAQA,IAAWS,IAAcM,EAAa,CAAED,SAAUA,MACxT,IACAV,EAAKsB,YAAc,iBACT,IAACC,EAAOtB,EAAMC,YAAW,SAAUC,EAAIC,GAC7C,IAAIC,EAAYF,EAAGE,UAAWP,EAAQK,EAAGL,MAAO0B,EAAOrB,EAAGqB,KAAM5B,EAASO,EAAGP,OAAQc,EAAWP,EAAGO,SAAUC,EAAcvB,EAAOe,EAAI,CAAC,YAAa,QAAS,OAAQ,SAAU,aAC9K,OAAQU,MAAKY,EAAqBpD,EAAS,CAAE8C,IAAKf,EAAcN,MAAOA,EAAO0B,KAAMA,EAAMnB,UAAWgB,EAAG5B,EAAkB,CAAEG,OAAQA,IAAWS,IAAcM,EAAa,CAAED,SAAUA,IAC1L,IACAa,EAAKD,YAAc,iBAChB,IAACI,EAAY,CACZ1B,KAAMA,EACNuB,KAAMA"}

package/dist/lib/components/Toast/ToastActionButton.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import * as ToastPrimitive from '@radix-ui/react-toast';
+import { VariantProps } from 'class-variance-authority';
+import { IAppearance } from '../../../lib/types';
+export interface ToastActionButtonProps extends VariantProps<typeof toastActionButtonVariants> {
+    altText?: string;
+    appearance?: IAppearance;
+}
+export declare const toastActionButtonVariants: (props?: ({
+    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    size?: "small" | "medium" | "large" | "x-large" | null | undefined;
+    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const ToastActionButton: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ToastActionButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/lib/components/Toast/ToastActionButton.js

@@ -0,0 +1,67 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import * as ToastPrimitive from '@radix-ui/react-toast';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../../lib/utils/utils';
+import Button from '../../../lib/components/Button';
+import { appearanceStyle, radiusVariants, scalingVariants } from '../../../lib/constants';
+import { useToastContext } from './ToastRoot';
+export var toastActionButtonVariants = cva("absolute items-center justify-center", {
+    variants: {
+        radius: __assign({}, radiusVariants['base']),
+        size: {
+            small: 'text-xs min-w-[56px] h-[25px] font-normal right-3',
+            medium: 'text-xs min-w-[56px] h-[25px] font-normal right-3',
+            large: 'text-[15px] min-w-[76px] h-[35px] font-medium right-4',
+            'x-large': 'text-[15px] min-w-[76px] h-[35px] font-medium right-4',
+        },
+        scaling: __assign({}, scalingVariants),
+    },
+    defaultVariants: {
+        radius: 'medium',
+        scaling: '100%',
+        size: 'medium',
+    },
+});
+export var ToastActionButton = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, radius = _a.radius, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, _c = _a.altText, altText = _c === void 0 ? 'altText' : _c, props = __rest(_a, ["className", "children", "radius", "appearance", "altText"]);
+    var _d = useToastContext(), scaling = _d.scaling, size = _d.size, _e = _d.color, color = _e === void 0 ? 'danger' : _e;
+    var semantics = ['danger', 'warning', 'success', 'information'];
+    var colorMap = {
+        danger: 'red',
+        information: 'sky',
+        success: 'green',
+        warning: 'amber',
+    };
+    var getSemanticsStyle = function (color) {
+        var mappedColor = colorMap[color];
+        return mappedColor ? appearanceStyle('outline', mappedColor) : undefined;
+    };
+    var buttonClassName = cn(toastActionButtonVariants({ size: size, radius: radius, scaling: scaling }), color && semantics.includes(color)
+        ? getSemanticsStyle(color)
+        : appearanceStyle(appearance, color !== null && color !== void 0 ? color : 'red'), className);
+    return (_jsx(ToastPrimitive.Action, __assign({ ref: ref, altText: altText }, props, { className: buttonClassName, asChild: true, children: _jsx(Button, { children: children }) })));
+});
+ToastActionButton.displayName = 'Toast.ActionButton';

package/dist/lib/components/Toast/ToastActionButton.mjs

@@ -0,0 +1,2 @@
+import{j as t}from"../../../_virtual/jsx-runtime.mjs";import{forwardRef as r}from"react";import{Action as e}from"../../../node_modules/@radix-ui/react-toast/dist/index.mjs";import{cva as i}from"../../../node_modules/class-variance-authority/dist/index.mjs";import{cn as n}from"../../utils/utils.mjs";import{Button as a}from"../Button/index.mjs";import{radiusVariants as o,scalingVariants as s,appearanceStyle as m}from"../../constants.mjs";import{useToastContext as l}from"./ToastRoot.mjs";var c=function(){return c=Object.assign||function(t){for(var r,e=1,i=arguments.length;e<i;e++)for(var n in r=arguments[e])Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n]);return t},c.apply(this,arguments)},u=function(t,r){var e={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&r.indexOf(i)<0&&(e[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(i=Object.getOwnPropertySymbols(t);n<i.length;n++)r.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(t,i[n])&&(e[i[n]]=t[i[n]])}return e},d=i("absolute items-center justify-center",{variants:{radius:c({},o.base),size:{small:"text-xs min-w-[56px] h-[25px] font-normal right-3",medium:"text-xs min-w-[56px] h-[25px] font-normal right-3",large:"text-[15px] min-w-[76px] h-[35px] font-medium right-4","x-large":"text-[15px] min-w-[76px] h-[35px] font-medium right-4"},scaling:c({},s)},defaultVariants:{radius:"medium",scaling:"100%",size:"medium"}}),p=r((function(r,i){var o=r.className,s=r.children,p=r.radius,f=r.appearance,x=void 0===f?"surface":f,g=r.altText,h=void 0===g?"altText":g,j=u(r,["className","children","radius","appearance","altText"]),y=l(),v=y.scaling,b=y.size,O=y.color,w=void 0===O?"danger":O,T={danger:"red",information:"sky",success:"green",warning:"amber"},z=n(d({size:b,radius:p,scaling:v}),w&&["danger","warning","success","information"].includes(w)?function(t){var r=T[t];return r?m("outline",r):void 0}(w):m(x,null!=w?w:"red"),o);return t.jsx(e,c({ref:i,altText:h},j,{className:z,asChild:!0,children:t.jsx(a,{children:s})}))}));p.displayName="Toast.ActionButton";export{p as ToastActionButton,d as toastActionButtonVariants};
+//# sourceMappingURL=ToastActionButton.mjs.map

package/dist/lib/components/Toast/ToastActionButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastActionButton.mjs","sources":["../../../../lib/components/Toast/ToastActionButton.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport * as ToastPrimitive from '@radix-ui/react-toast';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nimport Button from '../../../lib/components/Button';\nimport { appearanceStyle, radiusVariants, scalingVariants } from '../../../lib/constants';\nimport { useToastContext } from './ToastRoot';\nexport var toastActionButtonVariants = cva(\"absolute items-center justify-center\", {\n    variants: {\n        radius: __assign({}, radiusVariants['base']),\n        size: {\n            small: 'text-xs min-w-[56px] h-[25px] font-normal right-3',\n            medium: 'text-xs min-w-[56px] h-[25px] font-normal right-3',\n            large: 'text-[15px] min-w-[76px] h-[35px] font-medium right-4',\n            'x-large': 'text-[15px] min-w-[76px] h-[35px] font-medium right-4',\n        },\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        radius: 'medium',\n        scaling: '100%',\n        size: 'medium',\n    },\n});\nexport var ToastActionButton = forwardRef(function (_a, ref) {\n    var className = _a.className, children = _a.children, radius = _a.radius, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, _c = _a.altText, altText = _c === void 0 ? 'altText' : _c, props = __rest(_a, [\"className\", \"children\", \"radius\", \"appearance\", \"altText\"]);\n    var _d = useToastContext(), scaling = _d.scaling, size = _d.size, _e = _d.color, color = _e === void 0 ? 'danger' : _e;\n    var semantics = ['danger', 'warning', 'success', 'information'];\n    var colorMap = {\n        danger: 'red',\n        information: 'sky',\n        success: 'green',\n        warning: 'amber',\n    };\n    var getSemanticsStyle = function (color) {\n        var mappedColor = colorMap[color];\n        return mappedColor ? appearanceStyle('outline', mappedColor) : undefined;\n    };\n    var buttonClassName = cn(toastActionButtonVariants({ size: size, radius: radius, scaling: scaling }), color && semantics.includes(color)\n        ? getSemanticsStyle(color)\n        : appearanceStyle(appearance, color !== null && color !== void 0 ? color : 'red'), className);\n    return (_jsx(ToastPrimitive.Action, __assign({ ref: ref, altText: altText }, props, { className: buttonClassName, asChild: true, children: _jsx(Button, { children: children }) })));\n});\nToastActionButton.displayName = 'Toast.ActionButton';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","toastActionButtonVariants","cva","variants","radius","radiusVariants","size","small","medium","large","scaling","scalingVariants","defaultVariants","ToastActionButton","forwardRef","_a","ref","className","children","_b","appearance","_c","altText","props","_d","useToastContext","_e","color","colorMap","danger","information","success","warning","buttonClassName","cn","includes","mappedColor","appearanceStyle","undefined","getSemanticsStyle","_jsx","jsx","ToastPrimitive.Action","asChild","Button","displayName"],"mappings":"mfAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EASWiB,EAA4BC,EAAI,uCAAwC,CAC/EC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAqB,MAC1CC,KAAM,CACFC,MAAO,oDACPC,OAAQ,oDACRC,MAAO,wDACP,UAAW,yDAEfC,QAAS7B,EAAS,CAAE,EAAE8B,IAE1BC,gBAAiB,CACbR,OAAQ,SACRM,QAAS,OACTJ,KAAM,YAGHO,EAAoBC,GAAW,SAAUC,EAAIC,GACpD,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUd,EAASW,EAAGX,OAAQe,EAAKJ,EAAGK,WAAYA,OAAoB,IAAPD,EAAgB,UAAYA,EAAIE,EAAKN,EAAGO,QAASA,OAAiB,IAAPD,EAAgB,UAAYA,EAAIE,EAAQ3B,EAAOmB,EAAI,CAAC,YAAa,WAAY,SAAU,aAAc,YACvQS,EAAKC,IAAmBf,EAAUc,EAAGd,QAASJ,EAAOkB,EAAGlB,KAAMoB,EAAKF,EAAGG,MAAOA,OAAe,IAAPD,EAAgB,SAAWA,EAEhHE,EAAW,CACXC,OAAQ,MACRC,YAAa,MACbC,QAAS,QACTC,QAAS,SAMTC,EAAkBC,EAAGjC,EAA0B,CAAEK,KAAMA,EAAMF,OAAQA,EAAQM,QAASA,IAAYiB,GAXtF,CAAC,SAAU,UAAW,UAAW,eAWwEQ,SAASR,GAJ1G,SAAUA,GAC9B,IAAIS,EAAcR,EAASD,GAC3B,OAAOS,EAAcC,EAAgB,UAAWD,QAAeE,CACvE,CAEUC,CAAkBZ,GAClBU,EAAgBjB,EAAYO,QAAqCA,EAAQ,OAAQV,GACvF,OAAQuB,EAAIC,IAACC,EAAuB7D,EAAS,CAAEmC,IAAKA,EAAKM,QAASA,GAAWC,EAAO,CAAEN,UAAWgB,EAAiBU,SAAS,EAAMzB,SAAUsB,MAAKI,EAAQ,CAAE1B,SAAUA,MACxK,IACAL,EAAkBgC,YAAc"}

package/dist/lib/components/Toast/ToastDescription.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import * as ToastPrimitive from '@radix-ui/react-toast';
+import { VariantProps } from 'class-variance-authority';
+import { IAppearance } from '../../../lib/types';
+export interface ToastDescriptionProps extends VariantProps<typeof toastDescriptionVariants> {
+    contentText?: string;
+    appearance?: IAppearance;
+}
+export declare const toastDescriptionVariants: (props?: ({
+    size?: "small" | "medium" | "large" | "x-large" | null | undefined;
+    color?: "danger" | "warning" | "success" | "information" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & ToastDescriptionProps & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/Toast/ToastDescription.js

@@ -0,0 +1,53 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import * as ToastPrimitive from '@radix-ui/react-toast';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../../lib/utils/utils';
+import { useToastContext } from './ToastRoot';
+export var toastDescriptionVariants = cva('flex m-0 text-wrap text-slate-11 dark:text-slateDark-11', {
+    variants: {
+        size: {
+            small: 'text-xs font-normal w-[220px]',
+            medium: 'text-xs font-normal w-[312px]',
+            large: 'text-base font-medium w-[284px]',
+            'x-large': 'text-base font-medium w-[284px]',
+        },
+        color: {
+            danger: 'text-red-11',
+            warning: 'text-amber-11',
+            success: 'text-green-11',
+            information: 'text-sky-11',
+        },
+    },
+    defaultVariants: {
+        size: 'medium',
+    },
+});
+export var ToastDescription = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, contentText = _a.contentText, props = __rest(_a, ["className", "children", "contentText"]);
+    var _b = useToastContext(), size = _b.size, color = _b.color;
+    return (_jsx(ToastPrimitive.Description, __assign({ ref: ref }, props, { children: _jsx("p", { className: cn(toastDescriptionVariants({ size: size, color: color }), className), children: contentText !== null && contentText !== void 0 ? contentText : children }) })));
+});
+ToastDescription.displayName = 'Toast.Description';

package/dist/lib/components/Toast/ToastDescription.mjs

@@ -0,0 +1,2 @@
+import{j as t}from"../../../_virtual/jsx-runtime.mjs";import{forwardRef as e}from"react";import{Description as r}from"../../../node_modules/@radix-ui/react-toast/dist/index.mjs";import{cva as o}from"../../../node_modules/class-variance-authority/dist/index.mjs";import{cn as n}from"../../utils/utils.mjs";import{useToastContext as a}from"./ToastRoot.mjs";var s=function(){return s=Object.assign||function(t){for(var e,r=1,o=arguments.length;r<o;r++)for(var n in e=arguments[r])Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t},s.apply(this,arguments)},i=function(t,e){var r={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(r[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(t);n<o.length;n++)e.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(t,o[n])&&(r[o[n]]=t[o[n]])}return r},l=o("flex m-0 text-wrap text-slate-11 dark:text-slateDark-11",{variants:{size:{small:"text-xs font-normal w-[220px]",medium:"text-xs font-normal w-[312px]",large:"text-base font-medium w-[284px]","x-large":"text-base font-medium w-[284px]"},color:{danger:"text-red-11",warning:"text-amber-11",success:"text-green-11",information:"text-sky-11"}},defaultVariants:{size:"medium"}}),m=e((function(e,o){var m=e.className,c=e.children,p=e.contentText,x=i(e,["className","children","contentText"]),f=a(),u=f.size,d=f.color;return t.jsx(r,s({ref:o},x,{children:t.jsx("p",{className:n(l({size:u,color:d}),m),children:null!=p?p:c})}))}));m.displayName="Toast.Description";export{m as ToastDescription,l as toastDescriptionVariants};
+//# sourceMappingURL=ToastDescription.mjs.map

package/dist/lib/components/Toast/ToastDescription.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastDescription.mjs","sources":["../../../../lib/components/Toast/ToastDescription.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport * as ToastPrimitive from '@radix-ui/react-toast';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nimport { useToastContext } from './ToastRoot';\nexport var toastDescriptionVariants = cva('flex m-0 text-wrap text-slate-11 dark:text-slateDark-11', {\n    variants: {\n        size: {\n            small: 'text-xs font-normal w-[220px]',\n            medium: 'text-xs font-normal w-[312px]',\n            large: 'text-base font-medium w-[284px]',\n            'x-large': 'text-base font-medium w-[284px]',\n        },\n        color: {\n            danger: 'text-red-11',\n            warning: 'text-amber-11',\n            success: 'text-green-11',\n            information: 'text-sky-11',\n        },\n    },\n    defaultVariants: {\n        size: 'medium',\n    },\n});\nexport var ToastDescription = forwardRef(function (_a, ref) {\n    var className = _a.className, children = _a.children, contentText = _a.contentText, props = __rest(_a, [\"className\", \"children\", \"contentText\"]);\n    var _b = useToastContext(), size = _b.size, color = _b.color;\n    return (_jsx(ToastPrimitive.Description, __assign({ ref: ref }, props, { children: _jsx(\"p\", { className: cn(toastDescriptionVariants({ size: size, color: color }), className), children: contentText !== null && contentText !== void 0 ? contentText : children }) })));\n});\nToastDescription.displayName = 'Toast.Description';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","toastDescriptionVariants","cva","variants","size","small","medium","large","color","danger","warning","success","information","defaultVariants","ToastDescription","forwardRef","_a","ref","className","children","contentText","props","_b","useToastContext","_jsx","ToastPrimitive.Description","jsx","cn","displayName"],"mappings":"4WAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAOWiB,EAA2BC,EAAI,0DAA2D,CACjGC,SAAU,CACNC,KAAM,CACFC,MAAO,gCACPC,OAAQ,gCACRC,MAAO,kCACP,UAAW,mCAEfC,MAAO,CACHC,OAAQ,cACRC,QAAS,gBACTC,QAAS,gBACTC,YAAa,gBAGrBC,gBAAiB,CACbT,KAAM,YAGHU,EAAmBC,GAAW,SAAUC,EAAIC,GACnD,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUC,EAAcJ,EAAGI,YAAaC,EAAQzB,EAAOoB,EAAI,CAAC,YAAa,WAAY,gBAC7HM,EAAKC,IAAmBnB,EAAOkB,EAAGlB,KAAMI,EAAQc,EAAGd,MACvD,OAAQgB,EAAAA,IAAKC,EAA4B5C,EAAS,CAAEoC,IAAKA,GAAOI,EAAO,CAAEF,SAAUK,EAAIE,IAAC,IAAK,CAAER,UAAWS,EAAG1B,EAAyB,CAAEG,KAAMA,EAAMI,MAAOA,IAAUU,GAAYC,SAAUC,QAAiDA,EAAcD,MAC9P,IACAL,EAAiBc,YAAc"}

package/dist/lib/components/Toast/ToastRoot.js

@@ -0,0 +1,90 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, createContext, useContext, useMemo, } from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../../lib/utils/utils';
+import { scalingVariants } from '../../../lib/constants';
+import * as ToastPrimitive from '@radix-ui/react-toast';
+export var toastVariants = cva('flex bg-white dark:bg-slateDark-1', {
+    variants: {
+        radius: {
+            none: 'rounded-none',
+            small: 'rounded-[3px]',
+            medium: 'rounded',
+            large: 'rounded-md',
+            full: 'rounded-md',
+        },
+        size: {
+            small: 'w-[300px] min-h-[55px] p-3',
+            medium: 'w-[400px] min-h-[63px] p-3',
+            large: 'w-[400px] min-h-[84px] p-4',
+            'x-large': 'w-[400px] min-h-[88px] p-4',
+        },
+        scaling: __assign({}, scalingVariants),
+        color: {
+            danger: 'bg-red-3 dark:bg-redDark-3',
+            warning: 'bg-amber-3 dark:bg-amberDark-3',
+            success: 'bg-green-3 dark:bg-greenDark-3',
+            information: 'bg-sky-3 dark:bg-skyDark-3',
+        },
+    },
+    defaultVariants: {
+        radius: 'medium',
+        scaling: '100%',
+        size: 'medium',
+    },
+});
+export var toastViewportVariants = cva("[--viewport-padding:_25px] fixed flex flex-col outline-none gap-[10px]\n    p-[var(--viewport-padding)] m-0 list-none z-[987654321]", {
+    variants: {
+        toastPosition: {
+            top_center: 'top-0 left-1/2 transform -translate-x-1/2',
+            top_left: 'top-0 left-0',
+            top_right: 'top-0 right-0',
+            bottom_center: 'bottom-0 left-1/2 transform -translate-x-1/2',
+            bottom_left: 'bottom-0 left-0',
+            bottom_right: 'bottom-0 right-0',
+        },
+    },
+    defaultVariants: {
+        toastPosition: 'top_right',
+    },
+});
+var ToastContext = createContext({
+    radius: 'medium',
+    scaling: '100%',
+    size: 'medium',
+    color: null,
+});
+export var useToastContext = function () {
+    return useContext(ToastContext);
+};
+export var ToastRoot = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, openToast = _a.openToast, radius = _a.radius, scaling = _a.scaling, size = _a.size, color = _a.color, _b = _a.duration, duration = _b === void 0 ? 3000 : _b, _c = _a.toastPosition, toastPosition = _c === void 0 ? 'top_right' : _c, setOpenToast = _a.setOpenToast, props = __rest(_a, ["className", "children", "openToast", "radius", "scaling", "size", "color", "duration", "toastPosition", "setOpenToast"]);
+    var contextValue = useMemo(function () { return ({ radius: radius, size: size, scaling: scaling, color: color }); }, [radius, size, scaling, color]);
+    var toastRootStyle = "\n      shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] \n      flex flex-col px-[15px] relative justify-center\n      data-[state=open]:animate-slideIn \n      data-[state=closed]:animate-hide \n      data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] \n      data-[swipe=cancel]:translate-x-0 \n      data-[swipe=cancel]:transition-[transform_200ms_ease-out] \n      data-[swipe=end]:animate-swipeOut\n    ";
+    var toastClassName = cn(toastVariants({ radius: radius, scaling: scaling, size: size, color: color }), toastRootStyle, className);
+    return (_jsx(ToastContext.Provider, { value: contextValue, children: _jsxs(ToastPrimitive.Provider, { swipeDirection: "right", duration: duration, children: [_jsx(ToastPrimitive.Root, __assign({ ref: ref, className: toastClassName, open: openToast, onOpenChange: setOpenToast }, props, { children: children })), _jsx(ToastPrimitive.Viewport, { className: cn(toastViewportVariants({ toastPosition: toastPosition })) })] }) }));
+});
+ToastRoot.displayName = 'Toast.Root';
+export default ToastRoot;

package/dist/lib/components/Toast/ToastRoot.mjs

@@ -0,0 +1,2 @@
+import{j as t}from"../../../_virtual/jsx-runtime.mjs";import{createContext as e,forwardRef as a,useMemo as r,useContext as o}from"react";import{cva as n}from"../../../node_modules/class-variance-authority/dist/index.mjs";import{cn as i}from"../../utils/utils.mjs";import{scalingVariants as s}from"../../constants.mjs";import{Provider as l,Root as d,Viewport as p}from"../../../node_modules/@radix-ui/react-toast/dist/index.mjs";var m=function(){return m=Object.assign||function(t){for(var e,a=1,r=arguments.length;a<r;a++)for(var o in e=arguments[a])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},m.apply(this,arguments)},c=function(t,e){var a={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(a[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(a[r[o]]=t[r[o]])}return a},u=n("flex bg-white dark:bg-slateDark-1",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-md"},size:{small:"w-[300px] min-h-[55px] p-3",medium:"w-[400px] min-h-[63px] p-3",large:"w-[400px] min-h-[84px] p-4","x-large":"w-[400px] min-h-[88px] p-4"},scaling:m({},s),color:{danger:"bg-red-3 dark:bg-redDark-3",warning:"bg-amber-3 dark:bg-amberDark-3",success:"bg-green-3 dark:bg-greenDark-3",information:"bg-sky-3 dark:bg-skyDark-3"}},defaultVariants:{radius:"medium",scaling:"100%",size:"medium"}}),x=n("[--viewport-padding:_25px] fixed flex flex-col outline-none gap-[10px]\n    p-[var(--viewport-padding)] m-0 list-none z-[987654321]",{variants:{toastPosition:{top_center:"top-0 left-1/2 transform -translate-x-1/2",top_left:"top-0 left-0",top_right:"top-0 right-0",bottom_center:"bottom-0 left-1/2 transform -translate-x-1/2",bottom_left:"bottom-0 left-0",bottom_right:"bottom-0 right-0"}},defaultVariants:{toastPosition:"top_right"}}),f=e({radius:"medium",scaling:"100%",size:"medium",color:null}),g=function(){return o(f)},_=a((function(e,a){var o=e.className,n=e.children,s=e.openToast,g=e.radius,_=e.scaling,h=e.size,b=e.color,v=e.duration,w=void 0===v?3e3:v,j=e.toastPosition,y=void 0===j?"top_right":j,O=e.setOpenToast,k=c(e,["className","children","openToast","radius","scaling","size","color","duration","toastPosition","setOpenToast"]),P=r((function(){return{radius:g,size:h,scaling:_,color:b}}),[g,h,_,b]),z=i(u({radius:g,scaling:_,size:h,color:b}),"\n      shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] \n      flex flex-col px-[15px] relative justify-center\n      data-[state=open]:animate-slideIn \n      data-[state=closed]:animate-hide \n      data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] \n      data-[swipe=cancel]:translate-x-0 \n      data-[swipe=cancel]:transition-[transform_200ms_ease-out] \n      data-[swipe=end]:animate-swipeOut\n    ",o);return t.jsx(f.Provider,{value:P,children:t.jsxs(l,{swipeDirection:"right",duration:w,children:[t.jsx(d,m({ref:a,className:z,open:s,onOpenChange:O},k,{children:n})),t.jsx(p,{className:i(x({toastPosition:y}))})]})})}));_.displayName="Toast.Root";export{_ as ToastRoot,_ as default,u as toastVariants,x as toastViewportVariants,g as useToastContext};
+//# sourceMappingURL=ToastRoot.mjs.map