@metropolle/design-system 1.2025.0-8.28.1647 → 1.2025.0-8.31.144

package/dist/css/components.css

@@ -42,6 +42,150 @@
   width: 100%;
 }
 
+/* =========================
+   Modal Styles
+   ========================= */
+
+/* Modal overlay styles */
+.mds-modal-overlay,
+.modal-overlay {
+  position: fixed !important;
+  top: 0 !important;
+  left: 0 !important;
+  right: 0 !important;
+  bottom: 0 !important;
+  background-color: transparent !important;
+  backdrop-filter: blur(4px) !important;
+  z-index: 9999 !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+}
+
+/* Modal card styles - Liquid Glass Effect */
+.mds-modal-overlay .mds-modal-card,
+.modal-overlay .mds-modal-card {
+  background: rgba(255, 255, 255, 0.3) !important;
+  backdrop-filter: blur(20px) !important;
+  -webkit-backdrop-filter: blur(20px) !important;
+  border: 1px solid rgba(255, 255, 255, 0.4) !important;
+  box-shadow: 
+    0 8px 32px rgba(0, 0, 0, 0.2) !important,
+    0 0 0 1px rgba(255, 255, 255, 0.2) !important,
+    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
+  color: var(--text-primary) !important;
+  min-width: 320px !important;
+  max-width: 600px !important;
+  width: 90vw !important;
+  border-radius: 16px !important;
+  position: relative !important;
+  overflow: hidden !important;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
+  transform: translate(0, 0) !important;
+}
+
+/* Inner glow effect */
+.mds-modal-overlay .mds-modal-card::before,
+.modal-overlay .mds-modal-card::before {
+  content: '' !important;
+  position: absolute !important;
+  top: 0 !important;
+  left: 0 !important;
+  right: 0 !important;
+  bottom: 0 !important;
+  background: linear-gradient(
+    135deg,
+    rgba(255, 255, 255, 0.1) 0%,
+    rgba(255, 255, 255, 0.05) 50%,
+    rgba(255, 255, 255, 0.02) 100%
+  ) !important;
+  border-radius: 16px !important;
+  pointer-events: none !important;
+  z-index: -1 !important;
+}
+
+/* Border glow */
+.mds-modal-overlay .mds-modal-card::after,
+.modal-overlay .mds-modal-card::after {
+  content: '' !important;
+  position: absolute !important;
+  top: -1px !important;
+  left: -1px !important;
+  right: -1px !important;
+  bottom: -1px !important;
+  background: linear-gradient(
+    45deg,
+    rgba(255, 255, 255, 0.3),
+    rgba(255, 255, 255, 0.1),
+    rgba(255, 255, 255, 0.05),
+    rgba(255, 255, 255, 0.1),
+    rgba(255, 255, 255, 0.3)
+  ) !important;
+  border-radius: 16px !important;
+  z-index: -2 !important;
+  opacity: 0.6 !important;
+  animation: mdsLiquidBorder 3s ease-in-out infinite !important;
+}
+
+@keyframes mdsLiquidBorder {
+  0%, 100% { opacity: 0.6; transform: scale(1); }
+  50% { opacity: 0.8; transform: scale(1.02); }
+}
+
+/* No hover lift or color change */
+.mds-modal-overlay .mds-modal-card,
+.mds-modal-overlay .mds-modal-card:hover,
+.modal-overlay .mds-modal-card,
+.modal-overlay .mds-modal-card:hover {
+  transform: none !important;
+}
+.mds-modal-overlay .mds-modal-card:hover::after,
+.modal-overlay .mds-modal-card:hover::after {
+  opacity: 0.6 !important;
+  animation-duration: 3s !important;
+}
+
+/* Light theme */
+html[data-theme="light"] .mds-modal-overlay .mds-modal-card,
+html[data-theme="light"] .modal-overlay .mds-modal-card {
+  background: rgba(255, 255, 255, 0.35) !important;
+  border: 1px solid rgba(255, 255, 255, 0.5) !important;
+  box-shadow: 
+    0 8px 32px rgba(0, 0, 0, 0.15) !important,
+    0 0 0 1px rgba(255, 255, 255, 0.3) !important,
+    inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
+}
+
+/* Dark theme */
+html[data-theme="dark"] .mds-modal-overlay .mds-modal-card,
+html:not([data-theme]) .mds-modal-overlay .mds-modal-card,
+html[data-theme="dark"] .modal-overlay .mds-modal-card,
+html:not([data-theme]) .modal-overlay .mds-modal-card {
+  background: rgba(30, 41, 59, 0.5) !important;
+  border: 1px solid rgba(255, 255, 255, 0.35) !important;
+  box-shadow: 
+    0 8px 32px rgba(0, 0, 0, 0.5) !important,
+    0 0 0 1px rgba(255, 255, 255, 0.25) !important,
+    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
+}
+
+/* Header button sizing + alignment */
+.mds-modal-header > button[aria-label="Fechar"] {
+  font-size: 1rem !important;
+  line-height: 1 !important;
+  padding: 4px 8px !important;
+}
+
+/* Responsive modal */
+@media (max-width: 768px) {
+  .mds-modal-overlay .mds-modal-card,
+  .modal-overlay .mds-modal-card {
+    min-width: 90vw !important;
+    max-width: 95vw !important;
+    margin: 20px !important;
+  }
+}
+
 /* Button Sizes */
 .mds-button--sm {
   padding: var(--mds-spacing-sm) var(--mds-spacing-md);
@@ -472,6 +616,103 @@
   --mds-dashboard-control-option-color: #1a1a1a;
 }
 
