pure-react-ui 1.4.6 → 1.4.7

package/README.md

@@ -1,6 +1,6 @@
 # Pure React UI
 
-A modern, accessible React UI component library with TypeScript support.
+A pure React UI component library built with TypeScript. No external dependencies required (except React and ReactDOM as peer dependencies).
 
 ## Installation
 
@@ -8,57 +8,95 @@ A modern, accessible React UI component library with TypeScript support.
 npm install pure-react-ui
 ```
 
-## Usage
-
-```jsx
-import React from 'react';
-import { PureButton } from 'pure-react-ui';
-import 'pure-react-ui/src/styles/index.css'; // Import the CSS variables
-
-function App() {
-  return (
-    <div>
-      <PureButton variant="primary" size="md">
-        Click me
-      </PureButton>
-      
-      <PureButton variant="secondary" size="lg" fullWidth>
-        Full Width Button
-      </PureButton>
-      
-      <PureButton variant="outline" size="sm" loading>
-        Loading...
-      </PureButton>
-    </div>
-  );
-}
-
-export default App;
+## Components
+
+### Button
+
+A versatile button component with multiple variants and sizes.
+
+```tsx
+import { Button } from 'pure-react-ui';
+
+<Button variant="primary" size="medium" onClick={handleClick}>
+  Click Me
+</Button>
 ```
 
-## Components
+**Props:**
+- `variant`: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' (default: 'primary')
+- `size`: 'small' | 'medium' | 'large' (default: 'medium')
+- `fullWidth`: boolean (default: false)
+- `loading`: boolean (default: false)
+- All standard button HTML attributes
+
+### Card
+
+A flexible card component for displaying content.
+
+```tsx
+import { Card } from 'pure-react-ui';
+
+<Card
+  title="Card Title"
+  subtitle="Card Subtitle"
+  image="/path/to/image.jpg"
+  hoverable
+  shadow="medium"
+>
+  Card content goes here
+</Card>
+```
+
+**Props:**
+- `title`: string (optional)
+- `subtitle`: string (optional)
+- `image`: string (optional)
+- `imageAlt`: string (optional)
+- `footer`: React.ReactNode (optional)
+- `hoverable`: boolean (default: false)
+- `shadow`: 'none' | 'small' | 'medium' | 'large' (default: 'medium')
+- `onClick`: () => void (optional)
+
+### Modal
+
+A modal dialog component with overlay and keyboard support.
+
+```tsx
+import { Modal } from 'pure-react-ui';
+
+<Modal
+  isOpen={isOpen}
+  onClose={() => setIsOpen(false)}
+  title="Modal Title"
+  size="medium"
+>
+  Modal content goes here
+</Modal>
+```
+
+**Props:**
+- `isOpen`: boolean (required)
+- `onClose`: () => void (required)
+- `title`: string (optional)
+- `size`: 'small' | 'medium' | 'large' | 'fullscreen' (default: 'medium')
+- `closeOnOverlayClick`: boolean (default: true)
+- `closeOnEscape`: boolean (default: true)
+- `showCloseButton`: boolean (default: true)
+
+## Styling
 
-### PureButton
+All components include their own CSS files and use CSS classes with the `pure-` prefix. The CSS files are automatically imported with each component. You can also style them by targeting these classes:
 
-A versatile button component with multiple variants, sizes, and states.
+- **Button**: `pure-button`, `pure-button--primary`, `pure-button--secondary`, etc.
+- **Card**: `pure-card`, `pure-card--hoverable`, `pure-card--shadow-medium`, etc.
+- **Modal**: `pure-modal`, `pure-modal__overlay`, `pure-modal__header`, etc.
 
-#### Props
+Each component has its own CSS file located in:
+- `lib/components/Button/Button.css`
+- `lib/components/Card/Card.css`
+- `lib/components/Modal/Modal.css`
 
-- `variant`: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'outline' | 'ghost'
-- `size`: 'sm' | 'md' | 'lg'
-- `fullWidth`: boolean
-- `loading`: boolean
-- `disabled`: boolean
-- `leftIcon`: ReactNode
-- `rightIcon`: ReactNode
-- Plus all standard button props
+## License
 
-## Features
+MIT
 
-- TypeScript support with full type definitions
-- Accessible design with proper ARIA attributes
-- CSS variables for easy theming
-- Multiple variants and sizes
-- Loading and disabled states
-- Icon support
-- Responsive design

package/lib/components/Button/Button.css

