@metropolle/design-system 1.0.0-beta.2026.1.25.11.9200926 → 1.0.0-beta.2026.1.25.404.088068c

package/dist/react/index.js

@@ -1470,6 +1470,26 @@ const GlassCard = require$$0.forwardRef(({ glassStyle = 'liquid', intensity = 'm
 });
 GlassCard.displayName = 'GlassCard';
 
+/**
+ * Button Component
+ *
+ * Componente de botão com variantes baseadas no design system Metropolle.
+ * Inclui suporte a glass morphism e estados de loading.
+ */
+const Button = require$$0.forwardRef(({ variant = 'primary', size = 'md', loading = false, leftIcon, rightIcon, fullWidth = false, className, children, disabled, ...props }, ref) => {
+    const isDisabled = disabled || loading;
+    return (jsxRuntimeExports.jsxs("button", { ref: ref, className: cn(
+        // Base classes
+        'mds-button', `mds-button--${variant}`, `mds-button--${size}`, 
+        // State classes
+        fullWidth && 'mds-button--full-width', loading && 'mds-button--loading', isDisabled && 'mds-button--disabled', className), disabled: isDisabled, ...props, children: [leftIcon && !loading && (jsxRuntimeExports.jsx("span", { className: "mds-button__icon mds-button__icon--left", children: leftIcon })), loading && (jsxRuntimeExports.jsx("span", { className: "mds-button__icon mds-button__icon--left", children: jsxRuntimeExports.jsx(LoadingSpinner, {}) })), jsxRuntimeExports.jsx("span", { className: "mds-button__content", children: children }), rightIcon && !loading && (jsxRuntimeExports.jsx("span", { className: "mds-button__icon mds-button__icon--right", children: rightIcon }))] }));
+});
+Button.displayName = 'Button';
+/**
+ * Loading Spinner Component
+ */
+const LoadingSpinner = () => (jsxRuntimeExports.jsxs("svg", { className: "mds-spinner", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: [jsxRuntimeExports.jsx("circle", { className: "mds-spinner__track", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2", fill: "none", opacity: "0.25" }), jsxRuntimeExports.jsx("circle", { className: "mds-spinner__path", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2", fill: "none", strokeDasharray: "40 20", strokeLinecap: "round" })] }));
+
 // =============================================================================
 // Icons
 // =============================================================================
@@ -1484,7 +1504,7 @@ function VerificationCheckItem({ check, action, variant }) {
         return (jsxRuntimeExports.jsxs("div", { className: "mds-verification-check-item mds-verification-check-item--compact", children: [jsxRuntimeExports.jsx("span", { className: `mds-verification-check-icon ${check.passed ? 'mds-verification-check-icon--passed' : ''}`, children: check.passed ? '\u2713' : '\u2717' }), jsxRuntimeExports.jsx("span", { className: "mds-verification-check-label", children: check.description })] }));
     }
     // Card version - with points and optional action
-    return (jsxRuntimeExports.jsxs("div", { className: `mds-verification-check-item ${check.passed ? 'mds-verification-check-item--passed' : ''}`, children: [jsxRuntimeExports.jsx("div", { className: "mds-verification-check-status", children: check.passed ? Icons$1.checkCircle : Icons$1.circle }), jsxRuntimeExports.jsxs("div", { className: "mds-verification-check-content", children: [jsxRuntimeExports.jsx("span", { className: "mds-verification-check-description", children: check.description }), jsxRuntimeExports.jsx("span", { className: "mds-verification-check-points", children: check.passed ? '1 point' : '0 points' })] }), action && !check.passed && (jsxRuntimeExports.jsx("button", { type: "button", className: "mds-btn mds-btn--secondary mds-btn--sm", onClick: action.onClick, disabled: action.disabled, children: action.label }))] }));
+    return (jsxRuntimeExports.jsxs("div", { className: `mds-verification-check-item ${check.passed ? 'mds-verification-check-item--passed' : ''}`, children: [jsxRuntimeExports.jsx("div", { className: "mds-verification-check-status", children: check.passed ? Icons$1.checkCircle : Icons$1.circle }), jsxRuntimeExports.jsxs("div", { className: "mds-verification-check-content", children: [jsxRuntimeExports.jsx("span", { className: "mds-verification-check-description", children: check.description }), jsxRuntimeExports.jsx("span", { className: "mds-verification-check-points", children: check.passed ? '1 point' : '0 points' })] }), action && !check.passed && (jsxRuntimeExports.jsx(Button, { variant: "primary", size: "sm", onClick: action.onClick, disabled: action.disabled, children: action.label }))] }));
 }
 // =============================================================================
 // Main Component
@@ -1695,26 +1715,6 @@ className, children = 'Metropolle', ...props }, ref) => {
 });
 BrandLogo.displayName = 'BrandLogo';
 
-/**
- * Button Component
- *
- * Componente de botão com variantes baseadas no design system Metropolle.
- * Inclui suporte a glass morphism e estados de loading.
- */
-const Button = require$$0.forwardRef(({ variant = 'primary', size = 'md', loading = false, leftIcon, rightIcon, fullWidth = false, className, children, disabled, ...props }, ref) => {
-    const isDisabled = disabled || loading;
-    return (jsxRuntimeExports.jsxs("button", { ref: ref, className: cn(
-        // Base classes
-        'mds-button', `mds-button--${variant}`, `mds-button--${size}`, 
-        // State classes
-        fullWidth && 'mds-button--full-width', loading && 'mds-button--loading', isDisabled && 'mds-button--disabled', className), disabled: isDisabled, ...props, children: [leftIcon && !loading && (jsxRuntimeExports.jsx("span", { className: "mds-button__icon mds-button__icon--left", children: leftIcon })), loading && (jsxRuntimeExports.jsx("span", { className: "mds-button__icon mds-button__icon--left", children: jsxRuntimeExports.jsx(LoadingSpinner, {}) })), jsxRuntimeExports.jsx("span", { className: "mds-button__content", children: children }), rightIcon && !loading && (jsxRuntimeExports.jsx("span", { className: "mds-button__icon mds-button__icon--right", children: rightIcon }))] }));
-});
-Button.displayName = 'Button';
-/**
- * Loading Spinner Component
- */
-const LoadingSpinner = () => (jsxRuntimeExports.jsxs("svg", { className: "mds-spinner", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", children: [jsxRuntimeExports.jsx("circle", { className: "mds-spinner__track", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2", fill: "none", opacity: "0.25" }), jsxRuntimeExports.jsx("circle", { className: "mds-spinner__path", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2", fill: "none", strokeDasharray: "40 20", strokeLinecap: "round" })] }));
-
 /**
  * Select Component (Design System)
  *