aha-components 1.7.12 → 1.8.2

package/dist/stories/DesignTokens.stories 2.d.ts

@@ -0,0 +1,5 @@
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Overview: Story;

package/dist/theme/Theme.stories 2.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ThemeProvider } from './ThemeContext';
+declare const meta: Meta<typeof ThemeProvider>;
+export default meta;
+type Story = StoryObj<typeof ThemeProvider>;
+export declare const DefaultTheme: Story;
+export declare const BlueTheme: Story;
+export declare const GreenTheme: Story;
+export declare const PurpleTheme: Story;
+export declare const TableWithTheme: Story;

package/dist/theme/ThemeContext 2.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface ThemeConfig {
+    primaryColor?: string;
+}
+export interface ThemeProviderProps {
+    theme?: ThemeConfig;
+    children: React.ReactNode;
+}
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;
+export declare const useTheme: () => ThemeConfig;
+export declare const getDefaultPrimaryColor: () => string;

package/dist/theme/utils 2.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 根据主题色生成相关的颜色变体
+ */
+export declare const generateColorVariants: (primaryColor: string) => {
+    default: string;
+    hover: string;
+    pressed: string;
+    light: string;
+    border: string;
+};

package/dist/theme.css

@@ -85,6 +85,20 @@
   --color-gray-900: #1c1917;
   --color-gray-950: #171412;
 
+  /* gray-blue */
+  --color-gray-blue-25: #fcfcfd;
+  --color-gray-blue-50: #f8f9fc;
+  --color-gray-blue-100: #eaecf5;
+  --color-gray-blue-200: #d5d9eb;
+  --color-gray-blue-300: #b3b8db;
+  --color-gray-blue-400: #717bbc;
+  --color-gray-blue-500: #4e5ba6;
+  --color-gray-blue-600: #3e4784;
+  --color-gray-blue-700: #363f72;
+  --color-gray-blue-800: #293056;
+  --color-gray-blue-900: #101323;
+  --color-gray-blue-950: #0d0f1c;
+
   /* moss */
   --color-moss-25: #fafdf7;
   --color-moss-50: #f5fbee;
@@ -580,6 +594,18 @@
   --color-gray-800: var(--color-gray-800);
   --color-gray-900: var(--color-gray-900);
   --color-gray-950: var(--color-gray-950);
+  --color-gray-blue-25: var(--color-gray-blue-25);
+  --color-gray-blue-50: var(--color-gray-blue-50);
+  --color-gray-blue-100: var(--color-gray-blue-100);
+  --color-gray-blue-200: var(--color-gray-blue-200);
+  --color-gray-blue-300: var(--color-gray-blue-300);
+  --color-gray-blue-400: var(--color-gray-blue-400);
+  --color-gray-blue-500: var(--color-gray-blue-500);
+  --color-gray-blue-600: var(--color-gray-blue-600);
+  --color-gray-blue-700: var(--color-gray-blue-700);
+  --color-gray-blue-800: var(--color-gray-blue-800);
+  --color-gray-blue-900: var(--color-gray-blue-900);
+  --color-gray-blue-950: var(--color-gray-blue-950);
   --color-moss-25: var(--color-moss-25);
   --color-moss-50: var(--color-moss-50);
   --color-moss-100: var(--color-moss-100);

package/dist/tokens.d.ts

@@ -91,6 +91,20 @@ export declare const colorNeutral: {
     readonly 900: "#1c1917";
     readonly 950: "#171412";
 };