+/* Form Input Styles */
+.mds-input {
+  position: relative;
+  display: block;
+  width: 100%;
+  padding: var(--mds-spacing-md) var(--mds-spacing-md);
+  font-family: var(--mds-typography-fontFamily-brand);
+  font-size: var(--mds-typography-fontSize-base);
+  font-weight: var(--mds-typography-fontWeight-normal);
+  line-height: var(--mds-typography-lineHeight-normal);
+  color: var(--mds-color-text-primary);
+  background-color: var(--mds-color-background-primary);
+  border: 2px solid var(--mds-color-border-medium);
+  border-radius: var(--mds-spacing-borderRadius-md);
+  outline: none;
+  transition: var(--mds-effects-transition-normal);
+}
+
+.mds-input:focus {
+  border-color: var(--mds-color-brand-primary);
+  box-shadow: 0 0 0 3px rgba(0, 111, 238, 0.1);
+}
+
+.mds-input:disabled {
+  opacity: var(--mds-effects-opacity-disabled);
+  cursor: not-allowed;
+  background-color: var(--mds-color-background-secondary);
+}
+
+.mds-input--error {
+  border-color: #dc2626;
+  background-color: #fef2f2;
+}
+
+.mds-input--error:focus {
+  border-color: #dc2626;
+  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
+}
+
+/* Textarea specific styles */
+.mds-textarea {
+  resize: vertical;
+  min-height: 80px;
+}
+
+/* Select specific styles */
+.mds-select {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23374151' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
+  background-position: right var(--mds-spacing-md) center;
+  background-repeat: no-repeat;
+  background-size: 16px;
+  padding-right: calc(var(--mds-spacing-md) + 24px);
+}
+
+.mds-select:disabled {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
+}
+
+/* Label styles */
+.mds-label {
+  display: block;
+  font-family: var(--mds-typography-fontFamily-brand);
+  font-size: var(--mds-typography-fontSize-sm);
+  font-weight: var(--mds-typography-fontWeight-medium);
+  color: var(--mds-color-text-primary);
+  margin-bottom: var(--mds-spacing-xs);
+}
+
+.mds-label--required::after {
+  content: " *";
+  color: #dc2626;
+}
+
+/* Field group */
+.mds-field {
+  margin-bottom: var(--mds-spacing-lg);
+}
+
+.mds-field-error {
+  display: block;
+  font-family: var(--mds-typography-fontFamily-brand);
+  font-size: var(--mds-typography-fontSize-sm);
+  color: #dc2626;
+  margin-top: var(--mds-spacing-xs);
+}
+
+.mds-field-help {
+  display: block;
+  font-family: var(--mds-typography-fontFamily-brand);
+  font-size: var(--mds-typography-fontSize-sm);
+  color: var(--mds-color-text-secondary);
+  margin-top: var(--mds-spacing-xs);
+}
+
 /* Dashboard Layout Utilities */
 .mds-dashboard-grid {
   display: grid;
@@ -497,7 +738,265 @@
   gap: var(--mds-spacing-xl);
 }
 
