aha-components 0.0.1 → 1.0.0

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

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface InputProps {
+    value?: string;
+    placeholder?: string;
+    type?: 'text' | 'password' | 'email' | 'number';
+    disabled?: boolean;
+    onChange?: (value: string) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    className?: string;
+    size?: 'small' | 'medium' | 'large';
+}
+declare const Input: React.FC<InputProps>;
+export default Input;

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

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

package/dist/index.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+
+interface ButtonProps {
+    children: React.ReactNode;
+    variant?: 'primary' | 'secondary' | 'outline';
+    size?: 'small' | 'medium' | 'large';
+    disabled?: boolean;
+    onClick?: () => void;
+    className?: string;
+}
+declare const Button: React.FC<ButtonProps>;
+
+interface InputProps {
+    value?: string;
+    placeholder?: string;
+    type?: 'text' | 'password' | 'email' | 'number';
+    disabled?: boolean;
+    onChange?: (value: string) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    className?: string;
+    size?: 'small' | 'medium' | 'large';
+}
+declare const Input: React.FC<InputProps>;
+
+interface CardProps {
+    children: React.ReactNode;
+    title?: string;
+    subtitle?: string;
+    className?: string;
+    onClick?: () => void;
+}
+declare const Card: React.FC<CardProps>;
+
+interface TestComponentProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+declare const TestComponent: React.FC<TestComponentProps>;
+
+interface AlertComponentProps {
+    children: React.ReactNode;
+    variant?: 'success' | 'error' | 'warning' | 'info';
+    className?: string;
+    onClose?: () => void;
+}
+declare const AlertComponent: React.FC<AlertComponentProps>;
+
+export { AlertComponent, AlertComponentProps, Button, ButtonProps, Card, CardProps, Input, InputProps, TestComponent, TestComponentProps };

package/dist/index.esm.js

