@mindlogic-ai/logician-ui 2.0.0 → 3.0.0-alpha.0

package/dist/components/Tag/TagLeftIcon/TagLeftIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagLeftIcon.js","sources":["../../../../src/components/Tag/TagLeftIcon/TagLeftIcon.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraTagLeftIcon"],"mappings":";;;;;;;AAKO,MAAM,WAAW,GAAGA,gBAAU,CACnC,CAAC,EAAE,GAAG,IAAI,EAAoB,EAAE,GAAiC,KAAI;IACnE,OAAOC,cAAA,CAACC,iBAAiB,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI;AAClD,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
+{"version":3,"file":"TagLeftIcon.js","sources":["../../../../src/components/Tag/TagLeftIcon/TagLeftIcon.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Icon"],"mappings":";;;;;;;AAKA;;AAEG;AACI,MAAM,WAAW,GAAGA,gBAAU,CACnC,CAAC,EAAE,GAAG,IAAI,EAAoB,EAAE,GAAiC,KAAI;IACnE,OAAOC,cAAA,CAACC,UAAI,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI;AACrC,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/dist/components/Tag/TagLeftIcon/TagLeftIcon.mjs

@@ -1,10 +1,13 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { TagLeftIcon as TagLeftIcon$1 } from '@chakra-ui/react';
+import { Icon } from '@chakra-ui/react';
 
+/**
+ * @deprecated In Chakra UI v3, use Icon component directly inside Tag
+ */
 const TagLeftIcon = forwardRef(({ ...rest }, ref) => {
-    return jsx(TagLeftIcon$1, { ...rest, ref: ref });
+    return jsx(Icon, { ...rest, ref: ref });
 });
 TagLeftIcon.displayName = 'TagLeftIcon';
 

package/dist/components/Tag/TagLeftIcon/TagLeftIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TagLeftIcon.mjs","sources":["../../../../src/components/Tag/TagLeftIcon/TagLeftIcon.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraTagLeftIcon"],"mappings":";;;;;AAKO,MAAM,WAAW,GAAG,UAAU,CACnC,CAAC,EAAE,GAAG,IAAI,EAAoB,EAAE,GAAiC,KAAI;IACnE,OAAOA,GAAA,CAACC,aAAiB,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI;AAClD,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
+{"version":3,"file":"TagLeftIcon.mjs","sources":["../../../../src/components/Tag/TagLeftIcon/TagLeftIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAKA;;AAEG;AACI,MAAM,WAAW,GAAG,UAAU,CACnC,CAAC,EAAE,GAAG,IAAI,EAAoB,EAAE,GAAiC,KAAI;IACnE,OAAOA,GAAA,CAAC,IAAI,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI;AACrC,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/dist/components/Tag/TagRightIcon/TagRightIcon.d.ts

@@ -1,3 +1,5 @@
-import { TagRightIconProps } from './TagRightIcon.types';
-export declare const TagRightIcon: import("react").ForwardRefExoticComponent<TagRightIconProps & import("react").RefAttributes<SVGSVGElement>>;
+/**
+ * @deprecated In Chakra UI v3, use Icon component directly inside Tag
+ */
+export declare const TagRightIcon: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").IconProps & import("react").RefAttributes<SVGSVGElement>>;
 //# sourceMappingURL=TagRightIcon.d.ts.map

package/dist/components/Tag/TagRightIcon/TagRightIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TagRightIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Tag/TagRightIcon/TagRightIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,eAAO,MAAM,YAAY,6GAIxB,CAAC"}
+{"version":3,"file":"TagRightIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Tag/TagRightIcon/TagRightIcon.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,YAAY,gIAAO,CAAC"}

package/dist/components/Tag/TagRightIcon/TagRightIcon.js

@@ -1,13 +1,12 @@
 "use client";
 'use strict';
 
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var react = require('@chakra-ui/react');
 
-const TagRightIcon = React.forwardRef(({ ...rest }, ref) => {
-    return jsxRuntime.jsx(react.TagRightIcon, { ...rest, ref: ref });
-});
+/**
+ * @deprecated In Chakra UI v3, use Icon component directly inside Tag
+ */
+const TagRightIcon = react.Icon;
 TagRightIcon.displayName = 'TagRightIcon';
 
 exports.TagRightIcon = TagRightIcon;

package/dist/components/Tag/TagRightIcon/TagRightIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagRightIcon.js","sources":["../../../../src/components/Tag/TagRightIcon/TagRightIcon.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraTagRightIcon"],"mappings":";;;;;;;AAKO,MAAM,YAAY,GAAGA,gBAAU,CACpC,CAAC,EAAE,GAAG,IAAI,EAAqB,EAAE,GAAiC,KAAI;IACpE,OAAOC,cAAA,CAACC,kBAAkB,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI;AACnD,CAAC;AAGH,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
+{"version":3,"file":"TagRightIcon.js","sources":["../../../../src/components/Tag/TagRightIcon/TagRightIcon.tsx"],"sourcesContent":[null],"names":["Icon"],"mappings":";;;;;AAEA;;AAEG;AACI,MAAM,YAAY,GAAGA;AAE5B,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/dist/components/Tag/TagRightIcon/TagRightIcon.mjs

@@ -1,11 +1,10 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { TagRightIcon as TagRightIcon$1 } from '@chakra-ui/react';
+import { Icon } from '@chakra-ui/react';
 
-const TagRightIcon = forwardRef(({ ...rest }, ref) => {
-    return jsx(TagRightIcon$1, { ...rest, ref: ref });
-});
+/**
+ * @deprecated In Chakra UI v3, use Icon component directly inside Tag
+ */
+const TagRightIcon = Icon;
 TagRightIcon.displayName = 'TagRightIcon';
 
 export { TagRightIcon };

package/dist/components/Tag/TagRightIcon/TagRightIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TagRightIcon.mjs","sources":["../../../../src/components/Tag/TagRightIcon/TagRightIcon.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraTagRightIcon"],"mappings":";;;;;AAKO,MAAM,YAAY,GAAG,UAAU,CACpC,CAAC,EAAE,GAAG,IAAI,EAAqB,EAAE,GAAiC,KAAI;IACpE,OAAOA,GAAA,CAACC,cAAkB,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI;AACnD,CAAC;AAGH,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
+{"version":3,"file":"TagRightIcon.mjs","sources":["../../../../src/components/Tag/TagRightIcon/TagRightIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAEA;;AAEG;AACI,MAAM,YAAY,GAAG;AAE5B,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/dist/components/Tag/index.d.ts

@@ -1,5 +1,6 @@
-export * from './Tag';
-export type * from './Tag.types';
+export { Tag } from './Tag';
+export { getTagStyles, tagColorPalettes, tagColorPaletteStyles, tagVariants, } from './Tag.styles';
+export type { TagColorPalette, TagProps, TagVariant } from './Tag.types';
 export * from './TagCloseButton';
 export * from './TagLabel';
 export * from './TagLeftIcon';

package/dist/components/Tag/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,mBAAmB,aAAa,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,EACrB,WAAW,GACZ,MAAM,cAAc,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzE,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}

package/dist/components/Textarea/Textarea.d.ts

@@ -1,3 +1,3 @@
-import { TextareaProps } from '@chakra-ui/react';
-export declare const Textarea: import("@chakra-ui/react").ComponentWithAs<"textarea", TextareaProps>;
+import { TextareaProps } from './Textarea.types';
+export declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
 //# sourceMappingURL=Textarea.d.ts.map

package/dist/components/Textarea/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,aAAa,EAEd,MAAM,kBAAkB,CAAC;AAE1B,eAAO,MAAM,QAAQ,uEAwCpB,CAAC"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,eAAO,MAAM,QAAQ,+GA4DpB,CAAC"}

package/dist/components/Textarea/Textarea.js

@@ -5,8 +5,12 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
 
-const Textarea = react.forwardRef(({ placeholder, onChange, value: propValue, _focusVisible, ...props }, ref) => {
-    const theme = react.useTheme();
+const Textarea = React.forwardRef(({ placeholder, onChange, value: propValue, _focusVisible, disabled, invalid, readOnly, ...props }, ref) => {
+    // Get resolved color values for boxShadow
+    const [primaryColor, dangerColor] = react.useToken('colors', [
+        'primary.main',
+        'danger.main',
+    ]);
     const [currentValue, setCurrentValue] = React.useState(propValue);
     React.useEffect(() => {
         setCurrentValue(propValue);
@@ -17,7 +21,14 @@ const Textarea = react.forwardRef(({ placeholder, onChange, value: propValue, _f
             onChange(e);
         }
     };
-    return (jsxRuntime.jsx(react.Textarea, { ref: ref, placeholder: placeholder, value: currentValue, onChange: handleChange, resize: "none", focusBorderColor: theme.semanticTokens.colors.primary.main, ...props }));
+    return (jsxRuntime.jsx(react.Textarea, { ref: ref, placeholder: placeholder, value: currentValue, onChange: handleChange, disabled: disabled, readOnly: readOnly, "data-invalid": invalid || undefined, resize: "none", borderColor: invalid ? 'danger.main' : 'gray.400', _focus: {
+            borderColor: invalid ? 'danger.main' : 'primary.main',
+            boxShadow: invalid
+                ? `0 0 0 1px ${dangerColor}`
+                : `0 0 0 1px ${primaryColor}`,
+        }, _hover: {
+            borderColor: invalid ? 'danger.main' : 'gray.600',
+        }, ...props }));
 });
 Textarea.displayName = 'Textarea';
 

package/dist/components/Textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":[null],"names":["forwardRef","useTheme","useState","useEffect","_jsx","ChakraTextarea"],"mappings":";;;;;;;AAQO,MAAM,QAAQ,GAAGA,gBAAU,CAChC,CACE,EACE,WAAW,EACX,QAAQ,EACR,KAAK,EAAE,SAAS,EAChB,aAAa,EACb,GAAG,KAAK,EACM,EAChB,GAAI,KACF;AACF,IAAA,MAAM,KAAK,GAAGC,cAAQ,EAAE;IACxB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGC,cAAQ,CAE9C,SAAS,CAAC;IAEZC,eAAS,CAAC,MAAK;QACb,eAAe,CAAC,SAAS,CAAC;AAC5B,IAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;AAEf,IAAA,MAAM,YAAY,GAAG,CAAC,CAAmC,KAAI;AAC3D,QAAA,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAE/B,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,CAAC,CAAC;QACb;AACF,IAAA,CAAC;AAED,IAAA,QACEC,cAAA,CAACC,cAAc,EAAA,EACb,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAC,MAAM,EACb,gBAAgB,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,KACtD,KAAK,EAAA,CACT;AAEN,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"Textarea.js","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":[null],"names":["forwardRef","useToken","useState","useEffect","_jsx","ChakraTextarea"],"mappings":";;;;;;;AAKO,MAAM,QAAQ,GAAGA,gBAAU,CAChC,CACE,EACE,WAAW,EACX,QAAQ,EACR,KAAK,EAAE,SAAS,EAChB,aAAa,EACb,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,KACD;;IAEF,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,GAAGC,cAAQ,CAAC,QAAQ,EAAE;QACrD,cAAc;QACd,aAAa;AACd,KAAA,CAAC;IAEF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGC,cAAQ,CAE9C,SAAS,CAAC;IAEZC,eAAS,CAAC,MAAK;QACb,eAAe,CAAC,SAAS,CAAC;AAC5B,IAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;AAEf,IAAA,MAAM,YAAY,GAAG,CAAC,CAAmC,KAAI;AAC3D,QAAA,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAE/B,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,CAAC,CAAC;QACb;AACF,IAAA,CAAC;IAED,QACEC,eAACC,cAAc,EAAA,EACb,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,kBACJ,OAAO,IAAI,SAAS,EAClC,MAAM,EAAC,MAAM,EACb,WAAW,EAAE,OAAO,GAAG,aAAa,GAAG,UAAU,EACjD,MAAM,EAAE;YACN,WAAW,EAAE,OAAO,GAAG,aAAa,GAAG,cAAc;AACrD,YAAA,SAAS,EAAE;kBACP,CAAA,UAAA,EAAa,WAAW,CAAA;kBACxB,CAAA,UAAA,EAAa,YAAY,CAAA,CAAE;AAChC,SAAA,EACD,MAAM,EAAE;YACN,WAAW,EAAE,OAAO,GAAG,aAAa,GAAG,UAAU;SAClD,EAAA,GACG,KAAK,EAAA,CACT;AAEN,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/components/Textarea/Textarea.mjs

@@ -1,10 +1,14 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import { forwardRef, useTheme, Textarea as Textarea$1 } from '@chakra-ui/react';
+import { forwardRef, useState, useEffect } from 'react';
+import { useToken, Textarea as Textarea$1 } from '@chakra-ui/react';
 
-const Textarea = forwardRef(({ placeholder, onChange, value: propValue, _focusVisible, ...props }, ref) => {
-    const theme = useTheme();
+const Textarea = forwardRef(({ placeholder, onChange, value: propValue, _focusVisible, disabled, invalid, readOnly, ...props }, ref) => {
+    // Get resolved color values for boxShadow
+    const [primaryColor, dangerColor] = useToken('colors', [
+        'primary.main',
+        'danger.main',
+    ]);
     const [currentValue, setCurrentValue] = useState(propValue);
     useEffect(() => {
         setCurrentValue(propValue);
@@ -15,7 +19,14 @@ const Textarea = forwardRef(({ placeholder, onChange, value: propValue, _focusVi
             onChange(e);
         }
     };
-    return (jsx(Textarea$1, { ref: ref, placeholder: placeholder, value: currentValue, onChange: handleChange, resize: "none", focusBorderColor: theme.semanticTokens.colors.primary.main, ...props }));
+    return (jsx(Textarea$1, { ref: ref, placeholder: placeholder, value: currentValue, onChange: handleChange, disabled: disabled, readOnly: readOnly, "data-invalid": invalid || undefined, resize: "none", borderColor: invalid ? 'danger.main' : 'gray.400', _focus: {
+            borderColor: invalid ? 'danger.main' : 'primary.main',
+            boxShadow: invalid
+                ? `0 0 0 1px ${dangerColor}`
+                : `0 0 0 1px ${primaryColor}`,
+        }, _hover: {
+            borderColor: invalid ? 'danger.main' : 'gray.600',
+        }, ...props }));
 });
 Textarea.displayName = 'Textarea';
 

package/dist/components/Textarea/Textarea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.mjs","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraTextarea"],"mappings":";;;;;AAQO,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EACE,WAAW,EACX,QAAQ,EACR,KAAK,EAAE,SAAS,EAChB,aAAa,EACb,GAAG,KAAK,EACM,EAChB,GAAI,KACF;AACF,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;IACxB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAE9C,SAAS,CAAC;IAEZ,SAAS,CAAC,MAAK;QACb,eAAe,CAAC,SAAS,CAAC;AAC5B,IAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;AAEf,IAAA,MAAM,YAAY,GAAG,CAAC,CAAmC,KAAI;AAC3D,QAAA,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAE/B,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,CAAC,CAAC;QACb;AACF,IAAA,CAAC;AAED,IAAA,QACEA,GAAA,CAACC,UAAc,EAAA,EACb,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAC,MAAM,EACb,gBAAgB,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,KACtD,KAAK,EAAA,CACT;AAEN,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"Textarea.mjs","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraTextarea"],"mappings":";;;;;AAKO,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EACE,WAAW,EACX,QAAQ,EACR,KAAK,EAAE,SAAS,EAChB,aAAa,EACb,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,KACD;;IAEF,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,QAAQ,EAAE;QACrD,cAAc;QACd,aAAa;AACd,KAAA,CAAC;IAEF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAE9C,SAAS,CAAC;IAEZ,SAAS,CAAC,MAAK;QACb,eAAe,CAAC,SAAS,CAAC;AAC5B,IAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;AAEf,IAAA,MAAM,YAAY,GAAG,CAAC,CAAmC,KAAI;AAC3D,QAAA,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAE/B,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,CAAC,CAAC;QACb;AACF,IAAA,CAAC;IAED,QACEA,IAACC,UAAc,EAAA,EACb,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,kBACJ,OAAO,IAAI,SAAS,EAClC,MAAM,EAAC,MAAM,EACb,WAAW,EAAE,OAAO,GAAG,aAAa,GAAG,UAAU,EACjD,MAAM,EAAE;YACN,WAAW,EAAE,OAAO,GAAG,aAAa,GAAG,cAAc;AACrD,YAAA,SAAS,EAAE;kBACP,CAAA,UAAA,EAAa,WAAW,CAAA;kBACxB,CAAA,UAAA,EAAa,YAAY,CAAA,CAAE;AAChC,SAAA,EACD,MAAM,EAAE;YACN,WAAW,EAAE,OAAO,GAAG,aAAa,GAAG,UAAU;SAClD,EAAA,GACG,KAAK,EAAA,CACT;AAEN,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/components/Textarea/Textarea.types.d.ts

@@ -0,0 +1,6 @@
+import { TextareaProps as ChakraTextareaProps } from '@chakra-ui/react';
+export interface TextareaProps extends ChakraTextareaProps {
+    /** Controls invalid visual state */
+    invalid?: boolean;
+}
+//# sourceMappingURL=Textarea.types.d.ts.map

package/dist/components/Textarea/Textarea.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.types.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAExE,MAAM,WAAW,aAAc,SAAQ,mBAAmB;IACxD,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/components/Textarea/index.d.ts

@@ -1,3 +1,3 @@
-export { AutosizeTextarea } from './AutosizeTextarea';
 export { Textarea } from './Textarea';
+export type { TextareaProps } from './Textarea.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Textarea/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/Toast/Toast.js

@@ -14,8 +14,7 @@ require('../Typography/Subtitle.js');
 var Text = require('../Typography/Text.js');
 var ToastIcon = require('./ToastIcon/ToastIcon.js');
 
-const Toast = ({ title, description, status = 'success', onClose, // Add onClose prop
-...rest }) => (jsxRuntime.jsxs(react.Flex, { align: "center", p: 4, gap: 3, borderWidth: "1px", borderRadius: "md", boxShadow: "lg", whiteSpace: "pre-line", position: "relative", ...rest, children: [jsxRuntime.jsx(ToastIcon.ToastIcon, { status: status }), jsxRuntime.jsxs(react.Box, { flex: 1, children: [title && (jsxRuntime.jsx(H5.H5, { fontWeight: "bold", mb: 2, children: title })), jsxRuntime.jsx(Text.Text, { color: "inherit", children: description })] }), jsxRuntime.jsx(react.CloseButton, { onClick: onClose })] }));
+const Toast = ({ title, description, status = 'success', onClose, ...rest }) => (jsxRuntime.jsxs(react.Flex, { align: "center", p: 4, gap: 3, borderWidth: "1px", borderRadius: "md", boxShadow: "lg", whiteSpace: "pre-line", position: "relative", animationName: "slide-from-top, fade-in", animationDuration: "0.3s", ...rest, children: [jsxRuntime.jsx(ToastIcon.ToastIcon, { status: status }), jsxRuntime.jsxs(react.Box, { flex: 1, children: [title && (jsxRuntime.jsx(H5.H5, { fontWeight: "bold", mb: 2, children: title })), jsxRuntime.jsx(Text.Text, { color: "inherit", children: description })] }), jsxRuntime.jsx(react.CloseButton, { onClick: onClose, size: "sm" })] }));
 
 exports.Toast = Toast;
 //# sourceMappingURL=Toast.js.map

package/dist/components/Toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sources":["../../../src/components/Toast/Toast.tsx"],"sourcesContent":[null],"names":["_jsxs","Flex","_jsx","ToastIcon","Box","H5","Text","CloseButton"],"mappings":";;;;;;;;;;;;;;;;AAMO,MAAM,KAAK,GAAG,CAAC,EACpB,KAAK,EACL,WAAW,EACX,MAAM,GAAG,SAAS,EAClB,OAAO;AACP,GAAG,IAAI,EAC+B,MACtCA,eAAA,CAACC,UAAI,EAAA,EACH,KAAK,EAAC,QAAQ,EACd,CAAC,EAAE,CAAC,EACJ,GAAG,EAAE,CAAC,EACN,WAAW,EAAC,KAAK,EACjB,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,IAAI,EACd,UAAU,EAAC,UAAU,EACrB,QAAQ,EAAC,UAAU,EAAA,GACf,IAAI,EAAA,QAAA,EAAA,CAERC,cAAA,CAACC,mBAAS,EAAA,EAAC,MAAM,EAAE,MAAM,EAAA,CAAI,EAC7BH,gBAACI,SAAG,EAAA,EAAC,IAAI,EAAE,CAAC,aACT,KAAK,KACJF,cAAA,CAACG,KAAE,IAAC,UAAU,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,EAAA,QAAA,EACxB,KAAK,GACH,CACN,EACDH,eAACI,SAAI,EAAA,EAAC,KAAK,EAAC,SAAS,YAAE,WAAW,EAAA,CAAQ,IACtC,EACNJ,cAAA,CAACK,iBAAW,EAAA,EACV,OAAO,EAAE,OAAO,EAAA,CAChB,CAAA,EAAA,CACG;;;;"}
+{"version":3,"file":"Toast.js","sources":["../../../src/components/Toast/Toast.tsx"],"sourcesContent":[null],"names":["_jsxs","Flex","_jsx","ToastIcon","Box","H5","Text","CloseButton"],"mappings":";;;;;;;;;;;;;;;;AAMO,MAAM,KAAK,GAAG,CAAC,EACpB,KAAK,EACL,WAAW,EACX,MAAM,GAAG,SAAS,EAClB,OAAO,EACP,GAAG,IAAI,EAC+B,MACtCA,eAAA,CAACC,UAAI,EAAA,EACH,KAAK,EAAC,QAAQ,EACd,CAAC,EAAE,CAAC,EACJ,GAAG,EAAE,CAAC,EACN,WAAW,EAAC,KAAK,EACjB,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,IAAI,EACd,UAAU,EAAC,UAAU,EACrB,QAAQ,EAAC,UAAU,EACnB,aAAa,EAAC,yBAAyB,EACvC,iBAAiB,EAAC,MAAM,EAAA,GACnB,IAAY,EAAA,QAAA,EAAA,CAEjBC,cAAA,CAACC,mBAAS,EAAA,EAAC,MAAM,EAAE,MAAM,EAAA,CAAI,EAC7BH,eAAA,CAACI,SAAG,EAAA,EAAC,IAAI,EAAE,CAAC,EAAA,QAAA,EAAA,CACT,KAAK,KACJF,cAAA,CAACG,KAAE,EAAA,EAAC,UAAU,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,EAAA,QAAA,EACxB,KAAK,EAAA,CACH,CACN,EACDH,cAAA,CAACI,SAAI,EAAA,EAAC,KAAK,EAAC,SAAS,EAAA,QAAA,EAAE,WAAW,EAAA,CAAQ,CAAA,EAAA,CACtC,EACNJ,cAAA,CAACK,iBAAW,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,IAAI,EAAA,CAAG,CAAA,EAAA,CACtC;;;;"}

package/dist/components/Toast/Toast.mjs

@@ -12,8 +12,7 @@ import '../Typography/Subtitle.mjs';
 import { Text } from '../Typography/Text.mjs';
 import { ToastIcon } from './ToastIcon/ToastIcon.mjs';
 
-const Toast = ({ title, description, status = 'success', onClose, // Add onClose prop
-...rest }) => (jsxs(Flex, { align: "center", p: 4, gap: 3, borderWidth: "1px", borderRadius: "md", boxShadow: "lg", whiteSpace: "pre-line", position: "relative", ...rest, children: [jsx(ToastIcon, { status: status }), jsxs(Box, { flex: 1, children: [title && (jsx(H5, { fontWeight: "bold", mb: 2, children: title })), jsx(Text, { color: "inherit", children: description })] }), jsx(CloseButton, { onClick: onClose })] }));
+const Toast = ({ title, description, status = 'success', onClose, ...rest }) => (jsxs(Flex, { align: "center", p: 4, gap: 3, borderWidth: "1px", borderRadius: "md", boxShadow: "lg", whiteSpace: "pre-line", position: "relative", animationName: "slide-from-top, fade-in", animationDuration: "0.3s", ...rest, children: [jsx(ToastIcon, { status: status }), jsxs(Box, { flex: 1, children: [title && (jsx(H5, { fontWeight: "bold", mb: 2, children: title })), jsx(Text, { color: "inherit", children: description })] }), jsx(CloseButton, { onClick: onClose, size: "sm" })] }));
 
 export { Toast };
 //# sourceMappingURL=Toast.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.mjs","sources":["../../../src/components/Toast/Toast.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;AAMO,MAAM,KAAK,GAAG,CAAC,EACpB,KAAK,EACL,WAAW,EACX,MAAM,GAAG,SAAS,EAClB,OAAO;AACP,GAAG,IAAI,EAC+B,MACtCA,IAAA,CAAC,IAAI,EAAA,EACH,KAAK,EAAC,QAAQ,EACd,CAAC,EAAE,CAAC,EACJ,GAAG,EAAE,CAAC,EACN,WAAW,EAAC,KAAK,EACjB,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,IAAI,EACd,UAAU,EAAC,UAAU,EACrB,QAAQ,EAAC,UAAU,EAAA,GACf,IAAI,EAAA,QAAA,EAAA,CAERC,GAAA,CAAC,SAAS,EAAA,EAAC,MAAM,EAAE,MAAM,EAAA,CAAI,EAC7BD,KAAC,GAAG,EAAA,EAAC,IAAI,EAAE,CAAC,aACT,KAAK,KACJC,GAAA,CAAC,EAAE,IAAC,UAAU,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,EAAA,QAAA,EACxB,KAAK,GACH,CACN,EACDA,IAAC,IAAI,EAAA,EAAC,KAAK,EAAC,SAAS,YAAE,WAAW,EAAA,CAAQ,IACtC,EACNA,GAAA,CAAC,WAAW,EAAA,EACV,OAAO,EAAE,OAAO,EAAA,CAChB,CAAA,EAAA,CACG;;;;"}
+{"version":3,"file":"Toast.mjs","sources":["../../../src/components/Toast/Toast.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;AAMO,MAAM,KAAK,GAAG,CAAC,EACpB,KAAK,EACL,WAAW,EACX,MAAM,GAAG,SAAS,EAClB,OAAO,EACP,GAAG,IAAI,EAC+B,MACtCA,IAAA,CAAC,IAAI,EAAA,EACH,KAAK,EAAC,QAAQ,EACd,CAAC,EAAE,CAAC,EACJ,GAAG,EAAE,CAAC,EACN,WAAW,EAAC,KAAK,EACjB,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,IAAI,EACd,UAAU,EAAC,UAAU,EACrB,QAAQ,EAAC,UAAU,EACnB,aAAa,EAAC,yBAAyB,EACvC,iBAAiB,EAAC,MAAM,EAAA,GACnB,IAAY,EAAA,QAAA,EAAA,CAEjBC,GAAA,CAAC,SAAS,EAAA,EAAC,MAAM,EAAE,MAAM,EAAA,CAAI,EAC7BD,IAAA,CAAC,GAAG,EAAA,EAAC,IAAI,EAAE,CAAC,EAAA,QAAA,EAAA,CACT,KAAK,KACJC,GAAA,CAAC,EAAE,EAAA,EAAC,UAAU,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,EAAA,QAAA,EACxB,KAAK,EAAA,CACH,CACN,EACDA,GAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,SAAS,EAAA,QAAA,EAAE,WAAW,EAAA,CAAQ,CAAA,EAAA,CACtC,EACNA,GAAA,CAAC,WAAW,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,IAAI,EAAA,CAAG,CAAA,EAAA,CACtC;;;;"}

package/dist/components/Toast/Toast.styles.d.ts

@@ -1,23 +1,29 @@
+/**
+ * Toast variant styles using the Golden Ratio color system.
+ *
+ * Uses `lightest` backgrounds with `lighter` borders and `dark` text
+ * for optimal readability and WCAG AA compliance.
+ */
 export declare const toastStyles: {
     info: {
-        bg: "primary.light";
+        bg: "primary.lightest";
         color: "primary.dark";
         borderColor: "primary.lighter";
     };
     warning: {
-        bg: "warning.lighter";
+        bg: "warning.lightest";
         color: "warning.dark";
-        borderColor: "warning.light";
+        borderColor: "warning.lighter";
     };
     success: {
-        bg: "success.lighter";
+        bg: "success.lightest";
         color: "success.dark";
-        borderColor: "success.light";
+        borderColor: "success.lighter";
     };
     error: {
-        bg: "danger.lighter";
+        bg: "danger.lightest";
         color: "danger.dark";
-        borderColor: "danger.light";
+        borderColor: "danger.lighter";
     };
 };
 //# sourceMappingURL=Toast.styles.d.ts.map

package/dist/components/Toast/Toast.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;CAqB8B,CAAC"}
+{"version":3,"file":"Toast.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.styles.ts"],"names":[],"mappings":"AAIA;;;;;GAKG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;CAqB8B,CAAC"}

package/dist/components/Toast/Toast.styles.js

@@ -1,26 +1,32 @@
 "use client";
 'use strict';
 
+/**
+ * Toast variant styles using the Golden Ratio color system.
+ *
+ * Uses `lightest` backgrounds with `lighter` borders and `dark` text
+ * for optimal readability and WCAG AA compliance.
+ */
 const toastStyles = {
     info: {
-        bg: 'primary.light',
-        color: 'primary.dark',
-        borderColor: 'primary.lighter',
+        bg: 'primary.lightest', // #E8EEFB
+        color: 'primary.dark', // #0D317D
+        borderColor: 'primary.lighter', // #B9CBF3
     },
     warning: {
-        bg: 'warning.lighter',
-        color: 'warning.dark',
-        borderColor: 'warning.light',
+        bg: 'warning.lightest', // #FBF6E8
+        color: 'warning.dark', // #7D610D
+        borderColor: 'warning.lighter', // #F3E4B9
     },
     success: {
-        bg: 'success.lighter',
-        color: 'success.dark',
-        borderColor: 'success.light',
+        bg: 'success.lightest', // #E9FBE8
+        color: 'success.dark', // #147D0D
+        borderColor: 'success.lighter', // #BDF3B9
     },
     error: {
-        bg: 'danger.lighter',
-        color: 'danger.dark',
-        borderColor: 'danger.light',
+        bg: 'danger.lightest', // #FBE8E9
+        color: 'danger.dark', // #7D0D14
+        borderColor: 'danger.lighter', // #F3B9BD
     },
 };
 

package/dist/components/Toast/Toast.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.styles.js","sources":["../../../src/components/Toast/Toast.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIO,MAAM,WAAW,GAAG;AACzB,IAAA,IAAI,EAAE;AACJ,QAAA,EAAE,EAAE,eAAe;AACnB,QAAA,KAAK,EAAE,cAAc;AACrB,QAAA,WAAW,EAAE,iBAAiB;AAC/B,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE,iBAAiB;AACrB,QAAA,KAAK,EAAE,cAAc;AACrB,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE,iBAAiB;AACrB,QAAA,KAAK,EAAE,cAAc;AACrB,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,EAAE,EAAE,gBAAgB;AACpB,QAAA,KAAK,EAAE,aAAa;AACpB,QAAA,WAAW,EAAE,cAAc;AAC5B,KAAA;;;;;"}
+{"version":3,"file":"Toast.styles.js","sources":["../../../src/components/Toast/Toast.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIA;;;;;AAKG;AACI,MAAM,WAAW,GAAG;AACzB,IAAA,IAAI,EAAE;QACJ,EAAE,EAAE,kBAAkB;QACtB,KAAK,EAAE,cAAc;QACrB,WAAW,EAAE,iBAAiB;AAC/B,KAAA;AACD,IAAA,OAAO,EAAE;QACP,EAAE,EAAE,kBAAkB;QACtB,KAAK,EAAE,cAAc;QACrB,WAAW,EAAE,iBAAiB;AAC/B,KAAA;AACD,IAAA,OAAO,EAAE;QACP,EAAE,EAAE,kBAAkB;QACtB,KAAK,EAAE,cAAc;QACrB,WAAW,EAAE,iBAAiB;AAC/B,KAAA;AACD,IAAA,KAAK,EAAE;QACL,EAAE,EAAE,iBAAiB;QACrB,KAAK,EAAE,aAAa;QACpB,WAAW,EAAE,gBAAgB;AAC9B,KAAA;;;;;"}

package/dist/components/Toast/Toast.styles.mjs

@@ -1,24 +1,30 @@
 "use client";
+/**
+ * Toast variant styles using the Golden Ratio color system.
+ *
+ * Uses `lightest` backgrounds with `lighter` borders and `dark` text
+ * for optimal readability and WCAG AA compliance.
+ */
 const toastStyles = {
     info: {
-        bg: 'primary.light',
-        color: 'primary.dark',
-        borderColor: 'primary.lighter',
+        bg: 'primary.lightest', // #E8EEFB
+        color: 'primary.dark', // #0D317D
+        borderColor: 'primary.lighter', // #B9CBF3
     },
     warning: {
-        bg: 'warning.lighter',
-        color: 'warning.dark',
-        borderColor: 'warning.light',
+        bg: 'warning.lightest', // #FBF6E8
+        color: 'warning.dark', // #7D610D
+        borderColor: 'warning.lighter', // #F3E4B9
     },
     success: {
-        bg: 'success.lighter',
-        color: 'success.dark',
-        borderColor: 'success.light',
+        bg: 'success.lightest', // #E9FBE8
+        color: 'success.dark', // #147D0D
+        borderColor: 'success.lighter', // #BDF3B9
     },
     error: {
-        bg: 'danger.lighter',
-        color: 'danger.dark',
-        borderColor: 'danger.light',
+        bg: 'danger.lightest', // #FBE8E9
+        color: 'danger.dark', // #7D0D14
+        borderColor: 'danger.lighter', // #F3B9BD
     },
 };
 

package/dist/components/Toast/Toast.styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.styles.mjs","sources":["../../../src/components/Toast/Toast.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAIO,MAAM,WAAW,GAAG;AACzB,IAAA,IAAI,EAAE;AACJ,QAAA,EAAE,EAAE,eAAe;AACnB,QAAA,KAAK,EAAE,cAAc;AACrB,QAAA,WAAW,EAAE,iBAAiB;AAC/B,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE,iBAAiB;AACrB,QAAA,KAAK,EAAE,cAAc;AACrB,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE,iBAAiB;AACrB,QAAA,KAAK,EAAE,cAAc;AACrB,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,EAAE,EAAE,gBAAgB;AACpB,QAAA,KAAK,EAAE,aAAa;AACpB,QAAA,WAAW,EAAE,cAAc;AAC5B,KAAA;;;;;"}
+{"version":3,"file":"Toast.styles.mjs","sources":["../../../src/components/Toast/Toast.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAIA;;;;;AAKG;AACI,MAAM,WAAW,GAAG;AACzB,IAAA,IAAI,EAAE;QACJ,EAAE,EAAE,kBAAkB;QACtB,KAAK,EAAE,cAAc;QACrB,WAAW,EAAE,iBAAiB;AAC/B,KAAA;AACD,IAAA,OAAO,EAAE;QACP,EAAE,EAAE,kBAAkB;QACtB,KAAK,EAAE,cAAc;QACrB,WAAW,EAAE,iBAAiB;AAC/B,KAAA;AACD,IAAA,OAAO,EAAE;QACP,EAAE,EAAE,kBAAkB;QACtB,KAAK,EAAE,cAAc;QACrB,WAAW,EAAE,iBAAiB;AAC/B,KAAA;AACD,IAAA,KAAK,EAAE;QACL,EAAE,EAAE,iBAAiB;QACrB,KAAK,EAAE,aAAa;QACpB,WAAW,EAAE,gBAAgB;AAC9B,KAAA;;;;;"}

package/dist/components/Toast/Toast.types.d.ts

@@ -1,13 +1,18 @@
 import { ReactNode } from 'react';
-import { BoxProps, ChakraProps, UseToastOptions as ChakraUseToastOptions } from '@chakra-ui/react';
+import { BoxProps } from '@chakra-ui/react';
 export interface MLToastOptions {
     title?: ReactNode;
     description: ReactNode;
-    status?: Extract<ChakraUseToastOptions['status'], 'info' | 'warning' | 'success' | 'error'>;
+    status?: 'info' | 'warning' | 'success' | 'error';
 }
 export interface ToastProps extends Omit<BoxProps, 'title'>, MLToastOptions {
 }
-export type UseToastOptions = ChakraUseToastOptions & MLToastOptions & {
-    styles?: ChakraProps;
-};
+export type ToastPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end';
+export interface UseToastOptions extends MLToastOptions {
+    duration?: number;
+    /** Toast placement */
+    placement?: ToastPlacement;
+    styles?: BoxProps;
+    [key: string]: any;
+}
 //# sourceMappingURL=Toast.types.d.ts.map

package/dist/components/Toast/Toast.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.types.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EACL,QAAQ,EACR,WAAW,EACX,eAAe,IAAI,qBAAqB,EACzC,MAAM,kBAAkB,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,EAAE,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CACd,qBAAqB,CAAC,QAAQ,CAAC,EAC/B,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CACzC,CAAC;CACH;AAED,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAE,cAAc;CAAG;AAE9E,MAAM,MAAM,eAAe,GAAG,qBAAqB,GACjD,cAAc,GAAG;IACf,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB,CAAC"}
+{"version":3,"file":"Toast.types.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,EAAE,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;CACnD;AAED,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAE,cAAc;CAAG;AAE9E,MAAM,MAAM,cAAc,GACtB,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,CAAC;AAEjB,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sBAAsB;IACtB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB"}

package/dist/components/Toast/useToast.d.ts

@@ -1,14 +1,8 @@
-import { ToastId } from '@chakra-ui/react';
 import { UseToastOptions } from './Toast.types';
-export declare const useToast: (props?: UseToastOptions) => (({ status, title, description, position, styles: stylesProp, ...rest }: UseToastOptions) => ToastId) & {
-    close: (id: ToastId) => void;
-    closeAll: (options?: import("@chakra-ui/react/dist/types/toast/toast.types").CloseAllToastsOptions | undefined) => void;
-    update: (id: ToastId, options: Omit<import("@chakra-ui/react").UseToastOptions, "id">) => void;
-    isActive: (id: ToastId) => boolean;
-    promise: <Result extends unknown, Err extends Error = Error>(promise: Promise<Result>, options: {
-        success: import("@chakra-ui/react/dist/types/toast/toast").MaybeFunction<import("@chakra-ui/react/dist/types/toast/toast").UseToastPromiseOption, [Result]>;
-        error: import("@chakra-ui/react/dist/types/toast/toast").MaybeFunction<import("@chakra-ui/react/dist/types/toast/toast").UseToastPromiseOption, [Err]>;
-        loading: import("@chakra-ui/react/dist/types/toast/toast").UseToastPromiseOption;
-    }) => void;
+export declare const Toaster: () => import("react/jsx-runtime").JSX.Element;
+export declare const useToast: () => (({ status, title, description, placement, styles: stylesProp, duration, ...rest }: UseToastOptions) => string) & {
+    dismiss: (id?: string) => void;
+    dismissAll: () => void;
+    update: (id: string, data: Partial<import("@zag-js/toast").Props<any>>) => string;
 };
 //# sourceMappingURL=useToast.d.ts.map

package/dist/components/Toast/useToast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/useToast.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAA8B,MAAM,kBAAkB,CAAC;AAIvE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAIhD,eAAO,MAAM,QAAQ,GAAI,QAAQ,eAAe,8EAW3C,eAAe;;;;;;;;;;CAoDnB,CAAC"}
+{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/useToast.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAWhD,eAAO,MAAM,OAAO,+CAInB,CAAC;AAEF,eAAO,MAAM,QAAQ,4FAWhB,eAAe;;;;CAwDnB,CAAC"}

package/dist/components/Toast/useToast.js

@@ -8,10 +8,17 @@ var Toast = require('./Toast.js');
 var Toast_styles = require('./Toast.styles.js');
 
 const MAX_TOASTS = 3;
-const useToast = (props) => {
-    const toast = react.useToast();
+// Create a toaster instance
+const toaster = react.createToaster({
+    placement: 'top',
+    duration: 5000,
+});
+// Export Toaster component for rendering in app
+const Toaster = () => (jsxRuntime.jsx(react.Toaster, { toaster: toaster, insetInline: { mdDown: '4' }, children: (toast) => toast.render?.({ id: toast.id }) }));
+const useToast = () => {
     const activeToasts = React.useRef([]); // Track active toast IDs
-    const showToast = ({ status = 'success', title, description, position = 'top', styles: stylesProp, ...rest }) => {
+    const showToast = ({ status = 'success', title, description, placement, styles: stylesProp, duration = 5000, ...rest }) => {
+        const toastPlacement = placement ?? 'top';
         const styles = {
             ...Toast_styles.toastStyles[status],
             ...stylesProp,
@@ -20,20 +27,20 @@ const useToast = (props) => {
         if (activeToasts.current.length >= MAX_TOASTS) {
             const [oldestToastId] = activeToasts.current;
             if (oldestToastId) {
-                toast.close(oldestToastId); // Close the oldest toast
+                toaster.dismiss(oldestToastId); // Close the oldest toast
                 activeToasts.current.shift(); // Remove it from the list
             }
         }
         // Create a new toast and capture its ID
-        const toastId = toast({
-            duration: 5000,
-            isClosable: true,
-            position,
-            ...props,
-            render: () => (jsxRuntime.jsx(Toast.Toast, { title: title || '', description: description, status: status, onClose: () => toast.close(toastId), ...styles })),
-            onCloseComplete: () => {
-                // Remove the toast ID from the active list once closed
-                activeToasts.current = activeToasts.current.filter((id) => id !== toastId);
+        const toastId = toaster.create({
+            duration,
+            placement: toastPlacement,
+            render: ({ id }) => (jsxRuntime.jsx(Toast.Toast, { title: title || '', description: description, status: status, onClose: () => toaster.dismiss(id), ...styles })),
+            onStatusChange: ({ status: toastStatus }) => {
+                if (toastStatus === 'unmounted') {
+                    // Remove the toast ID from the active list once closed
+                    activeToasts.current = activeToasts.current.filter((id) => id !== toastId);
+                }
             },
             ...rest,
         });
@@ -41,14 +48,17 @@ const useToast = (props) => {
         activeToasts.current.push(toastId);
         return toastId;
     };
+    const dismissAll = () => {
+        activeToasts.current.forEach((id) => toaster.dismiss(id));
+        activeToasts.current = [];
+    };
     return Object.assign(showToast, {
-        close: toast.close,
-        closeAll: toast.closeAll,
-        update: toast.update,
-        isActive: toast.isActive,
-        promise: toast.promise,
+        dismiss: toaster.dismiss,
+        dismissAll,
+        update: toaster.update,
     });
 };
 
+exports.Toaster = Toaster;
 exports.useToast = useToast;
 //# sourceMappingURL=useToast.js.map

package/dist/components/Toast/useToast.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToast.js","sources":["../../../src/components/Toast/useToast.tsx"],"sourcesContent":[null],"names":["useChakraToast","useRef","toastStyles","_jsx","Toast"],"mappings":";;;;;;;;;AAOA,MAAM,UAAU,GAAG,CAAC;AAEb,MAAM,QAAQ,GAAG,CAAC,KAAuB,KAAI;AAClD,IAAA,MAAM,KAAK,GAAGA,cAAc,EAAE;IAC9B,MAAM,YAAY,GAAGC,YAAM,CAAY,EAAE,CAAC,CAAC;IAE3C,MAAM,SAAS,GAAG,CAAC,EACjB,MAAM,GAAG,SAAS,EAClB,KAAK,EACL,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,MAAM,EAAE,UAAU,EAClB,GAAG,IAAI,EACS,KAAI;AACpB,QAAA,MAAM,MAAM,GAAG;YACb,GAAGC,wBAAW,CAAC,MAAM,CAAC;AACtB,YAAA,GAAG,UAAU;SACd;;QAGD,IAAI,YAAY,CAAC,OAAO,CAAC,MAAM,IAAI,UAAU,EAAE;AAC7C,YAAA,MAAM,CAAC,aAAa,CAAC,GAAG,YAAY,CAAC,OAAO;YAC5C,IAAI,aAAa,EAAE;AACjB,gBAAA,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;AAC3B,gBAAA,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC/B;QACF;;QAGA,MAAM,OAAO,GAAG,KAAK,CAAC;AACpB,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,UAAU,EAAE,IAAI;YAChB,QAAQ;AACR,YAAA,GAAG,KAAK;AACR,YAAA,MAAM,EAAE,OACNC,eAACC,WAAK,EAAA,EACJ,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAA,GAC/B,MAAM,GACV,CACH;YACD,eAAe,EAAE,MAAK;;AAEpB,gBAAA,YAAY,CAAC,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC,MAAM,CAChD,CAAC,EAAE,KAAK,EAAE,KAAK,OAAO,CACvB;YACH,CAAC;AACD,YAAA,GAAG,IAAI;AACR,SAAA,CAAC;;AAGF,QAAA,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;AAElC,QAAA,OAAO,OAAO;AAChB,IAAA,CAAC;AAED,IAAA,OAAO,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;QAC9B,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,OAAO,EAAE,KAAK,CAAC,OAAO;AACvB,KAAA,CAAC;AACJ;;;;"}
+{"version":3,"file":"useToast.js","sources":["../../../src/components/Toast/useToast.tsx"],"sourcesContent":[null],"names":["createToaster","_jsx","ChakraToaster","useRef","toastStyles","Toast"],"mappings":";;;;;;;;;AAOA,MAAM,UAAU,GAAG,CAAC;AAEpB;AACA,MAAM,OAAO,GAAGA,mBAAa,CAAC;AAC5B,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,QAAQ,EAAE,IAAI;AACf,CAAA,CAAC;AAEF;AACO,MAAM,OAAO,GAAG,OACrBC,cAAA,CAACC,aAAa,EAAA,EAAC,OAAO,EAAE,OAAc,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAAA,QAAA,EACjE,CAAC,KAAU,KAAK,KAAK,CAAC,MAAM,GAAG,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,EAAA,CACnC;AAGX,MAAM,QAAQ,GAAG,MAAK;IAC3B,MAAM,YAAY,GAAGC,YAAM,CAAW,EAAE,CAAC,CAAC;IAE1C,MAAM,SAAS,GAAG,CAAC,EACjB,MAAM,GAAG,SAAS,EAClB,KAAK,EACL,WAAW,EACX,SAAS,EACT,MAAM,EAAE,UAAU,EAClB,QAAQ,GAAG,IAAI,EACf,GAAG,IAAI,EACS,KAAI;AACpB,QAAA,MAAM,cAAc,GAAG,SAAS,IAAI,KAAK;AACzC,QAAA,MAAM,MAAM,GAAG;YACb,GAAGC,wBAAW,CAAC,MAAM,CAAC;AACtB,YAAA,GAAG,UAAU;SACd;;QAGD,IAAI,YAAY,CAAC,OAAO,CAAC,MAAM,IAAI,UAAU,EAAE;AAC7C,YAAA,MAAM,CAAC,aAAa,CAAC,GAAG,YAAY,CAAC,OAAO;YAC5C,IAAI,aAAa,EAAE;AACjB,gBAAA,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;AAC/B,gBAAA,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC/B;QACF;;AAGA,QAAA,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC;YAC7B,QAAQ;AACR,YAAA,SAAS,EAAE,cAAc;AACzB,YAAA,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,MACbH,cAAA,CAACI,WAAK,IACJ,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,EAAA,GAC9B,MAAM,GACV,CACH;YACD,cAAc,EAAE,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,KAAI;AAC1C,gBAAA,IAAI,WAAW,KAAK,WAAW,EAAE;;AAE/B,oBAAA,YAAY,CAAC,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC,MAAM,CAChD,CAAC,EAAE,KAAK,EAAE,KAAK,OAAO,CACvB;gBACH;YACF,CAAC;AACD,YAAA,GAAG,IAAI;AACD,SAAA,CAAC;;AAGT,QAAA,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;AAElC,QAAA,OAAO,OAAO;AAChB,IAAA,CAAC;IAED,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;AACzD,QAAA,YAAY,CAAC,OAAO,GAAG,EAAE;AAC3B,IAAA,CAAC;AAED,IAAA,OAAO,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;QAC9B,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,UAAU;QACV,MAAM,EAAE,OAAO,CAAC,MAAM;AACvB,KAAA,CAAC;AACJ;;;;;"}