@metropolle/design-system 1.0.0-beta.20250821014534.5a59824

package/README.md

@@ -0,0 +1,81 @@
+# @metropolle/design-system
+
+A unified design system for the Metropolle platform, providing consistent design tokens, React components, and styling utilities.
+
+## 🎨 Features
+
+- **Design Tokens**: CSS variables, JSON, and TypeScript definitions
+- **React Components**: Reusable UI components with TypeScript support
+- **Glass Card Design**: Modern glassmorphism components
+- **Typography System**: Consistent text styling and branding
+- **CSS Utilities**: Pre-built CSS classes and variables
+
+## 📦 Installation
+
+```bash
+npm install @metropolle/design-system
+```
+
+## 🚀 Usage
+
+### React Components
+
+```tsx
+import { GlassCard, Typography, Button } from '@metropolle/design-system';
+
+function App() {
+  return (
+    <GlassCard variant="light">
+      <Typography variant="brand">Welcome to Metropolle</Typography>
+      <Button>Get Started</Button>
+    </GlassCard>
+  );
+}
+```
+
+### Design Tokens
+
+```tsx
+import { tokens, getToken, getCSSVar } from '@metropolle/design-system';
+
+// Access token values
+const primaryColor = getToken('colors', 'primary');
+const cssVar = getCSSVar('colors', 'primary');
+```
+
+### CSS Variables
+
+```css
+@import '@metropolle/design-system/dist/css/tokens.css';
+
+.my-component {
+  background: var(--mds-colors-primary);
+  border-radius: var(--mds-spacing-borderRadius-lg);
+}
+```
+
+## 📚 Documentation
+
+- [Storybook](https://design.metropolle.com) - Interactive component documentation
+- [Design Tokens](https://design.metropolle.com/?path=/docs/introduction--docs) - Token reference
+- [Components](https://design.metropolle.com/?path=/docs/components-glasscard--docs) - Component examples
+
+## 🛠️ Development
+
+```bash
+# Install dependencies
+npm install
+
+# Start Storybook
+npm run dev
+
+# Build the package
+npm run build
+
+# Run tests
+npm test
+```
+
+## 📄 License
+
+MIT License - see LICENSE file for details.

package/dist/css/components.css

@@ -0,0 +1,323 @@
+/* Metropolle Design System - Component Styles */
+
+/* Button Styles */
+.mds-button {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--mds-spacing-sm);
+  
+  font-family: var(--mds-typography-fontFamily-brand);
+  font-weight: var(--mds-typography-fontWeight-medium);
+  text-decoration: none;
+  
+  border: none;
+  border-radius: var(--mds-spacing-borderRadius-md);
+  cursor: pointer;
+  transition: var(--mds-effects-transition-normal);
+  
+  /* Remove default button styles */
+  background: none;
+  outline: none;
+  
+  /* Prevent text selection */
+  -moz-user-select: none;
+       user-select: none;
+  -webkit-user-select: none;
+}
+
+.mds-button:disabled,
+.mds-button--disabled {
+  opacity: var(--mds-effects-opacity-disabled);
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.mds-button--loading {
+  cursor: wait;
+}
+
+.mds-button--full-width {
+  width: 100%;
+}
+
+/* Button Sizes */
+.mds-button--sm {
+  padding: var(--mds-spacing-sm) var(--mds-spacing-md);
+  font-size: var(--mds-typography-fontSize-sm);
+  min-height: 2rem;
+}
+
+.mds-button--md {
+  padding: var(--mds-spacing-md) var(--mds-spacing-lg);
+  font-size: var(--mds-typography-fontSize-base);
+  min-height: 2.5rem;
+}
+
+.mds-button--lg {
+  padding: var(--mds-spacing-lg) var(--mds-spacing-xl);
+  font-size: var(--mds-typography-fontSize-lg);
+  min-height: 3rem;
+}
+
+/* Button Variants */
+.mds-button--primary {
+  background: var(--mds-color-brand-primary);
+  color: white;
+  box-shadow: var(--mds-spacing-shadow-md);
+}
+
+.mds-button--primary:hover:not(:disabled) {
+  background: #0044CC;
+  transform: var(--mds-effects-transform-scale-hover);
+  box-shadow: var(--mds-spacing-shadow-lg);
+}
+
+.mds-button--primary:active:not(:disabled) {
+  transform: var(--mds-effects-transform-scale-active);
+}
+
+.mds-button--secondary {
+  background: var(--mds-color-brand-secondary);
+  color: white;
+  box-shadow: var(--mds-spacing-shadow-md);
+}
+
+.mds-button--secondary:hover:not(:disabled) {
+  background: #E68A00;
+  transform: var(--mds-effects-transform-scale-hover);
+  box-shadow: var(--mds-spacing-shadow-lg);
+}
+
+.mds-button--outline {
+  background: transparent;
+  color: var(--mds-color-text-primary);
+  border: 2px solid var(--mds-color-border-medium);
+}
+
+.mds-button--outline:hover:not(:disabled) {
+  background: var(--mds-color-background-secondary);
+  border-color: var(--mds-color-border-strong);
+}
+
+.mds-button--ghost {
+  background: transparent;
+  color: var(--mds-color-text-primary);
+}
+
+.mds-button--ghost:hover:not(:disabled) {
+  background: var(--mds-color-background-secondary);
+}
+
+.mds-button--glass {
+  background: var(--mds-color-background-glass-light);
+  color: var(--mds-color-text-primary);
+  backdrop-filter: var(--mds-effects-backdrop-glass-filter);
+  -webkit-backdrop-filter: var(--mds-effects-backdrop-glass-webkitFilter);
+  border: 1px solid var(--mds-color-border-light);
+  box-shadow: var(--mds-spacing-shadow-glass-light);
+}
+
+.mds-button--glass:hover:not(:disabled) {
+  background: var(--mds-color-background-glass-dark);
+  border-color: var(--mds-color-border-medium);
+  transform: var(--mds-effects-transform-hoverUp);
+  box-shadow: var(--mds-spacing-shadow-glass-lightHover);
+}
+
+/* Button Icons */
+.mds-button__icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.mds-button__icon--left {
+  margin-right: calc(var(--mds-spacing-sm) * -0.5);
+}
+
+.mds-button__icon--right {
+  margin-left: calc(var(--mds-spacing-sm) * -0.5);
+}
+
+.mds-button__content {
+  display: inline-flex;
+  align-items: center;
+}
+
+/* Spinner Animation */
+.mds-spinner {
+  animation: mds-spin 1s linear infinite;
+}
+
+.mds-spinner__path {
+  animation: mds-spinner-dash 2s ease-in-out infinite;
+}
+
+@keyframes mds-spin {
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
+}
+
+@keyframes mds-spinner-dash {
+  0% {
+    stroke-dasharray: 1 40;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 40 40;
+    stroke-dashoffset: -15;
+  }
+  100% {
+    stroke-dasharray: 40 40;
+    stroke-dashoffset: -60;
+  }
+}
+
+/* Typography Styles */
+.mds-text {
+  font-family: var(--mds-typography-fontFamily-brand);
+  color: var(--mds-color-text-primary);
+  margin: 0;
+}
+
+.mds-text--color-primary {
+  color: var(--mds-color-text-primary);
+}
+
+.mds-text--color-secondary {
+  color: var(--mds-color-text-secondary);
+}
+
+.mds-text--color-muted {
+  color: var(--mds-color-text-muted);
+}
+
+/* Font Weights */
+.mds-text--weight-light {
+  font-weight: var(--mds-typography-fontWeight-light);
+}
+
+.mds-text--weight-normal {
+  font-weight: var(--mds-typography-fontWeight-normal);
+}
+
+.mds-text--weight-medium {
+  font-weight: var(--mds-typography-fontWeight-medium);
+}
+
+.mds-text--weight-semibold {
+  font-weight: var(--mds-typography-fontWeight-semibold);
+}
+
+.mds-text--weight-bold {
+  font-weight: var(--mds-typography-fontWeight-bold);
+}
+
+/* Font Sizes */
+.mds-text--size-xs {
+  font-size: var(--mds-typography-fontSize-xs);
+}
+
+.mds-text--size-sm {
+  font-size: var(--mds-typography-fontSize-sm);
+}
+
+.mds-text--size-base {
+  font-size: var(--mds-typography-fontSize-base);
+  line-height: var(--mds-typography-lineHeight-normal);
+}
+
+.mds-text--size-lg {
+  font-size: var(--mds-typography-fontSize-lg);
+}
+
+.mds-text--size-xl {
+  font-size: var(--mds-typography-fontSize-xl);
+}
+
+.mds-text--size-2xl {
+  font-size: var(--mds-typography-fontSize-2xl);
+  line-height: var(--mds-typography-lineHeight-tight);
+}
+
+.mds-text--size-3xl {
+  font-size: var(--mds-typography-fontSize-3xl);
+  line-height: var(--mds-typography-lineHeight-tight);
+}
+
+.mds-text--size-4xl {
+  font-size: var(--mds-typography-fontSize-4xl);
+  line-height: var(--mds-typography-lineHeight-tight);
+}
+
+/* Typography Variants */
+.mds-text--h1,
+.mds-text--h2,
+.mds-text--h3,
+.mds-text--h4 {
+  font-weight: var(--mds-typography-fontWeight-semibold);
+  line-height: var(--mds-typography-lineHeight-tight);
+}
+
+.mds-text--body {
+  line-height: var(--mds-typography-lineHeight-normal);
+}
+
+.mds-text--caption {
+  font-size: var(--mds-typography-fontSize-sm);
+  color: var(--mds-color-text-secondary);
+}
+
+.mds-text--brand,
+.mds-brand-logo {
+  font-size: var(--mds-typography-fontSize-4xl);
+  line-height: var(--mds-typography-lineHeight-tight);
+  letter-spacing: var(--mds-typography-letterSpacing-brand);
+  font-weight: var(--mds-typography-fontWeight-normal);
+  color: var(--mds-color-text-primary);
+}
+
+/* Brand Logo Responsive */
+@media (max-width: 768px) {
+  .mds-text--brand,
+  .mds-brand-logo,
+  .mds-brand-logo--sm,
+  .mds-brand-logo--md,
+  .mds-brand-logo--lg {
+    font-size: 1.8rem;
+    letter-spacing: var(--mds-typography-letterSpacing-tight);
+  }
+}
+
+/* Glass Card - Enhanced styles (complementing base tokens.css) */
+.mds-glass-card--no-hover:hover {
+  transform: none !important;
+  box-shadow: inherit !important;
+  border-color: inherit !important;
+  background: inherit !important;
+}
+
+/* Utility Classes */
+.mds-sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+.mds-focus-visible {
+  outline: 2px solid var(--mds-color-brand-primary);
+  outline-offset: 2px;
+}
+
+/* Dark mode support (future) */
+@media (prefers-color-scheme: dark) {
+  /* Enhanced styles for dark mode when implemented */
+}

package/dist/css/tokens.css

@@ -0,0 +1,90 @@
+:root {
+  /* Metropolle Design System Tokens */
+
+  /* TYPOGRAPHY */
+  --mds-typography-fontFamily-brand: Helvetica, Inter Tight, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+  --mds-typography-fontFamily-mono: 'SF Mono', Monaco, 'Inconsolata', 'Roboto Mono', 'Source Code Pro', monospace;
+  --mds-typography-fontSize-xs: 0.75rem;
+  --mds-typography-fontSize-sm: 0.875rem;
+  --mds-typography-fontSize-base: 1rem;
+  --mds-typography-fontSize-lg: 1.125rem;
+  --mds-typography-fontSize-xl: 1.25rem;
+  --mds-typography-fontSize-2xl: 1.5rem;
+  --mds-typography-fontSize-3xl: 1.875rem;
+  --mds-typography-fontSize-4xl: 2.125rem;
+  --mds-typography-lineHeight-tight: 1.2;
+  --mds-typography-lineHeight-normal: 1.5;
+  --mds-typography-lineHeight-relaxed: 1.75;
+  --mds-typography-letterSpacing-brand: -0.05rem;
+  --mds-typography-letterSpacing-tight: -0.03rem;
+  --mds-typography-letterSpacing-normal: 0;
+  --mds-typography-letterSpacing-wide: 0.025rem;
+  --mds-typography-fontWeight-light: 300;
+  --mds-typography-fontWeight-normal: 400;
+  --mds-typography-fontWeight-medium: 500;
+  --mds-typography-fontWeight-semibold: 600;
+  --mds-typography-fontWeight-bold: 700;
+
+  /* SPACING */
+  --mds-spacing-xs: 0.25rem;
+  --mds-spacing-sm: 0.5rem;
+  --mds-spacing-md: 1rem;
+  --mds-spacing-lg: 1.5rem;
+  --mds-spacing-xl: 2rem;
+  --mds-spacing-2xl: 3rem;
+  --mds-spacing-3xl: 4rem;
+
+}
+
+/* Glass Card Base Classes */
+.mds-glass-card {
+  backdrop-filter: var(--mds-effects-backdrop-glass-filter);
+  -webkit-backdrop-filter: var(--mds-effects-backdrop-glass-webkitFilter);
+  border-radius: var(--mds-spacing-borderRadius-xl);
+  transition: var(--mds-effects-transition-normal);
+  padding: var(--mds-spacing-md);
+}
+
+.mds-glass-card--light {
+  background: var(--mds-color-background-glass-light);
+  box-shadow: var(--mds-spacing-shadow-glass-light);
+}
+
+.mds-glass-card--dark {
+  background: var(--mds-color-background-glass-dark);
+  border: 1px solid var(--mds-color-border-light);
+  box-shadow: var(--mds-spacing-shadow-glass-dark);
+}
+
+.mds-glass-card:hover {
+  transform: var(--mds-effects-transform-hoverUp);
+}
+
+.mds-glass-card--light:hover {
+  box-shadow: var(--mds-spacing-shadow-glass-lightHover);
+}
+
+.mds-glass-card--dark:hover {
+  box-shadow: var(--mds-spacing-shadow-glass-darkHover);
+  border-color: var(--mds-color-border-medium);
+}
+
+/* Typography Classes */
+.mds-text {
+  font-family: var(--mds-typography-fontFamily-brand);
+  color: var(--mds-color-text-primary);
+}
+
+.mds-text--brand {
+  font-size: var(--mds-typography-fontSize-4xl);
+  line-height: var(--mds-typography-lineHeight-tight);
+  letter-spacing: var(--mds-typography-letterSpacing-brand);
+  font-weight: var(--mds-typography-fontWeight-normal);
+}
+
+@media (max-width: 768px) {
+  .mds-text--brand {
+    font-size: 1.8rem;
+    letter-spacing: var(--mds-typography-letterSpacing-tight);
+  }
+}

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

@@ -0,0 +1,27 @@
+import React, { ButtonHTMLAttributes } from 'react';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Variante visual do botão */
+    variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'glass';
+    /** Tamanho do botão */
+    size?: 'sm' | 'md' | 'lg';
+    /** Estado de loading */
+    loading?: boolean;
+    /** Ícone à esquerda do texto */
+    leftIcon?: React.ReactNode;
+    /** Ícone à direita do texto */
+    rightIcon?: React.ReactNode;
+    /** Botão ocupa toda a largura disponível */
+    fullWidth?: boolean;
+    /** Classes CSS adicionais */
+    className?: string;
+    /** Conteúdo do botão */
+    children: React.ReactNode;
+}
+/**
+ * Button Component
+ *
+ * Componente de botão com variantes baseadas no design system Metropolle.
+ * Inclui suporte a glass morphism e estados de loading.
+ */
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGhE,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,+BAA+B;IAC/B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;IAClE,uBAAuB;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,wBAAwB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,MAAM,uFA4DjB,CAAC"}

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

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

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

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

package/dist/react/components/react/GlassCard/GlassCard.d.ts

@@ -0,0 +1,23 @@
+import React, { HTMLAttributes } from 'react';
+export interface GlassCardProps extends HTMLAttributes<HTMLDivElement> {
+    /** Variante do glass card */
+    variant?: 'light' | 'dark';
+    /** Valor do blur em pixels */
+    blur?: number;
+    /** Opacidade do background (0-1) */
+    opacity?: number;
+    /** Conteúdo do card */
+    children: React.ReactNode;
+    /** Classes CSS adicionais */
+    className?: string;
+    /** Se deve aplicar hover effects */
+    enableHover?: boolean;
+}
+/**
+ * Glass Card Component
+ *
+ * Componente de cartão com efeito glassmorphism baseado na identidade Metropolle.
+ * Migrado dos componentes Angular existentes com melhorias.
+ */
+export declare const GlassCard: React.ForwardRefExoticComponent<GlassCardProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=GlassCard.d.ts.map

package/dist/react/components/react/GlassCard/GlassCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlassCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/GlassCard/GlassCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,cAAc,EAAE,MAAM,OAAO,CAAC;AAG1D,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uBAAuB;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;GAKG;AACH,eAAO,MAAM,SAAS,uFAwFpB,CAAC"}

package/dist/react/components/react/GlassCard/index.d.ts

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

package/dist/react/components/react/GlassCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/GlassCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/react/components/react/Typography/Typography.d.ts

@@ -0,0 +1,39 @@
+import React, { HTMLAttributes } from 'react';
+type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'body' | 'caption' | 'brand';
+type TypographySizes = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
+export interface TypographyProps extends HTMLAttributes<HTMLElement> {
+    /** Variante semântica do texto */
+    variant?: TypographyVariant;
+    /** Tamanho específico (sobrescreve variant) */
+    size?: TypographySizes;
+    /** Elemento HTML a ser renderizado */
+    as?: keyof JSX.IntrinsicElements;
+    /** Conteúdo do texto */
+    children: React.ReactNode;
+    /** Classes CSS adicionais */
+    className?: string;
+    /** Cor do texto */
+    color?: 'primary' | 'secondary' | 'muted';
+    /** Peso da fonte */
+    weight?: 'light' | 'normal' | 'medium' | 'semibold' | 'bold';
+}
+/**
+ * Typography Component
+ *
+ * Sistema de tipografia baseado nos design tokens da Metropolle.
+ * Implementa a identidade tipográfica Helvetica com letter-spacing característico.
+ */
+export declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
+/**
+ * Brand Logo Component
+ *
+ * Componente específico para o logo da marca Metropolle
+ * com tipografia e espaçamento característicos.
+ */
+export interface BrandLogoProps extends Omit<TypographyProps, 'variant' | 'as' | 'size'> {
+    /** Tamanho do logo */
+    size?: 'sm' | 'md' | 'lg';
+}
+export declare const BrandLogo: React.ForwardRefExoticComponent<BrandLogoProps & React.RefAttributes<HTMLHeadingElement>>;
+export {};
+//# sourceMappingURL=Typography.d.ts.map

package/dist/react/components/react/Typography/Typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,cAAc,EAAE,MAAM,OAAO,CAAC;AAG1D,KAAK,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAClF,KAAK,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAElF,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAClE,kCAAkC;IAClC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,+CAA+C;IAC/C,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;IACjC,wBAAwB;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;IAC1C,oBAAoB;IACpB,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;CAC9D;AAsBD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,qFA6BrB,CAAC;AAIH;;;;;GAKG;AACH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,IAAI,GAAG,MAAM,CAAC;IACtF,sBAAsB;IACtB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS,2FA2BpB,CAAC"}

package/dist/react/components/react/Typography/index.d.ts

@@ -0,0 +1,2 @@
+export { Typography, BrandLogo, type TypographyProps, type BrandLogoProps } from './Typography';
+//# sourceMappingURL=index.d.ts.map

package/dist/react/components/react/Typography/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/Typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,8 @@
+export { GlassCard, type GlassCardProps } from './GlassCard';
+export { Typography, BrandLogo, type TypographyProps, type BrandLogoProps } from './Typography';
+export { Button, type ButtonProps } from './Button';
+export { cn } from '../../utils/cn';
+export * from './GlassCard';
+export * from './Typography';
+export * from './Button';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/react/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EACL,UAAU,EACV,SAAS,EACT,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAGpD,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAGpC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}