@@ -0,0 +1,170 @@
+/* Pure Button Component Styles */
+.pure-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  padding: 0.625rem 1.25rem;
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1.5;
+  text-align: center;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  cursor: pointer;
+  user-select: none;
+  border: 1px solid transparent;
+  border-radius: 0.375rem;
+  transition: all 0.2s ease-in-out;
+  background-color: #007bff;
+  color: #ffffff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.pure-button:hover:not(.pure-button--disabled) {
+  background-color: #0056b3;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
+  transform: translateY(-1px);
+}
+
+.pure-button:active:not(.pure-button--disabled) {
+  transform: translateY(0);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.pure-button:focus {
+  outline: none;
+  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
+}
+
+/* Variants */
+.pure-button--primary {
+  background-color: #007bff;
+  color: #ffffff;
+  border-color: #007bff;
+}
+
+.pure-button--primary:hover:not(.pure-button--disabled) {
+  background-color: #0056b3;
+  border-color: #0056b3;
+}
+
+.pure-button--secondary {
+  background-color: #6c757d;
+  color: #ffffff;
+  border-color: #6c757d;
+}
+
+.pure-button--secondary:hover:not(.pure-button--disabled) {
+  background-color: #545b62;
+  border-color: #545b62;
+}
+
+.pure-button--success {
+  background-color: #28a745;
+  color: #ffffff;
+  border-color: #28a745;
+}
+
+.pure-button--success:hover:not(.pure-button--disabled) {
+  background-color: #218838;
+  border-color: #218838;
+}
+
+.pure-button--danger {
+  background-color: #dc3545;
+  color: #ffffff;
+  border-color: #dc3545;
+}
+
+.pure-button--danger:hover:not(.pure-button--disabled) {
+  background-color: #c82333;
+  border-color: #c82333;
+}
+
+.pure-button--warning {
+  background-color: #ffc107;
+  color: #212529;
+  border-color: #ffc107;
+}
+
+.pure-button--warning:hover:not(.pure-button--disabled) {
+  background-color: #e0a800;
+  border-color: #e0a800;
+}
+
+.pure-button--info {
+  background-color: #17a2b8;
+  color: #ffffff;
+  border-color: #17a2b8;
+}
+
+.pure-button--info:hover:not(.pure-button--disabled) {
+  background-color: #138496;
+  border-color: #138496;
+}
+
+/* Sizes */
+.pure-button--small {
+  padding: 0.375rem 0.75rem;
+  font-size: 0.875rem;
+}
+
+.pure-button--medium {
+  padding: 0.625rem 1.25rem;
+  font-size: 1rem;
+}
+
+.pure-button--large {
+  padding: 0.875rem 1.75rem;
+  font-size: 1.125rem;
+}
+
+/* Full Width */
+.pure-button--full-width {
+  width: 100%;
+}
+
+/* Loading State */
+.pure-button--loading {
+  position: relative;
+  pointer-events: none;
+}
+
+.pure-button__spinner {
+  display: inline-block;
+  width: 1rem;
+  height: 1rem;
+  border: 2px solid currentColor;
+  border-right-color: transparent;
+  border-radius: 50%;
+  animation: pure-button-spin 0.6s linear infinite;
+}
+
+@keyframes pure-button-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.pure-button__content {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+/* Disabled State */
+.pure-button--disabled,
+.pure-button:disabled {
+  opacity: 0.65;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.pure-button--disabled:hover,
+.pure-button:disabled:hover {
+  transform: none;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+

package/lib/components/Button/Button.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './Button.css';
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
+    size?: 'small' | 'medium' | 'large';
+    fullWidth?: boolean;
+    loading?: boolean;
+    children: React.ReactNode;
+}
+export declare const Button: React.FC<ButtonProps>;
+//# sourceMappingURL=Button.d.ts.map

package/lib/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IAC9E,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+CxC,CAAC"}

package/lib/components/Button/Button.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import './Button.css';
+export const Button = ({ variant = 'primary', size = 'medium', fullWidth = false, loading = false, disabled, children, className = '', onClick, ...props }) => {
+    const baseClass = 'pure-button';
+    const variantClass = `pure-button--${variant}`;
+    const sizeClass = `pure-button--${size}`;
+    const fullWidthClass = fullWidth ? 'pure-button--full-width' : '';
+    const loadingClass = loading ? 'pure-button--loading' : '';
+    const disabledClass = (disabled || loading) ? 'pure-button--disabled' : '';
+    const combinedClassName = [
+        baseClass,
+        variantClass,
+        sizeClass,
+        fullWidthClass,
+        loadingClass,
+        disabledClass,
+        className
+    ].filter(Boolean).join(' ');
+    const handleClick = (e) => {
+        if (disabled || loading) {
+            e.preventDefault();
+            return;
+        }
+        onClick?.(e);
+    };
+    return (React.createElement("button", { className: combinedClassName, disabled: disabled || loading, onClick: handleClick, ...props },
+        loading && React.createElement("span", { className: "pure-button__spinner" }),
+        React.createElement("span", { className: "pure-button__content" }, children)));
+};
+//# sourceMappingURL=Button.js.map

package/lib/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAc,CAAC;AAUtB,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAC5C,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,aAAa,CAAC;IAChC,MAAM,YAAY,GAAG,gBAAgB,OAAO,EAAE,CAAC;IAC/C,MAAM,SAAS,GAAG,gBAAgB,IAAI,EAAE,CAAC;IACzC,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,CAAC;IAClE,MAAM,YAAY,GAAG,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3D,MAAM,aAAa,GAAG,CAAC,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC;IAE3E,MAAM,iBAAiB,GAAG;QACxB,SAAS;QACT,YAAY;QACZ,SAAS;QACT,cAAc;QACd,YAAY;QACZ,aAAa;QACb,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,MAAM,WAAW,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC7D,IAAI,QAAQ,IAAI,OAAO,EAAE,CAAC;YACxB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QACD,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,CACL,gCACE,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,OAAO,EAAE,WAAW,KAChB,KAAK;QAER,OAAO,IAAI,8BAAM,SAAS,EAAC,sBAAsB,GAAG;QACrD,8BAAM,SAAS,EAAC,sBAAsB,IAAE,QAAQ,CAAQ,CACjD,CACV,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/Card/Card.css

@@ -0,0 +1,116 @@
+/* Pure Card Component Styles */
+.pure-card {
+  display: flex;
+  flex-direction: column;
+  background-color: #ffffff;
+  border: 1px solid #e0e0e0;
+  border-radius: 0.5rem;
+  overflow: hidden;
+  transition: all 0.3s ease-in-out;
+}
+
+/* Shadow Variants */
+.pure-card--shadow-none {
+  box-shadow: none;
+}
+
+.pure-card--shadow-small {
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.pure-card--shadow-medium {
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
+}
+
+.pure-card--shadow-large {
+  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
+}
+
+/* Hoverable */
+.pure-card--hoverable:hover {
+  transform: translateY(-4px);
+  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15), 0 6px 12px rgba(0, 0, 0, 0.1);
+}
+
+/* Clickable */
+.pure-card--clickable {
+  cursor: pointer;
+}
+
+.pure-card--clickable:active {
+  transform: translateY(-2px);
+}
+
+/* Image Container */
+.pure-card__image-container {
+  width: 100%;
+  overflow: hidden;
+  background-color: #f5f5f5;
+}
+
+.pure-card__image {
+  width: 100%;
+  height: auto;
+  display: block;
+  object-fit: cover;
+  transition: transform 0.3s ease-in-out;
+}
+
+.pure-card--hoverable:hover .pure-card__image {
+  transform: scale(1.05);
+}
+
+/* Header */
+.pure-card__header {
+  padding: 1.25rem 1.5rem 0.75rem;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.pure-card__title {
+  margin: 0 0 0.5rem 0;
+  font-size: 1.25rem;
+  font-weight: 600;
+  line-height: 1.4;
+  color: #212529;
+}
+
+.pure-card__subtitle {
+  margin: 0;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  color: #6c757d;
+}
+
+/* Body */
+.pure-card__body {
+  padding: 1.5rem;
+  flex: 1;
+  color: #495057;
+  line-height: 1.6;
+}
+
+/* Footer */
+.pure-card__footer {
+  padding: 0.75rem 1.5rem;
+  border-top: 1px solid #f0f0f0;
+  background-color: #fafafa;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 0.5rem;
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+  .pure-card__header,
+  .pure-card__body,
+  .pure-card__footer {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  .pure-card__title {
+    font-size: 1.125rem;
+  }
+}
+

package/lib/components/Card/Card.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import './Card.css';
+export interface CardProps {
+    title?: string;
+    subtitle?: string;
+    image?: string;
+    imageAlt?: string;
+    footer?: React.ReactNode;
+    hoverable?: boolean;
+    shadow?: 'none' | 'small' | 'medium' | 'large';
+    className?: string;
+    children: React.ReactNode;
+    onClick?: () => void;
+}
+export declare const Card: React.FC<CardProps>;
+//# sourceMappingURL=Card.d.ts.map

package/lib/components/Card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAsDpC,CAAC"}

package/lib/components/Card/Card.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import './Card.css';
+export const Card = ({ title, subtitle, image, imageAlt, footer, hoverable = false, shadow = 'medium', className = '', children, onClick }) => {
+    const baseClass = 'pure-card';
+    const hoverableClass = hoverable ? 'pure-card--hoverable' : '';
+    const shadowClass = `pure-card--shadow-${shadow}`;
+    const clickableClass = onClick ? 'pure-card--clickable' : '';
+    const combinedClassName = [
+        baseClass,
+        hoverableClass,
+        shadowClass,
+        clickableClass,
+        className
+    ].filter(Boolean).join(' ');
+    const handleClick = () => {
+        if (onClick) {
+            onClick();
+        }
+    };
+    return (React.createElement("div", { className: combinedClassName, onClick: handleClick },
+        image && (React.createElement("div", { className: "pure-card__image-container" },
+            React.createElement("img", { src: image, alt: imageAlt || title || 'Card image', className: "pure-card__image" }))),
+        (title || subtitle) && (React.createElement("div", { className: "pure-card__header" },
+            title && React.createElement("h3", { className: "pure-card__title" }, title),
+            subtitle && React.createElement("p", { className: "pure-card__subtitle" }, subtitle))),
+        React.createElement("div", { className: "pure-card__body" }, children),
+        footer && (React.createElement("div", { className: "pure-card__footer" }, footer))));
+};
+//# sourceMappingURL=Card.js.map

package/lib/components/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,CAAC;AAepB,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,GAAG,KAAK,EACjB,MAAM,GAAG,QAAQ,EACjB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,OAAO,EACR,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,WAAW,CAAC;IAC9B,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/D,MAAM,WAAW,GAAG,qBAAqB,MAAM,EAAE,CAAC;IAClD,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;IAE7D,MAAM,iBAAiB,GAAG;QACxB,SAAS;QACT,cAAc;QACd,WAAW;QACX,cAAc;QACd,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,iBAAiB,EAAE,OAAO,EAAE,WAAW;QACpD,KAAK,IAAI,CACR,6BAAK,SAAS,EAAC,4BAA4B;YACzC,6BAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,IAAI,KAAK,IAAI,YAAY,EAAE,SAAS,EAAC,kBAAkB,GAAG,CACpF,CACP;QACA,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,CACtB,6BAAK,SAAS,EAAC,mBAAmB;YAC/B,KAAK,IAAI,4BAAI,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAM;YACtD,QAAQ,IAAI,2BAAG,SAAS,EAAC,qBAAqB,IAAE,QAAQ,CAAK,CAC1D,CACP;QACD,6BAAK,SAAS,EAAC,iBAAiB,IAC7B,QAAQ,CACL;QACL,MAAM,IAAI,CACT,6BAAK,SAAS,EAAC,mBAAmB,IAC/B,MAAM,CACH,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/Modal/Modal.css

@@ -0,0 +1,197 @@
+/* Pure Modal Component Styles */
+.pure-modal__overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+  padding: 1rem;
+  animation: pure-modal-overlay-fade-in 0.2s ease-out;
+  overflow-y: auto;
+}
+
+@keyframes pure-modal-overlay-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+.pure-modal {
+  background-color: #ffffff;
+  border-radius: 0.5rem;
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  display: flex;
+  flex-direction: column;
+  max-height: 90vh;
+  width: 100%;
+  animation: pure-modal-slide-in 0.3s ease-out;
+  position: relative;
+  overflow: hidden;
+}
+
+@keyframes pure-modal-slide-in {
+  from {
+    opacity: 0;
+    transform: translateY(-20px) scale(0.95);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+
+/* Size Variants */
+.pure-modal--small {
+  max-width: 400px;
+}
+
+.pure-modal--medium {
+  max-width: 600px;
+}
+
+.pure-modal--large {
+  max-width: 900px;
+}
+
+.pure-modal--fullscreen {
+  max-width: 100%;
+  max-height: 100vh;
+  height: 100vh;
+  border-radius: 0;
+  margin: 0;
+}
+
+/* Header */
+.pure-modal__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 1.5rem;
+  border-bottom: 1px solid #e0e0e0;
+  flex-shrink: 0;
+}
+
+.pure-modal__title {
+  margin: 0;
+  font-size: 1.5rem;
+  font-weight: 600;
+  line-height: 1.4;
+  color: #212529;
+  flex: 1;
+}
+
+.pure-modal__close-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 2rem;
+  height: 2rem;
+  padding: 0;
+  margin-left: 1rem;
+  background: transparent;
+  border: none;
+  border-radius: 0.25rem;
+  cursor: pointer;
+  color: #6c757d;
+  transition: all 0.2s ease-in-out;
+  flex-shrink: 0;
+}
+
+.pure-modal__close-button:hover {
+  background-color: #f0f0f0;
+  color: #212529;
+}
+
+.pure-modal__close-button:active {
+  background-color: #e0e0e0;
+}
+
+.pure-modal__close-button:focus {
+  outline: none;
+  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
+}
+
+.pure-modal__close-icon {
+  font-size: 1.5rem;
+  line-height: 1;
+  font-weight: 300;
+}
+
+/* Body */
+.pure-modal__body {
+  padding: 1.5rem;
+  overflow-y: auto;
+  flex: 1;
+  color: #495057;
+  line-height: 1.6;
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+  .pure-modal__overlay {
+    padding: 0;
+    align-items: flex-end;
+  }
+
+  .pure-modal {
+    max-height: 95vh;
+    border-radius: 0.5rem 0.5rem 0 0;
+    animation: pure-modal-slide-up 0.3s ease-out;
+  }
+
+  @keyframes pure-modal-slide-up {
+    from {
+      opacity: 0;
+      transform: translateY(100%);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  .pure-modal--small,
+  .pure-modal--medium,
+  .pure-modal--large {
+    max-width: 100%;
+  }
+
+  .pure-modal__header {
+    padding: 1rem 1.25rem;
+  }
+
+  .pure-modal__title {
+    font-size: 1.25rem;
+  }
+
+  .pure-modal__body {
+    padding: 1.25rem;
+  }
+}
+
+/* Scrollbar Styling */
+.pure-modal__body::-webkit-scrollbar {
+  width: 8px;
+}
+
+.pure-modal__body::-webkit-scrollbar-track {
+  background: #f1f1f1;
+}
+
+.pure-modal__body::-webkit-scrollbar-thumb {
+  background: #c1c1c1;
+  border-radius: 4px;
+}
+
+.pure-modal__body::-webkit-scrollbar-thumb:hover {
+  background: #a8a8a8;
+}
+

package/lib/components/Modal/Modal.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import './Modal.css';
+export interface ModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    size?: 'small' | 'medium' | 'large' | 'fullscreen';
+    closeOnOverlayClick?: boolean;
+    closeOnEscape?: boolean;
+    showCloseButton?: boolean;
+    className?: string;
+    overlayClassName?: string;
+    children: React.ReactNode;
+}
+export declare const Modal: React.FC<ModalProps>;
+//# sourceMappingURL=Modal.d.ts.map

package/lib/components/Modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;IACnD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA4EtC,CAAC"}

package/lib/components/Modal/Modal.js

@@ -0,0 +1,45 @@
+import React, { useEffect, useRef } from 'react';
+import './Modal.css';
+export const Modal = ({ isOpen, onClose, title, size = 'medium', closeOnOverlayClick = true, closeOnEscape = true, showCloseButton = true, className = '', overlayClassName = '', children }) => {
+    const modalRef = useRef(null);
+    const overlayRef = useRef(null);
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        const handleEscape = (e) => {
+            if (closeOnEscape && e.key === 'Escape') {
+                onClose();
+            }
+        };
+        const handleClickOutside = (e) => {
+            if (closeOnOverlayClick &&
+                overlayRef.current &&
+                modalRef.current &&
+                e.target === overlayRef.current) {
+                onClose();
+            }
+        };
+        document.addEventListener('keydown', handleEscape);
+        document.addEventListener('mousedown', handleClickOutside);
+        document.body.style.overflow = 'hidden';
+        return () => {
+            document.removeEventListener('keydown', handleEscape);
+            document.removeEventListener('mousedown', handleClickOutside);
+            document.body.style.overflow = '';
+        };
+    }, [isOpen, closeOnEscape, closeOnOverlayClick, onClose]);
+    if (!isOpen)
+        return null;
+    const baseClass = 'pure-modal';
+    const sizeClass = `pure-modal--${size}`;
+    const combinedClassName = [baseClass, sizeClass, className].filter(Boolean).join(' ');
+    const combinedOverlayClassName = ['pure-modal__overlay', overlayClassName].filter(Boolean).join(' ');
+    return (React.createElement("div", { className: combinedOverlayClassName, ref: overlayRef },
+        React.createElement("div", { className: combinedClassName, ref: modalRef },
+            (title || showCloseButton) && (React.createElement("div", { className: "pure-modal__header" },
+                title && React.createElement("h2", { className: "pure-modal__title" }, title),
+                showCloseButton && (React.createElement("button", { className: "pure-modal__close-button", onClick: onClose, "aria-label": "Close modal" },
+                    React.createElement("span", { className: "pure-modal__close-icon" }, "\u00D7"))))),
+            React.createElement("div", { className: "pure-modal__body" }, children))));
+};
+//# sourceMappingURL=Modal.js.map

package/lib/components/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,aAAa,CAAC;AAerB,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAC1C,MAAM,EACN,OAAO,EACP,KAAK,EACL,IAAI,GAAG,QAAQ,EACf,mBAAmB,GAAG,IAAI,EAC1B,aAAa,GAAG,IAAI,EACpB,eAAe,GAAG,IAAI,EACtB,SAAS,GAAG,EAAE,EACd,gBAAgB,GAAG,EAAE,EACrB,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,MAAM,YAAY,GAAG,CAAC,CAAgB,EAAE,EAAE;YACxC,IAAI,aAAa,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBACxC,OAAO,EAAE,CAAC;YACZ,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,kBAAkB,GAAG,CAAC,CAAa,EAAE,EAAE;YAC3C,IACE,mBAAmB;gBACnB,UAAU,CAAC,OAAO;gBAClB,QAAQ,CAAC,OAAO;gBAChB,CAAC,CAAC,MAAM,KAAK,UAAU,CAAC,OAAO,EAC/B,CAAC;gBACD,OAAO,EAAE,CAAC;YACZ,CAAC;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;QACnD,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAExC,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;YACtD,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;YAC9D,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC;QACpC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,mBAAmB,EAAE,OAAO,CAAC,CAAC,CAAC;IAE1D,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,MAAM,SAAS,GAAG,YAAY,CAAC;IAC/B,MAAM,SAAS,GAAG,eAAe,IAAI,EAAE,CAAC;IACxC,MAAM,iBAAiB,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACtF,MAAM,wBAAwB,GAAG,CAAC,qBAAqB,EAAE,gBAAgB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAErG,OAAO,CACL,6BAAK,SAAS,EAAE,wBAAwB,EAAE,GAAG,EAAE,UAAU;QACvD,6BAAK,SAAS,EAAE,iBAAiB,EAAE,GAAG,EAAE,QAAQ;YAC7C,CAAC,KAAK,IAAI,eAAe,CAAC,IAAI,CAC7B,6BAAK,SAAS,EAAC,oBAAoB;gBAChC,KAAK,IAAI,4BAAI,SAAS,EAAC,mBAAmB,IAAE,KAAK,CAAM;gBACvD,eAAe,IAAI,CAClB,gCACE,SAAS,EAAC,0BAA0B,EACpC,OAAO,EAAE,OAAO,gBACL,aAAa;oBAExB,8BAAM,SAAS,EAAC,wBAAwB,aAAS,CAC1C,CACV,CACG,CACP;YACD,6BAAK,SAAS,EAAC,kBAAkB,IAC9B,QAAQ,CACL,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/index.d.ts

@@ -0,0 +1,7 @@
+export { Button } from './components/Button/Button';
+export type { ButtonProps } from './components/Button/Button';
+export { Card } from './components/Card/Card';
+export type { CardProps } from './components/Card/Card';
+export { Modal } from './components/Modal/Modal';
+export type { ModalProps } from './components/Modal/Modal';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,YAAY,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,YAAY,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC"}

package/lib/index.js

@@ -0,0 +1,4 @@
+export { Button } from './components/Button/Button';
+export { Card } from './components/Card/Card';
+export { Modal } from './components/Modal/Modal';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAGpD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAG9C,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC"}

package/package.json

@@ -1,58 +1,38 @@
-{
-  "name": "pure-react-ui",
-  "version": "1.4.6",
-  "description": "A modern, accessible React UI component library with TypeScript",
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "types": "dist/index.d.ts",
-  "style": "src/styles/index.css",
-  "type": "module",
-  "files": [
-    "dist",
-    "src/styles"
-  ],
-  "scripts": {
-    "build": "rollup -c",
-    "test": "jest",
-    "test:watch": "jest --watch",
-    "lint": "eslint src --ext .ts,.tsx",
-    "format": "prettier --write \"src/**/*.{ts,tsx,css}\"",
-    "prepublishOnly": "npm run build"
-  },
-  "keywords": [
-    "react",
-    "ui",
-    "components",
-    "typescript",
-    "component-library"
-  ],
-  "author": "Asad",
-  "license": "ISC",
-  "peerDependencies": {
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3"
-  },
-  "devDependencies": {
-    "@rollup/plugin-commonjs": "^29.0.0",
-    "@rollup/plugin-node-resolve": "^16.0.3",
-    "@rollup/plugin-typescript": "^12.3.0",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.1",
-    "@types/jest": "^30.0.0",
-    "@types/react": "^19.2.7",
-    "@types/react-dom": "^19.2.3",
-    "@typescript-eslint/eslint-plugin": "^8.51.0",
-    "@typescript-eslint/parser": "^8.51.0",
-    "eslint": "^9.39.2",
-    "jest": "^30.2.0",
-    "jest-environment-jsdom": "^30.2.0",
-    "postcss": "^8.5.6",
-    "prettier": "^3.7.4",
-    "rollup": "^4.54.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "ts-jest": "^29.4.6",
-    "tslib": "^2.8.1",
-    "typescript": "^5.9.3"
-  }
-}
+{
+  "name": "pure-react-ui",
+  "version": "1.4.7",
+  "description": "A pure React UI component library with Button, Card, and Modal components",
+  "main": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "files": [
+    "lib",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsc && node scripts/copy-css.js",
+    "prepublishOnly": "npm run build",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "react",
+    "typescript",
+    "ui",
+    "components",
+    "button",
+    "card",
+    "modal",
+    "pure"
+  ],
+  "author": "",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "typescript": "^5.0.0"
+  }
+}
+

package/dist/components/Button/Button.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { ButtonProps } from './Button.types';
-import "../../styles/variables.css";
-export declare const PureButton: React.FC<ButtonProps>;
-//# sourceMappingURL=Button.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,4BAA4B,CAAC;AAEpC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmD5C,CAAC"}

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

@@ -1,14 +0,0 @@
-import { ButtonHTMLAttributes, ReactNode } from 'react';
-export type ButtonVariant = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'outline' | 'ghost';
-export type ButtonSize = 'sm' | 'md' | 'lg';
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: ButtonVariant;
-    size?: ButtonSize;
-    fullWidth?: boolean;
-    loading?: boolean;
-    disabled?: boolean;
-    children: ReactNode;
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
-}
-//# sourceMappingURL=Button.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAC7G,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB"}

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

@@ -1,2 +0,0 @@
-export { PureButton } from './Button';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}