@@ -0,0 +1,2 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";var o=function(r){var o=r.children,t=r.variant,n=void 0===t?"primary":t,a=r.size,c=void 0===a?"medium":a,i=r.disabled,l=void 0!==i&&i,d=r.onClick,s=r.className,u=void 0===s?"":s,m=l?"opacity-50 cursor-not-allowed":"cursor-pointer",b="".concat("inline-flex items-center justify-center rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2"," ").concat({primary:"bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500",secondary:"bg-gray-600 text-white hover:bg-gray-700 focus:ring-gray-500",outline:"border border-gray-300 bg-white text-gray-700 hover:bg-gray-50 focus:ring-blue-500"}[n]," ").concat({small:"px-3 py-1.5 text-sm",medium:"px-4 py-2 text-base",large:"px-6 py-3 text-lg"}[c]," ").concat(m," ").concat(u);return e("button",{className:b,disabled:l,onClick:d,children:o})},t=function(r){var o=r.value,t=void 0===o?"":o,n=r.placeholder,a=void 0===n?"":n,c=r.type,i=void 0===c?"text":c,l=r.disabled,d=void 0!==l&&l,s=r.onChange,u=r.onFocus,m=r.onBlur,b=r.className,g=void 0===b?"":b,v=r.size,p=void 0===v?"medium":v,h=d?"opacity-50 cursor-not-allowed bg-gray-100":"bg-white",y="".concat("border border-gray-300 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"," ").concat({small:"px-3 py-1.5 text-sm",medium:"px-4 py-2 text-base",large:"px-6 py-3 text-lg"}[p]," ").concat(h," ").concat(g);return e("input",{type:i,value:t,placeholder:a,disabled:d,onChange:function(e){s&&s(e.target.value)},onFocus:u,onBlur:m,className:y})},n=function(o){var t=o.children,n=o.title,a=o.subtitle,c=o.className,i=void 0===c?"":c,l=o.onClick,d=l?"cursor-pointer":"",s="".concat("bg-white border border-gray-200 rounded-lg shadow-sm hover:shadow-md transition-shadow"," ").concat(d," ").concat(i);return r("div",{className:s,onClick:l,children:[(n||a)&&r("div",{className:"px-6 py-4 border-b border-gray-200",children:[n&&e("h3",{className:"text-lg font-semibold text-gray-900",children:n}),a&&e("p",{className:"mt-1 text-sm text-gray-600",children:a})]}),e("div",{className:"px-6 py-4",children:t})]})},a=function(r){var o=r.children,t=r.className;return e("div",{className:"testcomponent-component ".concat(void 0===t?"":t),children:o})},c=function(o){var t=o.children,n=o.variant,a=void 0===n?"info":n,c=o.className,i=void 0===c?"":c,l=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"}[a]," ").concat(i);return e("div",{className:d,children:r("div",{className:"flex",children:[e("div",{className:"flex-1",children:t}),l&&e("button",{onClick:l,className:"ml-3 text-current hover:opacity-70 transition-opacity",children:"✕"})]})})};export{c as AlertComponent,o as Button,n as Card,t as Input,a as TestComponent};
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/components/Button/index.tsx","../src/components/Input/index.tsx","../src/components/Card/index.tsx","../src/components/TestComponent/index.tsx","../src/components/AlertComponent/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface ButtonProps {\n  children: React.ReactNode;\n  variant?: 'primary' | 'secondary' | 'outline';\n  size?: 'small' | 'medium' | 'large';\n  disabled?: boolean;\n  onClick?: () => void;\n  className?: string;\n}\n\nconst Button: React.FC<ButtonProps> = ({\n  children,\n  variant = 'primary',\n  size = 'medium',\n  disabled = false,\n  onClick,\n  className = '',\n}) => {\n  const baseClasses = 'inline-flex items-center justify-center rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2';\n  \n  const variantClasses = {\n    primary: 'bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500',\n    secondary: 'bg-gray-600 text-white hover:bg-gray-700 focus:ring-gray-500',\n    outline: 'border border-gray-300 bg-white text-gray-700 hover:bg-gray-50 focus:ring-blue-500',\n  };\n  \n  const sizeClasses = {\n    small: 'px-3 py-1.5 text-sm',\n    medium: 'px-4 py-2 text-base',\n    large: 'px-6 py-3 text-lg',\n  };\n  \n  const disabledClasses = disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer';\n  \n  const classes = `${baseClasses} ${variantClasses[variant]} ${sizeClasses[size]} ${disabledClasses} ${className}`;\n  \n  return (\n    <button\n      className={classes}\n      disabled={disabled}\n      onClick={onClick}\n    >\n      {children}\n    </button>\n  );\n};\n\nexport default Button; ","import React from 'react';\n\nexport interface InputProps {\n  value?: string;\n  placeholder?: string;\n  type?: 'text' | 'password' | 'email' | 'number';\n  disabled?: boolean;\n  onChange?: (value: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  className?: string;\n  size?: 'small' | 'medium' | 'large';\n}\n\nconst Input: React.FC<InputProps> = ({\n  value = '',\n  placeholder = '',\n  type = 'text',\n  disabled = false,\n  onChange,\n  onFocus,\n  onBlur,\n  className = '',\n  size = 'medium',\n}) => {\n  const baseClasses = 'border border-gray-300 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500';\n  \n  const sizeClasses = {\n    small: 'px-3 py-1.5 text-sm',\n    medium: 'px-4 py-2 text-base',\n    large: 'px-6 py-3 text-lg',\n  };\n  \n  const disabledClasses = disabled ? 'opacity-50 cursor-not-allowed bg-gray-100' : 'bg-white';\n  \n  const classes = `${baseClasses} ${sizeClasses[size]} ${disabledClasses} ${className}`;\n  \n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (onChange) {\n      onChange(e.target.value);\n    }\n  };\n  \n  return (\n    <input\n      type={type}\n      value={value}\n      placeholder={placeholder}\n      disabled={disabled}\n      onChange={handleChange}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      className={classes}\n    />\n  );\n};\n\nexport default Input; ","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; ","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","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":["Button","_a","children","_b","variant","_c","size","_d","disabled","onClick","_e","className","disabledClasses","classes","concat","primary","secondary","outline","small","medium","large","_jsx","Input","value","placeholder","type","onChange","onFocus","onBlur","_f","_g","e","target","Card","title","subtitle","clickableClasses","_jsxs","TestComponent","AlertComponent","onClose","success","error","warning","info"],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime");exports.AlertComponent=function(r){var o=r.children,t=r.variant,n=void 0===t?"info":t,a=r.className,c=void 0===a?"":a,s=r.onClose,i="".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:i,children:e.jsxs("div",{className:"flex",children:[e.jsx("div",{className:"flex-1",children:o}),s&&e.jsx("button",{onClick:s,className:"ml-3 text-current hover:opacity-70 transition-opacity",children:"✕"})]})})},exports.Button=function(r){var o=r.children,t=r.variant,n=void 0===t?"primary":t,a=r.size,c=void 0===a?"medium":a,s=r.disabled,i=void 0!==s&&s,l=r.onClick,d=r.className,u=void 0===d?"":d,m=i?"opacity-50 cursor-not-allowed":"cursor-pointer",x="".concat("inline-flex items-center justify-center rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2"," ").concat({primary:"bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500",secondary:"bg-gray-600 text-white hover:bg-gray-700 focus:ring-gray-500",outline:"border border-gray-300 bg-white text-gray-700 hover:bg-gray-50 focus:ring-blue-500"}[n]," ").concat({small:"px-3 py-1.5 text-sm",medium:"px-4 py-2 text-base",large:"px-6 py-3 text-lg"}[c]," ").concat(m," ").concat(u);return e.jsx("button",{className:x,disabled:i,onClick:l,children:o})},exports.Card=function(r){var o=r.children,t=r.title,n=r.subtitle,a=r.className,c=void 0===a?"":a,s=r.onClick,i=s?"cursor-pointer":"",l="".concat("bg-white border border-gray-200 rounded-lg shadow-sm hover:shadow-md transition-shadow"," ").concat(i," ").concat(c);return e.jsxs("div",{className:l,onClick:s,children:[(t||n)&&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}),n&&e.jsx("p",{className:"mt-1 text-sm text-gray-600",children:n})]}),e.jsx("div",{className:"px-6 py-4",children:o})]})},exports.Input=function(r){var o=r.value,t=void 0===o?"":o,n=r.placeholder,a=void 0===n?"":n,c=r.type,s=void 0===c?"text":c,i=r.disabled,l=void 0!==i&&i,d=r.onChange,u=r.onFocus,m=r.onBlur,x=r.className,b=void 0===x?"":x,g=r.size,p=void 0===g?"medium":g,v=l?"opacity-50 cursor-not-allowed bg-gray-100":"bg-white",h="".concat("border border-gray-300 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"," ").concat({small:"px-3 py-1.5 text-sm",medium:"px-4 py-2 text-base",large:"px-6 py-3 text-lg"}[p]," ").concat(v," ").concat(b);return e.jsx("input",{type:s,value:t,placeholder:a,disabled:l,onChange:function(e){d&&d(e.target.value)},onFocus:u,onBlur:m,className:h})},exports.TestComponent=function(r){var o=r.children,t=r.className,n=void 0===t?"":t;return e.jsx("div",{className:"testcomponent-component ".concat(n),children:o})};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/components/AlertComponent/index.tsx","../src/components/Button/index.tsx","../src/components/Card/index.tsx","../src/components/Input/index.tsx","../src/components/TestComponent/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","import React from 'react';\n\nexport interface ButtonProps {\n  children: React.ReactNode;\n  variant?: 'primary' | 'secondary' | 'outline';\n  size?: 'small' | 'medium' | 'large';\n  disabled?: boolean;\n  onClick?: () => void;\n  className?: string;\n}\n\nconst Button: React.FC<ButtonProps> = ({\n  children,\n  variant = 'primary',\n  size = 'medium',\n  disabled = false,\n  onClick,\n  className = '',\n}) => {\n  const baseClasses = 'inline-flex items-center justify-center rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2';\n  \n  const variantClasses = {\n    primary: 'bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500',\n    secondary: 'bg-gray-600 text-white hover:bg-gray-700 focus:ring-gray-500',\n    outline: 'border border-gray-300 bg-white text-gray-700 hover:bg-gray-50 focus:ring-blue-500',\n  };\n  \n  const sizeClasses = {\n    small: 'px-3 py-1.5 text-sm',\n    medium: 'px-4 py-2 text-base',\n    large: 'px-6 py-3 text-lg',\n  };\n  \n  const disabledClasses = disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer';\n  \n  const classes = `${baseClasses} ${variantClasses[variant]} ${sizeClasses[size]} ${disabledClasses} ${className}`;\n  \n  return (\n    <button\n      className={classes}\n      disabled={disabled}\n      onClick={onClick}\n    >\n      {children}\n    </button>\n  );\n};\n\nexport default Button; ","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; ","import React from 'react';\n\nexport interface InputProps {\n  value?: string;\n  placeholder?: string;\n  type?: 'text' | 'password' | 'email' | 'number';\n  disabled?: boolean;\n  onChange?: (value: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  className?: string;\n  size?: 'small' | 'medium' | 'large';\n}\n\nconst Input: React.FC<InputProps> = ({\n  value = '',\n  placeholder = '',\n  type = 'text',\n  disabled = false,\n  onChange,\n  onFocus,\n  onBlur,\n  className = '',\n  size = 'medium',\n}) => {\n  const baseClasses = 'border border-gray-300 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500';\n  \n  const sizeClasses = {\n    small: 'px-3 py-1.5 text-sm',\n    medium: 'px-4 py-2 text-base',\n    large: 'px-6 py-3 text-lg',\n  };\n  \n  const disabledClasses = disabled ? 'opacity-50 cursor-not-allowed bg-gray-100' : 'bg-white';\n  \n  const classes = `${baseClasses} ${sizeClasses[size]} ${disabledClasses} ${className}`;\n  \n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (onChange) {\n      onChange(e.target.value);\n    }\n  };\n  \n  return (\n    <input\n      type={type}\n      value={value}\n      placeholder={placeholder}\n      disabled={disabled}\n      onChange={handleChange}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      className={classes}\n    />\n  );\n};\n\nexport default Input; ","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","variant","_c","className","onClose","classes","concat","success","error","warning","info","_jsx","_jsxs","onClick","size","_d","disabled","_e","disabledClasses","primary","secondary","outline","small","medium","large","title","subtitle","clickableClasses","jsxs","jsx","value","placeholder","type","onChange","onFocus","onBlur","_f","_g","e","target"],"mappings":"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"}

