@metropolle/design-system 1.0.0-beta.1 → 1.0.0-beta.2025.10.1.1541.d0d0b36

package/dist/css/mermaid.css

@@ -0,0 +1,163 @@
+/* Metropolle Design System – Mermaid Diagram Styling */
+
+/*
+   Provides palette-aware theming for Mermaid diagrams that matches the
+   architecture documentation reference. Consumers should pair these styles
+   with the class definitions exported in documentation snippets (ex: pastelBlue,
+   accentOrange) to ensure consistent fill and typography across projects.
+*/
+
+:root {
+  --mds-mermaid-label-dark: var(--mds-color-neutral-900, #0f172a);
+  --mds-mermaid-label-light: var(--mds-color-neutral-50, #f8fafc);
+  --mds-mermaid-node-font-weight: 600;
+  --mds-mermaid-edge-font-weight: 500;
+}
+
+/* Base container styling – glass morphism aligned with platform visuals */
+html[data-theme='dark'] .mermaid {
+  background: rgba(255, 255, 255, 0.05) !important;
+  border-radius: var(--mds-border-radius-lg, 12px);
+  padding: var(--mds-space-4, 1rem);
+  backdrop-filter: blur(10px);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  margin: var(--mds-space-4, 1rem) 0;
+}
+
+html[data-theme='light'] .mermaid {
+  background: rgba(255, 255, 255, 0.7) !important;
+  border-radius: var(--mds-border-radius-lg, 12px);
+  padding: var(--mds-space-4, 1rem);
+  backdrop-filter: blur(10px);
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  margin: var(--mds-space-4, 1rem) 0;
+  box-shadow: var(--mds-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
+}
+
+/* Default typography settings for nodes and clusters */
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster) {
+  --mds-mermaid-node-color: var(--mds-mermaid-label-dark);
+  --mds-mermaid-node-weight-current: var(--mds-mermaid-node-font-weight);
+}
+
+/* Switch to light foreground when nodes use strong accent fills */
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#00bcd4" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#1565c0" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#1976d2" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#2196f3" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#34a853" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#388e3c" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#3b82f6" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#3f48cc" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#4285f4" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#45b7d1" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#4b612c" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#4caf50" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#4ecdc4" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#607d8b" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#627eea" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#673ab7" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#689f38" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#759c3e" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#795548" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#7b1fa2" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#96ceb4" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#9c27b0" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#c2185b" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#dd344c" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#e91e63" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#f44336" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#f57c00" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#f7931a" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#ff5722" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#ff6b6b" i]),
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster):has(> :is(rect, polygon, ellipse, circle, path)[fill="#ff9800" i]) {
+  --mds-mermaid-node-color: var(--mds-mermaid-label-light);
+}
+
+/* Apply the computed foreground colour to all supported Mermaid label types */
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster) g.label text,
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster) g.label tspan {
+  fill: var(--mds-mermaid-node-color) !important;
+  font-weight: var(--mds-mermaid-node-weight-current);
+}
+
+html[data-theme='dark'] .mermaid :is(g.node, g.cluster) g.label foreignObject * {
+  color: var(--mds-mermaid-node-color) !important;
+  font-weight: var(--mds-mermaid-node-weight-current);
+}
+
+/* Preserve lighter typography for edge labels so they remain legible */
+html[data-theme='dark'] .mermaid .edgeLabel text,
+html[data-theme='dark'] .mermaid .edgeLabel tspan {
+  fill: var(--ifm-font-color-base, #e5e7eb) !important;
+  font-weight: var(--mds-mermaid-edge-font-weight);
+}
+
+/* Light theme keeps default dark text but enforces consistent weight */
+html[data-theme='light'] .mermaid :is(g.node, g.cluster) g.label text,
+html[data-theme='light'] .mermaid :is(g.node, g.cluster) g.label tspan,
+html[data-theme='light'] .mermaid :is(g.node, g.cluster) g.label foreignObject * {
+  font-weight: var(--mds-mermaid-node-font-weight, 600);
+}
+
+/*
+ * Metropolle Official Mermaid Diagram Classes
+ * Based on Arquitetura.md color standards - compatible with light/dark themes
+ */
+
+/* Frontend/UI Components */
+.mds-frontend {
+  fill: #e3f2fd;
+  stroke: #1976d2;
+  stroke-width: 2px;
+  color: #000;
+}
+
+/* AWS/Infrastructure Components */
+.mds-aws {
+  fill: #fff3e0;
+  stroke: #f57c00;
+  stroke-width: 2px;
+  color: #000;
+}
+
+/* Runtime/Process Components */
+.mds-runtime {
+  fill: #f3e5f5;
+  stroke: #8e24aa;
+  stroke-width: 2px;
+  color: #000;
+}
+
+/* Storage/Data Components */
+.mds-storage {
+  fill: #e8f5e8;
+  stroke: #388e3c;
+  stroke-width: 2px;
+  color: #000;
+}
+
+/* Security/Authentication Components */
+.mds-security {
+  fill: #ffebee;
+  stroke: #d32f2f;
+  stroke-width: 2px;
+  color: #000;
+}
+
+/* Results/Output Components */
+.mds-result {
+  fill: #fce4ec;
+  stroke: #c2185b;
+  stroke-width: 2px;
+  color: #000;
+}
+
+/* Legacy compatibility aliases */
+.pastelBlue { fill: #e3f2fd; stroke: #1976d2; stroke-width: 2px; color: #000; }
+.accentOrange { fill: #fff3e0; stroke: #f57c00; stroke-width: 2px; color: #000; }
+.pastelPurple { fill: #f3e5f5; stroke: #8e24aa; stroke-width: 2px; color: #000; }
+.pastelGreen { fill: #e8f5e8; stroke: #388e3c; stroke-width: 2px; color: #000; }
+.accentRed { fill: #ffebee; stroke: #d32f2f; stroke-width: 2px; color: #000; }
+.pastelPink { fill: #fce4ec; stroke: #c2185b; stroke-width: 2px; color: #000; }

package/dist/css/tokens.css

@@ -1,6 +1,25 @@
 :root {
   /* Metropolle Design System Tokens */
 
+  /* COLORS */
+  --mds-colors-color-brand-primary: #0055FF;
+  --mds-colors-color-brand-secondary: #FF9900;
+  --mds-colors-color-brand-neutral: #333333;
+  --mds-colors-color-semantic-success: #10B981;
+  --mds-colors-color-semantic-warning: #F59E0B;
+  --mds-colors-color-semantic-error: #EF4444;
+  --mds-colors-color-semantic-info: #3B82F6;
+  --mds-colors-color-background-primary: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #2a2a2a 100%);
+  --mds-colors-color-background-secondary: rgba(255, 255, 255, 0.05);
+  --mds-colors-color-background-glass-light: rgba(255, 255, 255, 0.15);
+  --mds-colors-color-background-glass-dark: rgba(60, 60, 60, 0.8);
+  --mds-colors-color-text-primary: #ffffff;
+  --mds-colors-color-text-secondary: rgba(255, 255, 255, 0.7);
+  --mds-colors-color-text-muted: rgba(255, 255, 255, 0.5);
+  --mds-colors-color-border-light: rgba(255, 255, 255, 0.1);
+  --mds-colors-color-border-medium: rgba(255, 255, 255, 0.2);
+  --mds-colors-color-border-strong: rgba(255, 255, 255, 0.3);
+
   /* 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;
@@ -33,6 +52,40 @@
   --mds-spacing-xl: 2rem;
   --mds-spacing-2xl: 3rem;
   --mds-spacing-3xl: 4rem;
+  --mds-spacing-borderRadius-sm: 0.25rem;
+  --mds-spacing-borderRadius-md: 0.5rem;
+  --mds-spacing-borderRadius-lg: 1rem;
+  --mds-spacing-borderRadius-xl: 1.25rem;
+  --mds-spacing-borderRadius-full: 50%;
+  --mds-spacing-shadow-glass-light: 0 8px 32px rgba(0, 0, 0, 0.1);
+  --mds-spacing-shadow-glass-lightHover: 0 12px 40px rgba(0, 0, 0, 0.15);
+  --mds-spacing-shadow-glass-dark: 0 8px 32px rgba(0, 0, 0, 0.3);
+  --mds-spacing-shadow-glass-darkHover: 0 12px 40px rgba(0, 0, 0, 0.4);
+  --mds-spacing-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
+  --mds-spacing-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);
+  --mds-spacing-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
+  --mds-spacing-blur-glass-default: 20px;
+  --mds-spacing-blur-glass-light: 15px;
+  --mds-spacing-blur-glass-heavy: 30px;
+
+  /* EFFECTS */
+  --mds-effects-transition-fast: 0.15s ease;
+  --mds-effects-transition-normal: 0.3s ease;
+  --mds-effects-transition-slow: 0.5s ease;
+  --mds-effects-animation-fadeIn: fadeIn 0.3s ease-in-out;
+  --mds-effects-animation-slideUp: slideUp 0.3s ease-out;
+  --mds-effects-animation-bounce: bounce 0.6s ease-in-out;
+  --mds-effects-backdrop-glass-filter: blur(var(--blur, 20px));
+  --mds-effects-backdrop-glass-webkitFilter: blur(var(--blur, 20px));
+  --mds-effects-transform-hoverUp: translateY(-2px);
+  --mds-effects-transform-scale-hover: scale(1.02);
+  --mds-effects-transform-scale-active: scale(0.98);
+  --mds-effects-opacity-glass-light-default: 0.15;
+  --mds-effects-opacity-glass-light-hover: 0.2;
+  --mds-effects-opacity-glass-dark-default: 0.8;
+  --mds-effects-opacity-glass-dark-hover: 0.85;
+  --mds-effects-opacity-disabled: 0.5;
+  --mds-effects-opacity-muted: 0.7;
 
 }
 

package/dist/react/components/react/Modal/ConfirmDialog.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface ConfirmDialogProps {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    description?: React.ReactNode;
+    confirmText?: string;
+    cancelText?: string;
+    onConfirm: () => void | Promise<void>;
+    loading?: boolean;
+    tone?: 'warning' | 'danger' | 'info' | 'success';
+    icon?: React.ReactNode;
+    disableOverlayClose?: boolean;
+}
+export declare function ConfirmDialog({ open, onClose, title, description, confirmText, cancelText, onConfirm, loading, tone, icon, disableOverlayClose }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
+export default ConfirmDialog;
+//# sourceMappingURL=ConfirmDialog.d.ts.map

package/dist/react/components/react/Modal/ConfirmDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/Modal/ConfirmDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;IACjD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AA8BD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,WAAW,EACX,WAAyB,EACzB,UAAuB,EACvB,SAAS,EACT,OAAe,EACf,IAAgB,EAChB,IAAI,EACJ,mBAAmB,EACpB,EAAE,kBAAkB,2CA0BpB;AAED,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    closeOnOverlay?: boolean;
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function Modal({ open, onClose, closeOnOverlay, children, className, style }: ModalProps): React.ReactPortal | null;
+export default Modal;
+//# sourceMappingURL=Modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/Modal/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,cAAqB,EACrB,QAAQ,EACR,SAAS,EACT,KAAK,EACN,EAAE,UAAU,4BAyEZ;AAED,eAAe,KAAK,CAAC"}

package/dist/react/components/react/Modal/ModalBody.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ModalBodyProps {
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+    className?: string;
+}
+export declare function ModalBody({ children, style, className }: ModalBodyProps): import("react/jsx-runtime").JSX.Element;
+export default ModalBody;
+//# sourceMappingURL=ModalBody.d.ts.map

package/dist/react/components/react/Modal/ModalBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBody.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/Modal/ModalBody.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,cAAc,2CAMvE;AAED,eAAe,SAAS,CAAC"}

package/dist/react/components/react/Modal/ModalFooter.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface ModalFooterProps {
+    children: React.ReactNode;
+    align?: 'start' | 'center' | 'end';
+}
+export declare function ModalFooter({ children, align }: ModalFooterProps): import("react/jsx-runtime").JSX.Element;
+export default ModalFooter;
+//# sourceMappingURL=ModalFooter.d.ts.map

package/dist/react/components/react/Modal/ModalFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/Modal/ModalFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CACpC;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAa,EAAE,EAAE,gBAAgB,2CAOxE;AAED,eAAe,WAAW,CAAC"}

package/dist/react/components/react/Modal/ModalHeader.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface ModalHeaderProps {
+    title: React.ReactNode;
+    icon?: React.ReactNode;
+    onClose?: () => void;
+    closeAriaLabel?: string;
+    align?: 'center' | 'start';
+}
+export declare function ModalHeader({ title, icon, onClose, closeAriaLabel, align }: ModalHeaderProps): import("react/jsx-runtime").JSX.Element;
+export default ModalHeader;
+//# sourceMappingURL=ModalHeader.d.ts.map

package/dist/react/components/react/Modal/ModalHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/Modal/ModalHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;CAC5B;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,cAAyB,EAAE,KAAgB,EAAE,EAAE,gBAAgB,2CA0GlH;AAED,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,6 @@
+export * from './Modal';
+export * from './ModalHeader';
+export * from './ModalBody';
+export * from './ModalFooter';
+export * from './ConfirmDialog';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/Modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC"}

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

@@ -0,0 +1,20 @@
+import React, { SelectHTMLAttributes } from 'react';
+export interface SelectOption {
+    label: React.ReactNode;
+    value: string;
+}
+export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
+    options?: SelectOption[];
+    variant?: 'base' | 'themed' | 'dashboard';
+    containerClassName?: string;
+}
+/**
+ * Select Component (Design System)
+ *
+ * Provides a themed select element with multiple variants:
+ * - `base`: Standard form select with mds-input styling
+ * - `themed`: Generic themed select with dashboard control styling (recommended)
+ * - `dashboard`: Legacy alias for themed variant (backward compatibility)
+ */
+export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGhE,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAE1E,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IAEzB,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,WAAW,CAAC;IAE1C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,uFAwCjB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,28 @@
+import React from 'react';
+export interface ThemeToggleProps {
+    /**
+     * Size variant of the toggle button
+     * @default 'md'
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * CSS class name to apply
+     */
+    className?: string;
+    /**
+     * Whether the toggle is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Callback when theme changes
+     */
+    onChange?: (theme: 'light' | 'dark') => void;
+    /**
+     * Storage key for persisting theme preference
+     * @default 'theme'
+     */
+    storageKey?: string;
+}
+export default function ThemeToggle({ size, className, disabled, onChange, storageKey }: ThemeToggleProps): React.JSX.Element;
+//# sourceMappingURL=ThemeToggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeToggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/ThemeToggle/ThemeToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;IAE7C;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,IAAW,EACX,SAAc,EACd,QAAgB,EAChB,QAAQ,EACR,UAAoB,EACrB,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgGtC"}

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

@@ -0,0 +1,3 @@
+export { default as ThemeToggle } from './ThemeToggle';
+export type { ThemeToggleProps } from './ThemeToggle';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/ThemeToggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

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

@@ -1 +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"}
+{"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,2FA6BpB,CAAC"}

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

@@ -1,8 +1,17 @@
 export { GlassCard, type GlassCardProps } from './GlassCard';
 export { Typography, BrandLogo, type TypographyProps, type BrandLogoProps } from './Typography';
 export { Button, type ButtonProps } from './Button';
+export { Select, type SelectProps } from './Select';
+export { ThemeToggle, type ThemeToggleProps } from './ThemeToggle';
 export { cn } from '../../utils/cn';
 export * from './GlassCard';
 export * from './Typography';
 export * from './Button';
+export * from './Select';
+export * from './Modal/Modal';
+export * from './Modal/ModalHeader';
+export * from './Modal/ModalBody';
+export * from './Modal/ModalFooter';
+export * from './Modal/ConfirmDialog';
+export * from './ThemeToggle';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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"}
+{"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;AACpD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGnE,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAGpC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC"}

package/dist/react/index.d.ts

@@ -0,0 +1,17 @@
+export { GlassCard, type GlassCardProps } from './GlassCard';
+export { Typography, BrandLogo, type TypographyProps, type BrandLogoProps } from './Typography';
+export { Button, type ButtonProps } from './Button';
+export { Select, type SelectProps } from './Select';
+export { ThemeToggle, type ThemeToggleProps } from './ThemeToggle';
+export { cn } from '../../utils/cn';
+export * from './GlassCard';
+export * from './Typography';
+export * from './Button';
+export * from './Select';
+export * from './Modal/Modal';
+export * from './Modal/ModalHeader';
+export * from './Modal/ModalBody';
+export * from './Modal/ModalFooter';
+export * from './Modal/ConfirmDialog';
+export * from './ThemeToggle';
+//# sourceMappingURL=index.d.ts.map