package/dist/dist/index.css

@@ -1 +0,0 @@
-.Button-module_button__2ZuB7{align-items:center;border:none;border-radius:var(--pure-radius-md);cursor:pointer;display:inline-flex;font-family:var(--pure-font-family);font-size:var(--pure-font-size-md);font-weight:500;gap:var(--pure-spacing-sm);justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all var(--pure-transition-base)}.Button-module_button--primary__0eqDM{background-color:var(--pure-color-primary);color:var(--pure-color-white)}.Button-module_button--primary__0eqDM:hover:not(:disabled){background-color:var(--pure-color-primary-hover)}.Button-module_button--secondary__iK3TS{background-color:var(--pure-color-secondary);color:var(--pure-color-white)}.Button-module_button--secondary__iK3TS:hover:not(:disabled){background-color:var(--pure-color-secondary-hover)}.Button-module_button--success__1WVzM{background-color:var(--pure-color-success);color:var(--pure-color-white)}.Button-module_button--success__1WVzM:hover:not(:disabled){background-color:var(--pure-color-success-hover)}.Button-module_button--danger__y2uGS{background-color:var(--pure-color-danger);color:var(--pure-color-white)}.Button-module_button--danger__y2uGS:hover:not(:disabled){background-color:var(--pure-color-danger-hover)}.Button-module_button--warning__cp3iP{background-color:var(--pure-color-warning);color:var(--pure-color-white)}.Button-module_button--warning__cp3iP:hover:not(:disabled){background-color:var(--pure-color-warning-hover)}.Button-module_button--outline__eVhnr{background-color:transparent;border:1px solid var(--pure-color-primary);color:var(--pure-color-primary)}.Button-module_button--outline__eVhnr:hover:not(:disabled){background-color:var(--pure-color-primary-light)}.Button-module_button--ghost__nktSD{background-color:transparent;color:var(--pure-color-primary)}.Button-module_button--ghost__nktSD:hover:not(:disabled){background-color:var(--pure-color-primary-light)}.Button-module_button--sm__-XOLs{font-size:var(--pure-font-size-sm);padding:var(--pure-spacing-xs) var(--pure-spacing-sm)}.Button-module_button--md__-GRga{font-size:var(--pure-font-size-md);padding:var(--pure-spacing-sm) var(--pure-spacing-md)}.Button-module_button--lg__p-URz{font-size:var(--pure-font-size-lg);padding:var(--pure-spacing-md) var(--pure-spacing-lg)}.Button-module_button--full-width__XyuwA{width:100%}.Button-module_button--loading__lNyfH{opacity:.8;pointer-events:none}.Button-module_button__2ZuB7:disabled{cursor:not-allowed;opacity:.6}.Button-module_button__icon__e6c-f,.Button-module_button__text__JjFiL{align-items:center;display:flex;justify-content:center}.Button-module_button__spinner__1soI4{height:20px;position:absolute;width:20px}.Button-module_spinner__ZExvW{animation:Button-module_rotate__TQjyl 2s linear infinite;height:100%;width:100%}.Button-module_spinner-path__Zk3SN{stroke:currentColor;stroke-linecap:round;animation:Button-module_dash__NItHE 1.5s ease-in-out infinite}@keyframes Button-module_rotate__TQjyl{to{transform:rotate(1turn)}}@keyframes Button-module_dash__NItHE{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}:root{--pure-color-primary:#2563eb;--pure-color-primary-hover:#1d4ed8;--pure-color-primary-light:#dbeafe;--pure-color-secondary:#64748b;--pure-color-secondary-hover:#475569;--pure-color-secondary-light:#f1f5f9;--pure-color-success:#10b981;--pure-color-success-hover:#059669;--pure-color-success-light:#d1fae5;--pure-color-danger:#ef4444;--pure-color-danger-hover:#dc2626;--pure-color-danger-light:#fee2e2;--pure-color-warning:#f59e0b;--pure-color-warning-hover:#d97706;--pure-color-warning-light:#fef3c7;--pure-color-info:#3b82f6;--pure-color-info-hover:#2563eb;--pure-color-info-light:#dbeafe;--pure-color-white:#fff;--pure-color-black:#000;--pure-color-gray-50:#f9fafb;--pure-color-gray-100:#f3f4f6;--pure-color-gray-200:#e5e7eb;--pure-color-gray-300:#d1d5db;--pure-color-gray-400:#9ca3af;--pure-color-gray-500:#6b7280;--pure-color-gray-600:#4b5563;--pure-color-gray-700:#374151;--pure-color-gray-800:#1f2937;--pure-color-gray-900:#111827;--pure-spacing-xs:0.25rem;--pure-spacing-sm:0.5rem;--pure-spacing-md:1rem;--pure-spacing-lg:1.5rem;--pure-spacing-xl:2rem;--pure-spacing-2xl:3rem;--pure-radius-sm:0.25rem;--pure-radius-md:0.375rem;--pure-radius-lg:0.5rem;--pure-radius-xl:0.75rem;--pure-radius-full:9999px;--pure-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--pure-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--pure-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--pure-shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--pure-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--pure-font-size-xs:0.75rem;--pure-font-size-sm:0.875rem;--pure-font-size-md:1rem;--pure-font-size-lg:1.125rem;--pure-font-size-xl:1.25rem;--pure-font-size-2xl:1.5rem;--pure-transition-fast:150ms ease-in-out;--pure-transition-base:200ms ease-in-out;--pure-transition-slow:300ms ease-in-out;--pure-z-dropdown:1000;--pure-z-modal:1050;--pure-z-tooltip:1100}

package/dist/index.css

@@ -1 +0,0 @@
-.Button-module__button___2ZuB7{align-items:center;border:none;border-radius:var(--pure-radius-md);cursor:pointer;display:inline-flex;font-family:var(--pure-font-family);font-size:var(--pure-font-size-md);font-weight:500;gap:var(--pure-spacing-sm);justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all var(--pure-transition-base)}.Button-module__button--primary___0eqDM{background-color:var(--pure-color-primary);color:var(--pure-color-white)}.Button-module__button--primary___0eqDM:hover:not(:disabled){background-color:var(--pure-color-primary-hover)}.Button-module__button--secondary___iK3TS{background-color:var(--pure-color-secondary);color:var(--pure-color-white)}.Button-module__button--secondary___iK3TS:hover:not(:disabled){background-color:var(--pure-color-secondary-hover)}.Button-module__button--success___1WVzM{background-color:var(--pure-color-success);color:var(--pure-color-white)}.Button-module__button--success___1WVzM:hover:not(:disabled){background-color:var(--pure-color-success-hover)}.Button-module__button--danger___y2uGS{background-color:var(--pure-color-danger);color:var(--pure-color-white)}.Button-module__button--danger___y2uGS:hover:not(:disabled){background-color:var(--pure-color-danger-hover)}.Button-module__button--warning___cp3iP{background-color:var(--pure-color-warning);color:var(--pure-color-white)}.Button-module__button--warning___cp3iP:hover:not(:disabled){background-color:var(--pure-color-warning-hover)}.Button-module__button--outline___eVhnr{background-color:transparent;border:1px solid var(--pure-color-primary);color:var(--pure-color-primary)}.Button-module__button--outline___eVhnr:hover:not(:disabled){background-color:var(--pure-color-primary-light)}.Button-module__button--ghost___nktSD{background-color:transparent;color:var(--pure-color-primary)}.Button-module__button--ghost___nktSD:hover:not(:disabled){background-color:var(--pure-color-primary-light)}.Button-module__button--sm___-XOLs{font-size:var(--pure-font-size-sm);padding:var(--pure-spacing-xs) var(--pure-spacing-sm)}.Button-module__button--md___-GRga{font-size:var(--pure-font-size-md);padding:var(--pure-spacing-sm) var(--pure-spacing-md)}.Button-module__button--lg___p-URz{font-size:var(--pure-font-size-lg);padding:var(--pure-spacing-md) var(--pure-spacing-lg)}.Button-module__button--full-width___XyuwA{width:100%}.Button-module__button--loading___lNyfH{opacity:.8;pointer-events:none}.Button-module__button___2ZuB7:disabled{cursor:not-allowed;opacity:.6}.Button-module__button__icon___e6c-f,.Button-module__button__text___JjFiL{align-items:center;display:flex;justify-content:center}.Button-module__button__spinner___1soI4{height:20px;position:absolute;width:20px}.Button-module__spinner___ZExvW{animation:Button-module__rotate___TQjyl 2s linear infinite;height:100%;width:100%}.Button-module__spinner-path___Zk3SN{stroke:currentColor;stroke-linecap:round;animation:Button-module__dash___NItHE 1.5s ease-in-out infinite}@keyframes Button-module__rotate___TQjyl{to{transform:rotate(1turn)}}@keyframes Button-module__dash___NItHE{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}:root{--pure-color-primary:#2563eb;--pure-color-primary-hover:#1d4ed8;--pure-color-primary-light:#dbeafe;--pure-color-secondary:#64748b;--pure-color-secondary-hover:#475569;--pure-color-secondary-light:#f1f5f9;--pure-color-success:#10b981;--pure-color-success-hover:#059669;--pure-color-success-light:#d1fae5;--pure-color-danger:#ef4444;--pure-color-danger-hover:#dc2626;--pure-color-danger-light:#fee2e2;--pure-color-warning:#f59e0b;--pure-color-warning-hover:#d97706;--pure-color-warning-light:#fef3c7;--pure-color-info:#3b82f6;--pure-color-info-hover:#2563eb;--pure-color-info-light:#dbeafe;--pure-color-white:#fff;--pure-color-black:#000;--pure-color-gray-50:#f9fafb;--pure-color-gray-100:#f3f4f6;--pure-color-gray-200:#e5e7eb;--pure-color-gray-300:#d1d5db;--pure-color-gray-400:#9ca3af;--pure-color-gray-500:#6b7280;--pure-color-gray-600:#4b5563;--pure-color-gray-700:#374151;--pure-color-gray-800:#1f2937;--pure-color-gray-900:#111827;--pure-spacing-xs:0.25rem;--pure-spacing-sm:0.5rem;--pure-spacing-md:1rem;--pure-spacing-lg:1.5rem;--pure-spacing-xl:2rem;--pure-spacing-2xl:3rem;--pure-radius-sm:0.25rem;--pure-radius-md:0.375rem;--pure-radius-lg:0.5rem;--pure-radius-xl:0.75rem;--pure-radius-full:9999px;--pure-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--pure-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--pure-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--pure-shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--pure-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--pure-font-size-xs:0.75rem;--pure-font-size-sm:0.875rem;--pure-font-size-md:1rem;--pure-font-size-lg:1.125rem;--pure-font-size-xl:1.25rem;--pure-font-size-2xl:1.5rem;--pure-transition-fast:150ms ease-in-out;--pure-transition-base:200ms ease-in-out;--pure-transition-slow:300ms ease-in-out;--pure-z-dropdown:1000;--pure-z-modal:1050;--pure-z-tooltip:1100}

package/dist/index.d.ts

@@ -1,2 +0,0 @@
-export { PureButton } from './components/Button';
-//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/index.esm.css

@@ -1 +0,0 @@
-.Button-module__button___2ZuB7{align-items:center;border:none;border-radius:var(--pure-radius-md);cursor:pointer;display:inline-flex;font-family:var(--pure-font-family);font-size:var(--pure-font-size-md);font-weight:500;gap:var(--pure-spacing-sm);justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all var(--pure-transition-base)}.Button-module__button--primary___0eqDM{background-color:var(--pure-color-primary);color:var(--pure-color-white)}.Button-module__button--primary___0eqDM:hover:not(:disabled){background-color:var(--pure-color-primary-hover)}.Button-module__button--secondary___iK3TS{background-color:var(--pure-color-secondary);color:var(--pure-color-white)}.Button-module__button--secondary___iK3TS:hover:not(:disabled){background-color:var(--pure-color-secondary-hover)}.Button-module__button--success___1WVzM{background-color:var(--pure-color-success);color:var(--pure-color-white)}.Button-module__button--success___1WVzM:hover:not(:disabled){background-color:var(--pure-color-success-hover)}.Button-module__button--danger___y2uGS{background-color:var(--pure-color-danger);color:var(--pure-color-white)}.Button-module__button--danger___y2uGS:hover:not(:disabled){background-color:var(--pure-color-danger-hover)}.Button-module__button--warning___cp3iP{background-color:var(--pure-color-warning);color:var(--pure-color-white)}.Button-module__button--warning___cp3iP:hover:not(:disabled){background-color:var(--pure-color-warning-hover)}.Button-module__button--outline___eVhnr{background-color:transparent;border:1px solid var(--pure-color-primary);color:var(--pure-color-primary)}.Button-module__button--outline___eVhnr:hover:not(:disabled){background-color:var(--pure-color-primary-light)}.Button-module__button--ghost___nktSD{background-color:transparent;color:var(--pure-color-primary)}.Button-module__button--ghost___nktSD:hover:not(:disabled){background-color:var(--pure-color-primary-light)}.Button-module__button--sm___-XOLs{font-size:var(--pure-font-size-sm);padding:var(--pure-spacing-xs) var(--pure-spacing-sm)}.Button-module__button--md___-GRga{font-size:var(--pure-font-size-md);padding:var(--pure-spacing-sm) var(--pure-spacing-md)}.Button-module__button--lg___p-URz{font-size:var(--pure-font-size-lg);padding:var(--pure-spacing-md) var(--pure-spacing-lg)}.Button-module__button--full-width___XyuwA{width:100%}.Button-module__button--loading___lNyfH{opacity:.8;pointer-events:none}.Button-module__button___2ZuB7:disabled{cursor:not-allowed;opacity:.6}.Button-module__button__icon___e6c-f,.Button-module__button__text___JjFiL{align-items:center;display:flex;justify-content:center}.Button-module__button__spinner___1soI4{height:20px;position:absolute;width:20px}.Button-module__spinner___ZExvW{animation:Button-module__rotate___TQjyl 2s linear infinite;height:100%;width:100%}.Button-module__spinner-path___Zk3SN{stroke:currentColor;stroke-linecap:round;animation:Button-module__dash___NItHE 1.5s ease-in-out infinite}@keyframes Button-module__rotate___TQjyl{to{transform:rotate(1turn)}}@keyframes Button-module__dash___NItHE{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}:root{--pure-color-primary:#2563eb;--pure-color-primary-hover:#1d4ed8;--pure-color-primary-light:#dbeafe;--pure-color-secondary:#64748b;--pure-color-secondary-hover:#475569;--pure-color-secondary-light:#f1f5f9;--pure-color-success:#10b981;--pure-color-success-hover:#059669;--pure-color-success-light:#d1fae5;--pure-color-danger:#ef4444;--pure-color-danger-hover:#dc2626;--pure-color-danger-light:#fee2e2;--pure-color-warning:#f59e0b;--pure-color-warning-hover:#d97706;--pure-color-warning-light:#fef3c7;--pure-color-info:#3b82f6;--pure-color-info-hover:#2563eb;--pure-color-info-light:#dbeafe;--pure-color-white:#fff;--pure-color-black:#000;--pure-color-gray-50:#f9fafb;--pure-color-gray-100:#f3f4f6;--pure-color-gray-200:#e5e7eb;--pure-color-gray-300:#d1d5db;--pure-color-gray-400:#9ca3af;--pure-color-gray-500:#6b7280;--pure-color-gray-600:#4b5563;--pure-color-gray-700:#374151;--pure-color-gray-800:#1f2937;--pure-color-gray-900:#111827;--pure-spacing-xs:0.25rem;--pure-spacing-sm:0.5rem;--pure-spacing-md:1rem;--pure-spacing-lg:1.5rem;--pure-spacing-xl:2rem;--pure-spacing-2xl:3rem;--pure-radius-sm:0.25rem;--pure-radius-md:0.375rem;--pure-radius-lg:0.5rem;--pure-radius-xl:0.75rem;--pure-radius-full:9999px;--pure-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--pure-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--pure-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--pure-shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--pure-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--pure-font-size-xs:0.75rem;--pure-font-size-sm:0.875rem;--pure-font-size-md:1rem;--pure-font-size-lg:1.125rem;--pure-font-size-xl:1.25rem;--pure-font-size-2xl:1.5rem;--pure-transition-fast:150ms ease-in-out;--pure-transition-base:200ms ease-in-out;--pure-transition-slow:300ms ease-in-out;--pure-z-dropdown:1000;--pure-z-modal:1050;--pure-z-tooltip:1100}

package/dist/index.esm.js

@@ -1,25 +0,0 @@
-import React from 'react';
-
-var styles = {"button":"Button-module__button___2ZuB7","button--primary":"Button-module__button--primary___0eqDM","button--secondary":"Button-module__button--secondary___iK3TS","button--success":"Button-module__button--success___1WVzM","button--danger":"Button-module__button--danger___y2uGS","button--warning":"Button-module__button--warning___cp3iP","button--outline":"Button-module__button--outline___eVhnr","button--ghost":"Button-module__button--ghost___nktSD","button--sm":"Button-module__button--sm___-XOLs","button--md":"Button-module__button--md___-GRga","button--lg":"Button-module__button--lg___p-URz","button--full-width":"Button-module__button--full-width___XyuwA","button--loading":"Button-module__button--loading___lNyfH","button__icon":"Button-module__button__icon___e6c-f","button__text":"Button-module__button__text___JjFiL","button__spinner":"Button-module__button__spinner___1soI4","spinner":"Button-module__spinner___ZExvW","rotate":"Button-module__rotate___TQjyl","spinner-path":"Button-module__spinner-path___Zk3SN","dash":"Button-module__dash___NItHE"};
-
-const PureButton = ({ variant = 'primary', size = 'md', fullWidth = false, loading = false, disabled = false, children, leftIcon, rightIcon, className = '', ...props }) => {
-    const classes = [
-        styles.button,
-        styles[`button--${variant}`],
-        styles[`button--${size}`],
-        fullWidth && styles['button--full-width'],
-        loading && styles['button--loading'],
-        className
-    ].filter(Boolean).join(' ');
-    return (React.createElement("button", { className: classes, disabled: disabled || loading, ...props },
-        loading && (React.createElement("span", { className: styles['button__spinner'] },
-            React.createElement("svg", { className: styles['spinner'], viewBox: "0 0 50 50" },
-                React.createElement("circle", { className: styles['spinner-path'], cx: "25", cy: "25", r: "20", fill: "none", strokeWidth: "4" })))),
-        !loading && leftIcon && (React.createElement("span", { className: styles['button__icon'] }, leftIcon)),
-        React.createElement("span", { className: styles['button__text'] }, children),
-        !loading && rightIcon && (React.createElement("span", { className: styles['button__icon'] }, rightIcon))));
-};
-PureButton.displayName = 'PureButton';
-
-export { PureButton };
-//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../src/components/Button/Button.tsx"],"sourcesContent":["import React from 'react';\r\nimport { ButtonProps } from './Button.types';\r\nimport styles from \"./Button.module.css\";\r\nimport \"../../styles/variables.css\";\r\n\r\nexport const PureButton: React.FC<ButtonProps> = ({\r\n    variant = 'primary',\r\n    size = 'md',\r\n    fullWidth = false,\r\n    loading = false,\r\n    disabled = false,\r\n    children,\r\n    leftIcon,\r\n    rightIcon,\r\n    className = '',\r\n    ...props\r\n}) => {\r\n    const classes = [\r\n        styles.button,\r\n        styles[`button--${variant}`],\r\n        styles[`button--${size}`],\r\n        fullWidth && styles['button--full-width'],\r\n        loading && styles['button--loading'],\r\n        className\r\n    ].filter(Boolean).join(' ');\r\n\r\n    return (\r\n        <button\r\n            className={classes}\r\n            disabled={disabled || loading}\r\n            {...props}\r\n        >\r\n            {loading && (\r\n                <span className={styles['button__spinner']}>\r\n                    {/* Loading spinner */}\r\n                    <svg className={styles['spinner']} viewBox=\"0 0 50 50\">\r\n                        <circle\r\n                            className={styles['spinner-path']}\r\n                            cx=\"25\"\r\n                            cy=\"25\"\r\n                            r=\"20\"\r\n                            fill=\"none\"\r\n                            strokeWidth=\"4\"\r\n                        />\r\n                    </svg>\r\n                </span>\r\n            )}\r\n            {!loading && leftIcon && (\r\n                <span className={styles['button__icon']}>{leftIcon}</span>\r\n            )}\r\n            <span className={styles['button__text']}>{children}</span>\r\n            {!loading && rightIcon && (\r\n                <span className={styles['button__icon']}>{rightIcon}</span>\r\n            )}\r\n        </button>\r\n    );\r\n};\r\n\r\nPureButton.displayName = 'PureButton';"],"names":[],"mappings":";;;;AAKO,MAAM,UAAU,GAA0B,CAAC,EAC9C,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACX,KAAI;AACD,IAAA,MAAM,OAAO,GAAG;AACZ,QAAA,MAAM,CAAC,MAAM;AACb,QAAA,MAAM,CAAC,CAAA,QAAA,EAAW,OAAO,CAAA,CAAE,CAAC;AAC5B,QAAA,MAAM,CAAC,CAAA,QAAA,EAAW,IAAI,CAAA,CAAE,CAAC;AACzB,QAAA,SAAS,IAAI,MAAM,CAAC,oBAAoB,CAAC;AACzC,QAAA,OAAO,IAAI,MAAM,CAAC,iBAAiB,CAAC;QACpC;KACH,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAE3B,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACI,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAAA,GACzB,KAAK,EAAA;QAER,OAAO,KACJ,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,EAAA;YAEtC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE,OAAO,EAAC,WAAW,EAAA;AAClD,gBAAA,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACI,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EACjC,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,GAAG,EAAA,CACjB,CACA,CACH,CACV;AACA,QAAA,CAAC,OAAO,IAAI,QAAQ,KACjB,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EAAA,EAAG,QAAQ,CAAQ,CAC7D;QACD,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EAAA,EAAG,QAAQ,CAAQ;AACzD,QAAA,CAAC,OAAO,IAAI,SAAS,KAClB,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EAAA,EAAG,SAAS,CAAQ,CAC9D,CACI;AAEjB;AAEA,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/index.js

@@ -1,27 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-var styles = {"button":"Button-module__button___2ZuB7","button--primary":"Button-module__button--primary___0eqDM","button--secondary":"Button-module__button--secondary___iK3TS","button--success":"Button-module__button--success___1WVzM","button--danger":"Button-module__button--danger___y2uGS","button--warning":"Button-module__button--warning___cp3iP","button--outline":"Button-module__button--outline___eVhnr","button--ghost":"Button-module__button--ghost___nktSD","button--sm":"Button-module__button--sm___-XOLs","button--md":"Button-module__button--md___-GRga","button--lg":"Button-module__button--lg___p-URz","button--full-width":"Button-module__button--full-width___XyuwA","button--loading":"Button-module__button--loading___lNyfH","button__icon":"Button-module__button__icon___e6c-f","button__text":"Button-module__button__text___JjFiL","button__spinner":"Button-module__button__spinner___1soI4","spinner":"Button-module__spinner___ZExvW","rotate":"Button-module__rotate___TQjyl","spinner-path":"Button-module__spinner-path___Zk3SN","dash":"Button-module__dash___NItHE"};
-
-const PureButton = ({ variant = 'primary', size = 'md', fullWidth = false, loading = false, disabled = false, children, leftIcon, rightIcon, className = '', ...props }) => {
-    const classes = [
-        styles.button,
-        styles[`button--${variant}`],
-        styles[`button--${size}`],
-        fullWidth && styles['button--full-width'],
-        loading && styles['button--loading'],
-        className
-    ].filter(Boolean).join(' ');
-    return (React.createElement("button", { className: classes, disabled: disabled || loading, ...props },
-        loading && (React.createElement("span", { className: styles['button__spinner'] },
-            React.createElement("svg", { className: styles['spinner'], viewBox: "0 0 50 50" },
-                React.createElement("circle", { className: styles['spinner-path'], cx: "25", cy: "25", r: "20", fill: "none", strokeWidth: "4" })))),
-        !loading && leftIcon && (React.createElement("span", { className: styles['button__icon'] }, leftIcon)),
-        React.createElement("span", { className: styles['button__text'] }, children),
-        !loading && rightIcon && (React.createElement("span", { className: styles['button__icon'] }, rightIcon))));
-};
-PureButton.displayName = 'PureButton';
-
-exports.PureButton = PureButton;
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../src/components/Button/Button.tsx"],"sourcesContent":["import React from 'react';\r\nimport { ButtonProps } from './Button.types';\r\nimport styles from \"./Button.module.css\";\r\nimport \"../../styles/variables.css\";\r\n\r\nexport const PureButton: React.FC<ButtonProps> = ({\r\n    variant = 'primary',\r\n    size = 'md',\r\n    fullWidth = false,\r\n    loading = false,\r\n    disabled = false,\r\n    children,\r\n    leftIcon,\r\n    rightIcon,\r\n    className = '',\r\n    ...props\r\n}) => {\r\n    const classes = [\r\n        styles.button,\r\n        styles[`button--${variant}`],\r\n        styles[`button--${size}`],\r\n        fullWidth && styles['button--full-width'],\r\n        loading && styles['button--loading'],\r\n        className\r\n    ].filter(Boolean).join(' ');\r\n\r\n    return (\r\n        <button\r\n            className={classes}\r\n            disabled={disabled || loading}\r\n            {...props}\r\n        >\r\n            {loading && (\r\n                <span className={styles['button__spinner']}>\r\n                    {/* Loading spinner */}\r\n                    <svg className={styles['spinner']} viewBox=\"0 0 50 50\">\r\n                        <circle\r\n                            className={styles['spinner-path']}\r\n                            cx=\"25\"\r\n                            cy=\"25\"\r\n                            r=\"20\"\r\n                            fill=\"none\"\r\n                            strokeWidth=\"4\"\r\n                        />\r\n                    </svg>\r\n                </span>\r\n            )}\r\n            {!loading && leftIcon && (\r\n                <span className={styles['button__icon']}>{leftIcon}</span>\r\n            )}\r\n            <span className={styles['button__text']}>{children}</span>\r\n            {!loading && rightIcon && (\r\n                <span className={styles['button__icon']}>{rightIcon}</span>\r\n            )}\r\n        </button>\r\n    );\r\n};\r\n\r\nPureButton.displayName = 'PureButton';"],"names":[],"mappings":";;;;;;AAKO,MAAM,UAAU,GAA0B,CAAC,EAC9C,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACX,KAAI;AACD,IAAA,MAAM,OAAO,GAAG;AACZ,QAAA,MAAM,CAAC,MAAM;AACb,QAAA,MAAM,CAAC,CAAA,QAAA,EAAW,OAAO,CAAA,CAAE,CAAC;AAC5B,QAAA,MAAM,CAAC,CAAA,QAAA,EAAW,IAAI,CAAA,CAAE,CAAC;AACzB,QAAA,SAAS,IAAI,MAAM,CAAC,oBAAoB,CAAC;AACzC,QAAA,OAAO,IAAI,MAAM,CAAC,iBAAiB,CAAC;QACpC;KACH,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAE3B,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACI,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAAA,GACzB,KAAK,EAAA;QAER,OAAO,KACJ,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,EAAA;YAEtC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE,OAAO,EAAC,WAAW,EAAA;AAClD,gBAAA,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACI,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EACjC,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,GAAG,EAAA,CACjB,CACA,CACH,CACV;AACA,QAAA,CAAC,OAAO,IAAI,QAAQ,KACjB,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EAAA,EAAG,QAAQ,CAAQ,CAC7D;QACD,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EAAA,EAAG,QAAQ,CAAQ;AACzD,QAAA,CAAC,OAAO,IAAI,SAAS,KAClB,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EAAA,EAAG,SAAS,CAAQ,CAC9D,CACI;AAEjB;AAEA,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/setupTests.d.ts

@@ -1,2 +0,0 @@
-import '@testing-library/jest-dom';
-//# sourceMappingURL=setupTests.d.ts.map

package/dist/setupTests.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"setupTests.d.ts","sourceRoot":"","sources":["../src/setupTests.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

package/src/styles/index.css

@@ -1,81 +0,0 @@
-/* CSS Variables */
-:root {
-  /* Colors */
-  --pure-color-primary: #2563eb;
-  --pure-color-primary-hover: #1d4ed8;
-  --pure-color-primary-light: #dbeafe;
-  
-  --pure-color-secondary: #64748b;
-  --pure-color-secondary-hover: #475569;
-  --pure-color-secondary-light: #f1f5f9;
-  
-  --pure-color-success: #10b981;
-  --pure-color-success-hover: #059669;
-  --pure-color-success-light: #d1fae5;
-  
-  --pure-color-danger: #ef4444;
-  --pure-color-danger-hover: #dc2626;
-  --pure-color-danger-light: #fee2e2;
-  
-  --pure-color-warning: #f59e0b;
-  --pure-color-warning-hover: #d97706;
-  --pure-color-warning-light: #fef3c7;
-  
-  --pure-color-info: #3b82f6;
-  --pure-color-info-hover: #2563eb;
-  --pure-color-info-light: #dbeafe;
-  
-  /* Neutrals */
-  --pure-color-white: #ffffff;
-  --pure-color-black: #000000;
-  --pure-color-gray-50: #f9fafb;
-  --pure-color-gray-100: #f3f4f6;
-  --pure-color-gray-200: #e5e7eb;
-  --pure-color-gray-300: #d1d5db;
-  --pure-color-gray-400: #9ca3af;
-  --pure-color-gray-500: #6b7280;
-  --pure-color-gray-600: #4b5563;
-  --pure-color-gray-700: #374151;
-  --pure-color-gray-800: #1f2937;
-  --pure-color-gray-900: #111827;
-  
-  /* Spacing */
-  --pure-spacing-xs: 0.25rem;
-  --pure-spacing-sm: 0.5rem;
-  --pure-spacing-md: 1rem;
-  --pure-spacing-lg: 1.5rem;
-  --pure-spacing-xl: 2rem;
-  --pure-spacing-2xl: 3rem;
-  
-  /* Border Radius */
-  --pure-radius-sm: 0.25rem;
-  --pure-radius-md: 0.375rem;
-  --pure-radius-lg: 0.5rem;
-  --pure-radius-xl: 0.75rem;
-  --pure-radius-full: 9999px;
-  
-  /* Shadows */
-  --pure-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  --pure-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  --pure-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  --pure-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  
-  /* Typography */
-  --pure-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-  --pure-font-size-xs: 0.75rem;
-  --pure-font-size-sm: 0.875rem;
-  --pure-font-size-md: 1rem;
-  --pure-font-size-lg: 1.125rem;
-  --pure-font-size-xl: 1.25rem;
-  --pure-font-size-2xl: 1.5rem;
-  
-  /* Transitions */
-  --pure-transition-fast: 150ms ease-in-out;
-  --pure-transition-base: 200ms ease-in-out;
-  --pure-transition-slow: 300ms ease-in-out;
-  
-  /* Z-index */
-  --pure-z-dropdown: 1000;
-  --pure-z-modal: 1050;
-  --pure-z-tooltip: 1100;
-}

package/src/styles/variables.css

@@ -1,80 +0,0 @@
-:root {
-  /* Colors */
-  --pure-color-primary: #2563eb;
-  --pure-color-primary-hover: #1d4ed8;
-  --pure-color-primary-light: #dbeafe;
-  
-  --pure-color-secondary: #64748b;
-  --pure-color-secondary-hover: #475569;
-  --pure-color-secondary-light: #f1f5f9;
-  
-  --pure-color-success: #10b981;
-  --pure-color-success-hover: #059669;
-  --pure-color-success-light: #d1fae5;
-  
-  --pure-color-danger: #ef4444;
-  --pure-color-danger-hover: #dc2626;
-  --pure-color-danger-light: #fee2e2;
-  
-  --pure-color-warning: #f59e0b;
-  --pure-color-warning-hover: #d97706;
-  --pure-color-warning-light: #fef3c7;
-  
-  --pure-color-info: #3b82f6;
-  --pure-color-info-hover: #2563eb;
-  --pure-color-info-light: #dbeafe;
-  
-  /* Neutrals */
-  --pure-color-white: #ffffff;
-  --pure-color-black: #000000;
-  --pure-color-gray-50: #f9fafb;
-  --pure-color-gray-100: #f3f4f6;
-  --pure-color-gray-200: #e5e7eb;
-  --pure-color-gray-300: #d1d5db;
-  --pure-color-gray-400: #9ca3af;
-  --pure-color-gray-500: #6b7280;
-  --pure-color-gray-600: #4b5563;
-  --pure-color-gray-700: #374151;
-  --pure-color-gray-800: #1f2937;
-  --pure-color-gray-900: #111827;
-  
-  /* Spacing */
-  --pure-spacing-xs: 0.25rem;
-  --pure-spacing-sm: 0.5rem;
-  --pure-spacing-md: 1rem;
-  --pure-spacing-lg: 1.5rem;
-  --pure-spacing-xl: 2rem;
-  --pure-spacing-2xl: 3rem;
-  
-  /* Border Radius */
-  --pure-radius-sm: 0.25rem;
-  --pure-radius-md: 0.375rem;
-  --pure-radius-lg: 0.5rem;
-  --pure-radius-xl: 0.75rem;
-  --pure-radius-full: 9999px;
-  
-  /* Shadows */
-  --pure-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  --pure-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  --pure-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  --pure-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-  
-  /* Typography */
-  --pure-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-  --pure-font-size-xs: 0.75rem;
-  --pure-font-size-sm: 0.875rem;
-  --pure-font-size-md: 1rem;
-  --pure-font-size-lg: 1.125rem;
-  --pure-font-size-xl: 1.25rem;
-  --pure-font-size-2xl: 1.5rem;
-  
-  /* Transitions */
-  --pure-transition-fast: 150ms ease-in-out;
-  --pure-transition-base: 200ms ease-in-out;
-  --pure-transition-slow: 300ms ease-in-out;
-  
-  /* Z-index */
-  --pure-z-dropdown: 1000;
-  --pure-z-modal: 1050;
-  --pure-z-tooltip: 1100;
-}