+export declare const colorGrayBlue: {
+    readonly 25: "#fcfcfd";
+    readonly 50: "#f8f9fc";
+    readonly 100: "#eaecf5";
+    readonly 200: "#d5d9eb";
+    readonly 300: "#b3b8db";
+    readonly 400: "#717bbc";
+    readonly 500: "#4e5ba6";
+    readonly 600: "#3e4784";
+    readonly 700: "#363f72";
+    readonly 800: "#293056";
+    readonly 900: "#101323";
+    readonly 950: "#0d0f1c";
+};
 export declare const colorMoss: {
     readonly 25: "#fafdf7";
     readonly 50: "#f5fbee";
@@ -624,6 +638,7 @@ export declare const focusRing: {
     readonly shadowSm: "0px 1px 3px 0px #0a0d121a, 0px 1px 2px 0px #0a0d121a, 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px var(--color-brand-500)";
     readonly error: "0px 0px 0px 2px #ffffff, 0px 0px 0px 4px var(--color-error-500)";
     readonly errorShadowXs: "0px 1px 2px 0px #0a0d120d, 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px var(--color-error-500)";
+    readonly errorShadowXsSkeuomorphic: "inset 0px 0px 0px 1px #0a0d122e, inset 0px -2px 0px 0px #0a0d120d, 0px 1px 2px 0px #0a0d120d, 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px var(--color-error-500)";
 };
 export declare const backdropBlur: {
     readonly sm: "blur(8px)";
@@ -718,6 +733,20 @@ declare const tokens: {
             readonly 900: "#1c1917";
             readonly 950: "#171412";
         };
+        readonly grayBlue: {
+            readonly 25: "#fcfcfd";
+            readonly 50: "#f8f9fc";
+            readonly 100: "#eaecf5";
+            readonly 200: "#d5d9eb";
+            readonly 300: "#b3b8db";
+            readonly 400: "#717bbc";
+            readonly 500: "#4e5ba6";
+            readonly 600: "#3e4784";
+            readonly 700: "#363f72";
+            readonly 800: "#293056";
+            readonly 900: "#101323";
+            readonly 950: "#0d0f1c";
+        };
         readonly moss: {
             readonly 25: "#fafdf7";
             readonly 50: "#f5fbee";
@@ -1231,6 +1260,7 @@ declare const tokens: {
         readonly shadowSm: "0px 1px 3px 0px #0a0d121a, 0px 1px 2px 0px #0a0d121a, 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px var(--color-brand-500)";
         readonly error: "0px 0px 0px 2px #ffffff, 0px 0px 0px 4px var(--color-error-500)";
         readonly errorShadowXs: "0px 1px 2px 0px #0a0d120d, 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px var(--color-error-500)";
+        readonly errorShadowXsSkeuomorphic: "inset 0px 0px 0px 1px #0a0d122e, inset 0px -2px 0px 0px #0a0d120d, 0px 1px 2px 0px #0a0d120d, 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px var(--color-error-500)";
     };
     readonly backdropBlur: {
         readonly sm: "blur(8px)";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aha-components",
-  "version": "1.7.12",
+  "version": "1.8.2",
   "description": "A React component library with tree-shaking support",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",

package/dist/AlertComponent.esm.js

@@ -1,2 +0,0 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";var o=function(o){var t=o.children,n=o.variant,l=void 0===n?"info":n,a=o.className,c=void 0===a?"":a,i=o.onClose,d="".concat("border rounded-md p-4 relative"," ").concat({success:"bg-green-50 border-green-200 text-green-800",error:"bg-red-50 border-red-200 text-red-800",warning:"bg-yellow-50 border-yellow-200 text-yellow-800",info:"bg-blue-50 border-blue-200 text-blue-800"}[l]," ").concat(c);return e("div",{className:d,children:r("div",{className:"flex",children:[e("div",{className:"flex-1",children:t}),i&&e("button",{onClick:i,className:"ml-3 text-current hover:opacity-70 transition-opacity",children:"✕"})]})})};export{o as default};
-//# sourceMappingURL=AlertComponent.esm.js.map

package/dist/AlertComponent.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertComponent.esm.js","sources":["../src/components/AlertComponent/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface AlertComponentProps {\n  children: React.ReactNode;\n  variant?: 'success' | 'error' | 'warning' | 'info';\n  className?: string;\n  onClose?: () => void;\n}\n\nconst AlertComponent: React.FC<AlertComponentProps> = ({\n  children,\n  variant = 'info',\n  className = '',\n  onClose,\n}) => {\n  const variantClasses = {\n    success: 'bg-green-50 border-green-200 text-green-800',\n    error: 'bg-red-50 border-red-200 text-red-800',\n    warning: 'bg-yellow-50 border-yellow-200 text-yellow-800',\n    info: 'bg-blue-50 border-blue-200 text-blue-800',\n  };\n\n  const baseClasses = 'border rounded-md p-4 relative';\n  const classes = `${baseClasses} ${variantClasses[variant]} ${className}`;\n\n  return (\n    <div className={classes}>\n      <div className=\"flex\">\n        <div className=\"flex-1\">{children}</div>\n        {onClose && (\n          <button\n            onClick={onClose}\n            className=\"ml-3 text-current hover:opacity-70 transition-opacity\"\n          >\n            ✕\n          </button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default AlertComponent;\n"],"names":["AlertComponent","_a","children","_b","variant","_c","className","onClose","classes","concat","success","error","warning","info","_jsx","_jsxs","onClick"],"mappings":"kDASM,IAAAA,EAAgD,SAACC,GACrD,IAAAC,aACAC,EAAAF,EAAAG,QAAAA,aAAU,OAAMD,EAChBE,EAAAJ,EAAAK,UAAAA,OAAS,IAAAD,EAAG,GAAEA,EACdE,EAAON,EAAAM,QAUDC,EAAU,GAAGC,OADC,iCACc,KAAAA,OARX,CACrBC,QAAS,8CACTC,MAAO,wCACPC,QAAS,iDACTC,KAAM,4CAIyCT,GAAQ,KAAAK,OAAIH,GAE7D,OACEQ,EAAA,MAAA,CAAKR,UAAWE,EACdN,SAAAa,EAAA,MAAA,CAAKT,UAAU,OACbJ,SAAA,CAAAY,EAAA,MAAA,CAAKR,UAAU,SAAUJ,SAAAA,IACxBK,GACCO,EACE,SAAA,CAAAE,QAAST,EACTD,UAAU,wDAGHJ,SAAA,UAKnB"}

package/dist/AlertComponent.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime");module.exports=function(r){var t=r.children,o=r.variant,n=void 0===o?"info":o,l=r.className,c=void 0===l?"":l,i=r.onClose,s="".concat("border rounded-md p-4 relative"," ").concat({success:"bg-green-50 border-green-200 text-green-800",error:"bg-red-50 border-red-200 text-red-800",warning:"bg-yellow-50 border-yellow-200 text-yellow-800",info:"bg-blue-50 border-blue-200 text-blue-800"}[n]," ").concat(c);return e.jsx("div",{className:s,children:e.jsxs("div",{className:"flex",children:[e.jsx("div",{className:"flex-1",children:t}),i&&e.jsx("button",{onClick:i,className:"ml-3 text-current hover:opacity-70 transition-opacity",children:"✕"})]})})};
-//# sourceMappingURL=AlertComponent.js.map

package/dist/AlertComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertComponent.js","sources":["../src/components/AlertComponent/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface AlertComponentProps {\n  children: React.ReactNode;\n  variant?: 'success' | 'error' | 'warning' | 'info';\n  className?: string;\n  onClose?: () => void;\n}\n\nconst AlertComponent: React.FC<AlertComponentProps> = ({\n  children,\n  variant = 'info',\n  className = '',\n  onClose,\n}) => {\n  const variantClasses = {\n    success: 'bg-green-50 border-green-200 text-green-800',\n    error: 'bg-red-50 border-red-200 text-red-800',\n    warning: 'bg-yellow-50 border-yellow-200 text-yellow-800',\n    info: 'bg-blue-50 border-blue-200 text-blue-800',\n  };\n\n  const baseClasses = 'border rounded-md p-4 relative';\n  const classes = `${baseClasses} ${variantClasses[variant]} ${className}`;\n\n  return (\n    <div className={classes}>\n      <div className=\"flex\">\n        <div className=\"flex-1\">{children}</div>\n        {onClose && (\n          <button\n            onClick={onClose}\n            className=\"ml-3 text-current hover:opacity-70 transition-opacity\"\n          >\n            ✕\n          </button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default AlertComponent;\n"],"names":["_a","children","_b","variant","_c","className","onClose","classes","concat","success","error","warning","info","_jsx","_jsxs","onClick"],"mappings":"+DASsD,SAACA,GACrD,IAAAC,aACAC,EAAAF,EAAAG,QAAAA,aAAU,OAAMD,EAChBE,EAAAJ,EAAAK,UAAAA,OAAS,IAAAD,EAAG,GAAEA,EACdE,EAAON,EAAAM,QAUDC,EAAU,GAAGC,OADC,iCACc,KAAAA,OARX,CACrBC,QAAS,8CACTC,MAAO,wCACPC,QAAS,iDACTC,KAAM,4CAIyCT,GAAQ,KAAAK,OAAIH,GAE7D,OACEQ,EAAAA,IAAA,MAAA,CAAKR,UAAWE,EACdN,SAAAa,OAAA,MAAA,CAAKT,UAAU,OACbJ,SAAA,CAAAY,EAAAA,IAAA,MAAA,CAAKR,UAAU,SAAUJ,SAAAA,IACxBK,GACCO,EAAAA,IACE,SAAA,CAAAE,QAAST,EACTD,UAAU,wDAGHJ,SAAA,UAKnB"}

package/dist/Card.esm.js

@@ -1,2 +0,0 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";var a=function(a){var t=a.children,o=a.title,c=a.subtitle,s=a.className,d=void 0===s?"":s,i=a.onClick,l=i?"cursor-pointer":"",n="".concat("bg-white border border-gray-200 rounded-lg shadow-sm hover:shadow-md transition-shadow"," ").concat(l," ").concat(d);return r("div",{className:n,onClick:i,children:[(o||c)&&r("div",{className:"px-6 py-4 border-b border-gray-200",children:[o&&e("h3",{className:"text-lg font-semibold text-gray-900",children:o}),c&&e("p",{className:"mt-1 text-sm text-gray-600",children:c})]}),e("div",{className:"px-6 py-4",children:t})]})};export{a as default};
-//# sourceMappingURL=Card.esm.js.map

package/dist/Card.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.esm.js","sources":["../src/components/Card/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface CardProps {\n  children: React.ReactNode;\n  title?: string;\n  subtitle?: string;\n  className?: string;\n  onClick?: () => void;\n}\n\nconst Card: React.FC<CardProps> = ({\n  children,\n  title,\n  subtitle,\n  className = '',\n  onClick,\n}) => {\n  const baseClasses = 'bg-white border border-gray-200 rounded-lg shadow-sm hover:shadow-md transition-shadow';\n  const clickableClasses = onClick ? 'cursor-pointer' : '';\n  const classes = `${baseClasses} ${clickableClasses} ${className}`;\n  \n  return (\n    <div className={classes} onClick={onClick}>\n      {(title || subtitle) && (\n        <div className=\"px-6 py-4 border-b border-gray-200\">\n          {title && <h3 className=\"text-lg font-semibold text-gray-900\">{title}</h3>}\n          {subtitle && <p className=\"mt-1 text-sm text-gray-600\">{subtitle}</p>}\n        </div>\n      )}\n      <div className=\"px-6 py-4\">\n        {children}\n      </div>\n    </div>\n  );\n};\n\nexport default Card; "],"names":["Card","_a","children","title","subtitle","_b","className","onClick","clickableClasses","classes","concat","_jsxs","_jsx"],"mappings":"kDAUM,IAAAA,EAA4B,SAACC,GACjC,IAAAC,aACAC,EAAKF,EAAAE,MACLC,EAAQH,EAAAG,SACRC,EAAcJ,EAAAK,UAAdA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAAON,EAAAM,QAGDC,EAAmBD,EAAU,iBAAmB,GAChDE,EAAU,GAAGC,OAFC,qGAEcF,EAAgB,KAAAE,OAAIJ,GAEtD,OACEK,EAAK,MAAA,CAAAL,UAAWG,EAASF,QAASA,EAAOL,SAAA,EACrCC,GAASC,IACTO,EAAK,MAAA,CAAAL,UAAU,qCAAoCJ,SAAA,CAChDC,GAASS,EAAI,KAAA,CAAAN,UAAU,sCAAqCJ,SAAEC,IAC9DC,GAAYQ,EAAG,IAAA,CAAAN,UAAU,6BAA8BJ,SAAAE,OAG5DQ,EAAA,MAAA,CAAKN,UAAU,YAAWJ,SACvBA,MAIT"}

package/dist/Card.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime");module.exports=function(r){var s=r.children,t=r.title,a=r.subtitle,c=r.className,i=void 0===c?"":c,o=r.onClick,d=o?"cursor-pointer":"",l="".concat("bg-white border border-gray-200 rounded-lg shadow-sm hover:shadow-md transition-shadow"," ").concat(d," ").concat(i);return e.jsxs("div",{className:l,onClick:o,children:[(t||a)&&e.jsxs("div",{className:"px-6 py-4 border-b border-gray-200",children:[t&&e.jsx("h3",{className:"text-lg font-semibold text-gray-900",children:t}),a&&e.jsx("p",{className:"mt-1 text-sm text-gray-600",children:a})]}),e.jsx("div",{className:"px-6 py-4",children:s})]})};
-//# sourceMappingURL=Card.js.map

package/dist/Card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.js","sources":["../src/components/Card/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface CardProps {\n  children: React.ReactNode;\n  title?: string;\n  subtitle?: string;\n  className?: string;\n  onClick?: () => void;\n}\n\nconst Card: React.FC<CardProps> = ({\n  children,\n  title,\n  subtitle,\n  className = '',\n  onClick,\n}) => {\n  const baseClasses = 'bg-white border border-gray-200 rounded-lg shadow-sm hover:shadow-md transition-shadow';\n  const clickableClasses = onClick ? 'cursor-pointer' : '';\n  const classes = `${baseClasses} ${clickableClasses} ${className}`;\n  \n  return (\n    <div className={classes} onClick={onClick}>\n      {(title || subtitle) && (\n        <div className=\"px-6 py-4 border-b border-gray-200\">\n          {title && <h3 className=\"text-lg font-semibold text-gray-900\">{title}</h3>}\n          {subtitle && <p className=\"mt-1 text-sm text-gray-600\">{subtitle}</p>}\n        </div>\n      )}\n      <div className=\"px-6 py-4\">\n        {children}\n      </div>\n    </div>\n  );\n};\n\nexport default Card; "],"names":["_a","children","title","subtitle","_b","className","onClick","clickableClasses","classes","concat","_jsxs","jsxs","_jsx","jsx"],"mappings":"+DAUkC,SAACA,GACjC,IAAAC,aACAC,EAAKF,EAAAE,MACLC,EAAQH,EAAAG,SACRC,EAAcJ,EAAAK,UAAdA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAAON,EAAAM,QAGDC,EAAmBD,EAAU,iBAAmB,GAChDE,EAAU,GAAGC,OAFC,qGAEcF,EAAgB,KAAAE,OAAIJ,GAEtD,OACEK,EAAKC,KAAA,MAAA,CAAAN,UAAWG,EAASF,QAASA,EAAOL,SAAA,EACrCC,GAASC,IACTO,EAAAA,KAAK,MAAA,CAAAL,UAAU,qCAAoCJ,SAAA,CAChDC,GAASU,EAAIC,IAAA,KAAA,CAAAR,UAAU,sCAAqCJ,SAAEC,IAC9DC,GAAYS,EAAGC,IAAA,IAAA,CAAAR,UAAU,6BAA8BJ,SAAAE,OAG5DS,EAAAA,IAAA,MAAA,CAAKP,UAAU,YAAWJ,SACvBA,MAIT"}

package/dist/TestComponent.esm.js

@@ -1,2 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";var t=function(t){var n=t.children,r=t.className;return e("div",{className:"testcomponent-component ".concat(void 0===r?"":r),children:n})};export{t as default};
-//# sourceMappingURL=TestComponent.esm.js.map

package/dist/TestComponent.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TestComponent.esm.js","sources":["../src/components/TestComponent/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface TestComponentProps {\n  children?: React.ReactNode;\n  className?: string;\n  // TODO: 添加更多属性\n}\n\nconst TestComponent: React.FC<TestComponentProps> = ({\n  children,\n  className = '',\n}) => {\n  return (\n    <div className={`testcomponent-component ${className}`}>\n      {children}\n    </div>\n  );\n};\n\nexport default TestComponent;\n"],"names":["TestComponent","_a","children","_b","className","_jsx","concat"],"mappings":"wCAQM,IAAAA,EAA8C,SAACC,GACnD,IAAAC,aACAC,EAAAF,EAAAG,UAEA,OACEC,EAAK,MAAA,CAAAD,UAAW,2BAAAE,YAHT,IAAAH,EAAG,GAAEA,GAITD,SAAAA,GAGP"}

package/dist/TestComponent.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime");module.exports=function(r){var t=r.children,c=r.className,n=void 0===c?"":c;return e.jsx("div",{className:"testcomponent-component ".concat(n),children:t})};
-//# sourceMappingURL=TestComponent.js.map

package/dist/TestComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TestComponent.js","sources":["../src/components/TestComponent/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface TestComponentProps {\n  children?: React.ReactNode;\n  className?: string;\n  // TODO: 添加更多属性\n}\n\nconst TestComponent: React.FC<TestComponentProps> = ({\n  children,\n  className = '',\n}) => {\n  return (\n    <div className={`testcomponent-component ${className}`}>\n      {children}\n    </div>\n  );\n};\n\nexport default TestComponent;\n"],"names":["_a","children","_b","className","_jsx","concat"],"mappings":"+DAQoD,SAACA,GACnD,IAAAC,aACAC,EAAAF,EAAAG,UAAAA,OAAS,IAAAD,EAAG,GAAEA,EAEd,OACEE,MAAK,MAAA,CAAAD,UAAW,2BAAAE,OAA2BF,GACxCF,SAAAA,GAGP"}

package/dist/Toast.css

@@ -1 +0,0 @@
-.aha-toast-container{pointer-events:none;position:fixed;z-index:9999}.aha-toast-item{background:#fff;border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);max-width:380px;opacity:0;overflow:hidden;pointer-events:auto;position:relative;scale:.95;transform:translateY(8px);transition:all .3s ease-out}.aha-toast-item.visible{opacity:1;scale:1;transform:translateY(0)}.aha-toast-item.exiting{opacity:0;scale:.95;transform:translateY(8px)}.aha-toast-content{align-items:flex-start;color:#fff;display:flex;padding:16px}.aha-toast-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-right:8px;width:24px}.aha-toast-message{flex:1;min-width:0;padding-right:20px}.aha-toast-text{color:#f0fdf4;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;justify-content:flex-start;line-height:24px;width:100%}.aha-toast-action{margin-top:12px}.aha-toast-close{align-items:center;background:transparent;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;position:absolute;right:16px;top:14px;transition:all .2s;width:20px}.aha-toast-close:hover{background:hsla(0,0%,100%,.1)}.aha-toast-success{background-color:#096}.aha-toast-error{background-color:#e7000b}.aha-toast-info{background-color:#1447e6}.aha-toast-question{background-color:#1c1917}.aha-toast-top-left{left:16px;top:16px}.aha-toast-top-right{right:16px;top:16px}.aha-toast-bottom-left{bottom:16px;left:16px}.aha-toast-bottom-right{bottom:16px;right:16px}@media (max-width:640px){.aha-toast-item{margin:0 16px;max-width:calc(100vw - 32px)}.aha-toast-top-left,.aha-toast-top-right{top:8px}.aha-toast-bottom-left,.aha-toast-bottom-right{bottom:8px}}

package/dist/Toast.esm.css

@@ -1 +0,0 @@
-.aha-toast-container{pointer-events:none;position:fixed;z-index:9999}.aha-toast-item{background:#fff;border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);max-width:380px;opacity:0;overflow:hidden;pointer-events:auto;position:relative;scale:.95;transform:translateY(8px);transition:all .3s ease-out}.aha-toast-item.visible{opacity:1;scale:1;transform:translateY(0)}.aha-toast-item.exiting{opacity:0;scale:.95;transform:translateY(8px)}.aha-toast-content{align-items:flex-start;color:#fff;display:flex;padding:16px}.aha-toast-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-right:8px;width:24px}.aha-toast-message{flex:1;min-width:0;padding-right:20px}.aha-toast-text{color:#f0fdf4;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;justify-content:flex-start;line-height:24px;width:100%}.aha-toast-action{margin-top:12px}.aha-toast-close{align-items:center;background:transparent;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;position:absolute;right:16px;top:14px;transition:all .2s;width:20px}.aha-toast-close:hover{background:hsla(0,0%,100%,.1)}.aha-toast-success{background-color:#096}.aha-toast-error{background-color:#e7000b}.aha-toast-info{background-color:#1447e6}.aha-toast-question{background-color:#1c1917}.aha-toast-top-left{left:16px;top:16px}.aha-toast-top-right{right:16px;top:16px}.aha-toast-bottom-left{bottom:16px;left:16px}.aha-toast-bottom-right{bottom:16px;right:16px}@media (max-width:640px){.aha-toast-item{margin:0 16px;max-width:calc(100vw - 32px)}.aha-toast-top-left,.aha-toast-top-right{top:8px}.aha-toast-bottom-left,.aha-toast-bottom-right{bottom:8px}}

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

@@ -1,9 +0,0 @@
-import React from 'react';
-export interface AlertComponentProps {
-    children: React.ReactNode;
-    variant?: 'success' | 'error' | 'warning' | 'info';
-    className?: string;
-    onClose?: () => void;
-}
-declare const AlertComponent: React.FC<AlertComponentProps>;
-export default AlertComponent;

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

@@ -1,10 +0,0 @@
-import React from 'react';
-export interface CardProps {
-    children: React.ReactNode;
-    title?: string;
-    subtitle?: string;
-    className?: string;
-    onClick?: () => void;
-}
-declare const Card: React.FC<CardProps>;
-export default Card;

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

@@ -1,7 +0,0 @@
-import React from 'react';
-export interface TestComponentProps {
-    children?: React.ReactNode;
-    className?: string;
-}
-declare const TestComponent: React.FC<TestComponentProps>;
-export default TestComponent;