+/* ========================================
+   Layout Utility Classes - @back optimization
+   ======================================== */
+
+/* Flexbox utilities */
+.mds-flex {
+  display: flex;
+}
+
+.mds-flex-col {
+  display: flex;
+  flex-direction: column;
+}
+
+.mds-flex-center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.mds-flex-between {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.mds-flex-start {
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-start;
+}
+
+.mds-flex-end {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+/* Spacing utilities */
+.mds-gap-xs { gap: var(--mds-spacing-xs); }
+.mds-gap-sm { gap: var(--mds-spacing-sm); }
+.mds-gap-md { gap: var(--mds-spacing-md); }
+.mds-gap-lg { gap: var(--mds-spacing-lg); }
+.mds-gap-xl { gap: var(--mds-spacing-xl); }
+
+/* Padding utilities */
+.mds-p-xs { padding: var(--mds-spacing-xs); }
+.mds-p-sm { padding: var(--mds-spacing-sm); }
+.mds-p-md { padding: var(--mds-spacing-md); }
+.mds-p-lg { padding: var(--mds-spacing-lg); }
+.mds-p-xl { padding: var(--mds-spacing-xl); }
+
+/* Margin utilities */
+.mds-m-xs { margin: var(--mds-spacing-xs); }
+.mds-m-sm { margin: var(--mds-spacing-sm); }
+.mds-m-md { margin: var(--mds-spacing-md); }
+.mds-m-lg { margin: var(--mds-spacing-lg); }
+.mds-m-xl { margin: var(--mds-spacing-xl); }
+
+/* Margin bottom utilities */
+.mds-mb-xs { margin-bottom: var(--mds-spacing-xs); }
+.mds-mb-sm { margin-bottom: var(--mds-spacing-sm); }
+.mds-mb-md { margin-bottom: var(--mds-spacing-md); }
+.mds-mb-lg { margin-bottom: var(--mds-spacing-lg); }
+.mds-mb-xl { margin-bottom: var(--mds-spacing-xl); }
+
+/* ========================================
+   Dashboard Layout Classes - @back optimization
+   ======================================== */
+
+/* Dashboard container */
+.mds-dashboard-container {
+  display: flex;
+  min-height: 100vh;
+  font-family: var(--mds-typography-fontFamily-brand);
+  transition: all 0.3s ease;
+  background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #2a2a2a 100%);
+  background-attachment: fixed;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  color: #ffffff;
+}
+
+/* Light theme dashboard container */
+html[data-theme="light"] .mds-dashboard-container {
+  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 50%, #cbd5e1 100%);
+  color: #1a1a1a;
+}
+
+/* Dashboard main content */
+.mds-dashboard-main {
+  flex: 1;
+  margin-left: 260px;
+  margin-top: 60px;
+  display: flex;
+  flex-direction: column;
+  min-height: calc(100vh - 60px);
+}
+
+/* Page header */
+.mds-page-header {
+  padding: var(--mds-spacing-lg) var(--mds-spacing-xl) var(--mds-spacing-md) var(--mds-spacing-xl);
+  backdrop-filter: blur(10px);
+  -webkit-backdrop-filter: blur(10px);
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
+}
+
+/* Dark theme page header */
+html[data-theme="dark"] .mds-page-header {
+  background-color: rgba(30, 41, 59, 0.4);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+/* Light theme page header */
+html[data-theme="light"] .mds-page-header {
+  background-color: rgba(255, 255, 255, 0.7);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+/* Page title */
+.mds-page-title {
+  margin: 0 0 var(--mds-spacing-xs) 0;
+  font-size: var(--mds-typography-fontSize-xl);
+  font-weight: var(--mds-typography-fontWeight-semibold);
+  color: var(--mds-colors-color-text-primary);
+}
+
+/* Page description */
+.mds-page-description {
+  margin: 0;
+  font-size: var(--mds-typography-fontSize-sm);
+  color: var(--mds-colors-color-text-secondary);
+  line-height: var(--mds-typography-lineHeight-normal);
+}
+
+/* Main content area */
+.mds-main-content {
+  flex: 1;
+  padding: var(--mds-spacing-xl);
+  overflow-y: auto;
+  position: relative;
+}
+
+/* ========================================
+   Navbar Classes - @back optimization
+   ======================================== */
+
+/* Fixed navbar */
+.mds-navbar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 60px;
+  z-index: 1000;
+  backdrop-filter: blur(10px);
+  -webkit-backdrop-filter: blur(10px);
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  transition: all 0.3s ease;
+  font-family: var(--mds-typography-fontFamily-brand);
+}
+
+/* Dark theme navbar */
+html[data-theme="dark"] .mds-navbar {
+  background-color: rgba(30, 41, 59, 0.95);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+/* Light theme navbar */
+html[data-theme="light"] .mds-navbar {
+  background-color: rgba(255, 255, 255, 0.95);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+/* Navbar content container */
+.mds-navbar-content {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 100%;
+  max-width: 100%;
+}
+
+/* Navbar brand section */
+.mds-navbar-brand {
+  display: flex;
+  align-items: center;
+  gap: var(--mds-spacing-md);
+}
+
+/* Navbar actions section */
+.mds-navbar-actions {
+  display: flex;
+  align-items: center;
+  gap: var(--mds-spacing-md);
+}
+
+/* User info in navbar */
+.mds-navbar-user {
+  font-size: var(--mds-typography-fontSize-sm);
+  color: var(--mds-colors-color-text-secondary);
+  margin-right: var(--mds-spacing-sm);
+}
+
+/* Sidebar-width brand section */
+.mds-navbar-brand-section {
+  width: 260px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* Center user info section */
+.mds-navbar-center {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+}
+
+/* User info badge */
+.mds-navbar-user-badge {
+  display: flex;
+  align-items: center;
+  gap: var(--mds-spacing-sm);
+  font-size: var(--mds-typography-fontSize-sm);
+  padding: var(--mds-spacing-sm) var(--mds-spacing-md);
+  border-radius: 20px;
+  border: 1px solid;
+  font-weight: var(--mds-typography-fontWeight-medium);
+}
+
+/* Dark theme user badge */
+html[data-theme="dark"] .mds-navbar-user-badge {
+  color: #888;
+  background-color: rgba(255, 255, 255, 0.05);
+  border-color: rgba(255, 255, 255, 0.1);
+}
+
+/* Light theme user badge */
+html[data-theme="light"] .mds-navbar-user-badge {
+  color: #666;
+  background-color: rgba(0, 0, 0, 0.03);
+  border-color: rgba(0, 0, 0, 0.1);
+}
+
+/* User badge elements */
+.mds-navbar-user-badge .user-name {
+  font-weight: var(--mds-typography-fontWeight-medium);
+}
+
+.mds-navbar-user-badge .user-separator {
+  opacity: 0.7;
+}
+
+.mds-navbar-user-badge .user-email {
+  opacity: 0.8;
+}
+
 /* Dark mode support (future) */
 @media (prefers-color-scheme: dark) {
   /* Enhanced styles for dark mode when implemented */
-}
+}

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;AASD,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,2CAsDlH;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/index.d.ts

@@ -5,4 +5,9 @@ export { cn } from '../../utils/cn';
 export * from './GlassCard';
 export * from './Typography';
 export * from './Button';
+export * from './Modal/Modal';
+export * from './Modal/ModalHeader';
+export * from './Modal/ModalBody';
+export * from './Modal/ModalFooter';
+export * from './Modal/ConfirmDialog';
 //# 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;AAGpD,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAGpC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC"}

package/dist/react/index.d.ts

@@ -5,4 +5,9 @@ export { cn } from '../../utils/cn';
 export * from './GlassCard';
 export * from './Typography';
 export * from './Button';
+export * from './Modal/Modal';
+export * from './Modal/ModalHeader';
+export * from './Modal/ModalBody';
+export * from './Modal/ModalFooter';
+export * from './Modal/ConfirmDialog';
 //# sourceMappingURL=index.d.ts.map