package/dist/setupTests.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/package.json

@@ -1,36 +1,101 @@
 {
   "name": "aha-components",
-  "private": false,
-  "version": "0.0.1",
-  "type": "module",
-  "dependencies": {
-    "less": "^4.2.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+  "version": "1.0.0",
+  "description": "A React component library with tree-shaking support",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "scripts": {
+    "build": "rollup -c",
+    "dev": "rollup -c -w",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "build-storybook",
+    "lint": "eslint src --ext .ts,.tsx",
+    "lint:fix": "eslint src --ext .ts,.tsx --fix",
+    "type-check": "tsc --noEmit",
+    "dev:example": "vite examples --port 3000",
+    "build:example": "vite build examples",
+    "generate": "node scripts/generate-component.js",
+    "generate:advanced": "node scripts/generate-component-advanced.js",
+    "prepublishOnly": "npm run build",
+    "release": "npm run build && npm publish",
+    "publish:script": "node scripts/publish.js",
+    "docs:build": "npm run build-storybook",
+    "docs:deploy": "npm run build-storybook && npx storybook-to-ghpages"
+  },
+  "keywords": [
+    "react",
+    "components",
+    "ui",
+    "typescript",
+    "tailwindcss",
+    "storybook"
+  ],
+  "author": "Your Name",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/yourusername/aha-components.git"
+  },
+  "bugs": {
+    "url": "https://github.com/yourusername/aha-components/issues"
+  },
+  "homepage": "https://yourusername.github.io/aha-components",
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "devDependencies": {
-    "@eslint/js": "^9.17.0",
-    "@types/react": "^18.3.18",
-    "@types/react-dom": "^18.3.5",
-    "@vitejs/plugin-react": "^4.3.4",
-    "eslint": "^9.17.0",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-react-refresh": "^0.4.16",
-    "globals": "^15.14.0",
-    "rollup": "^4.30.1",
-    "rollup-plugin-commonjs": "^10.1.0",
-    "rollup-plugin-less": "^1.1.3",
-    "rollup-plugin-node-resolve": "^5.2.0",
+    "@rollup/plugin-commonjs": "^25.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.0",
+    "@rollup/plugin-typescript": "^11.0.0",
+    "@storybook/addon-actions": "^7.0.0",
+    "@storybook/addon-essentials": "^7.0.0",
+    "@storybook/addon-interactions": "^7.0.0",
+    "@storybook/addon-links": "^7.0.0",
+    "@storybook/blocks": "^7.0.0",
+    "@storybook/react": "^7.0.0",
+    "@storybook/react-vite": "^7.0.0",
+    "@storybook/testing-library": "^0.2.0",
+    "@testing-library/jest-dom": "^6.0.0",
+    "@testing-library/react": "^14.0.0",
+    "@types/jest": "^29.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "@vitejs/plugin-react": "^4.0.0",
+    "eslint": "^8.0.0",
+    "eslint-plugin-react": "^7.0.0",
+    "eslint-plugin-react-hooks": "^4.0.0",
+    "jest": "^29.0.0",
+    "jest-environment-jsdom": "^29.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "rollup": "^3.0.0",
+    "rollup-plugin-dts": "^5.0.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-typescript2": "^0.36.0",
-    "typescript": "~5.6.2",
-    "typescript-eslint": "^8.18.2",
-    "vite": "^6.0.5"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "lint": "eslint .",
-    "preview": "vite preview"
+    "@rollup/plugin-terser": "^0.4.0",
+    "storybook": "^7.0.0",
+    "typescript": "^5.0.0",
+    "vite": "^4.0.0",
+    "tailwindcss": "^3.3.0",
+    "autoprefixer": "^10.4.0",
+    "postcss": "^8.4.0"
   }
-}
+}