@metropolle/design-system 1.2025.1-0.1.1548 → 1.2025.1-0.2.29

package/dist/css/components.css

@@ -1317,3 +1317,197 @@ html[data-theme="light"] .mds-navbar-user-badge {
 @media (prefers-color-scheme: dark) {
   /* Enhanced styles for dark mode when implemented */
 }
+
+/* ========================================
+   DataTable Component Styles
+   ======================================== */
+
+/* DataTable Base Styles */
+.data-table {
+  position: relative;
+  border-radius: 24px;
+  backdrop-filter: blur(24px);
+  background-color: rgba(255, 255, 255, 0.1);
+  border: 1px solid rgba(255, 255, 255, 0.3);
+  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
+  overflow: hidden;
+  font-family: var(--mds-typography-fontFamily-brand);
+}
+
+/* Loading Animation */
+.data-table-spinner {
+  width: 32px;
+  height: 32px;
+  border: 2px solid transparent;
+  border-top: 2px solid white;
+  border-radius: 50%;
+  animation: mds-spin 1s linear infinite;
+}
+
+/* Responsive Breakpoints */
+@media (max-width: 768px) {
+  .data-table[role="table"] {
+    display: block !important;
+  }
+
+  .data-table .table-header {
+    display: none !important;
+  }
+
+  .data-table .table-body {
+    display: block !important;
+  }
+
+  .data-table .table-row {
+    display: block !important;
+    border: 1px solid var(--mds-color-border-medium) !important;
+    border-radius: 12px !important;
+    margin-bottom: 16px !important;
+    padding: 16px !important;
+    background: rgba(255, 255, 255, 0.05) !important;
+  }
+
+  .data-table .table-cell {
+    display: flex !important;
+    justify-content: space-between !important;
+    align-items: center !important;
+    padding: 8px 0 !important;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
+  }
+
+  .data-table .table-cell:last-child {
+    border-bottom: none !important;
+    justify-content: center !important;
+    margin-top: 12px !important;
+  }
+
+  .data-table .table-cell::before {
+    content: attr(data-label) !important;
+    font-weight: var(--mds-typography-fontWeight-medium) !important;
+    color: var(--mds-color-text-secondary) !important;
+    font-size: var(--mds-typography-fontSize-xs) !important;
+    text-transform: uppercase !important;
+    letter-spacing: 0.5px !important;
+    min-width: 100px !important;
+  }
+
+  .data-table .table-actions {
+    flex-direction: column !important;
+    gap: var(--mds-spacing-sm) !important;
+  }
+
+  .data-table .table-actions button {
+    width: 100% !important;
+    justify-content: center !important;
+  }
+}
+
+/* Tablet Breakpoint */
+@media (max-width: 1024px) and (min-width: 769px) {
+  .data-table .table-row {
+    font-size: var(--mds-typography-fontSize-sm) !important;
+  }
+
+  .data-table .table-cell {
+    padding: var(--mds-spacing-sm) var(--mds-spacing-md) !important;
+  }
+
+  .data-table .table-actions button {
+    padding: var(--mds-spacing-xs) var(--mds-spacing-sm) !important;
+    font-size: var(--mds-typography-fontSize-xs) !important;
+  }
+}
+
+/* Utility Classes */
+.data-table-compact .table-cell {
+  padding: var(--mds-spacing-xs) var(--mds-spacing-sm) !important;
+}
+
+.data-table-audit .table-row {
+  border-left: 3px solid transparent;
+}
+
+.data-table-audit .table-row[data-action="CREATE"] {
+  border-left-color: rgba(34, 197, 94, 0.5);
+}
+
+.data-table-audit .table-row[data-action="UPDATE"] {
+  border-left-color: rgba(59, 130, 246, 0.5);
+}
+
+.data-table-audit .table-row[data-action="DELETE"] {
+  border-left-color: rgba(239, 68, 68, 0.5);
+}
+
+/* Scrollbar Styling */
+.data-table .table-body::-webkit-scrollbar {
+  width: 8px;
+}
+
+.data-table .table-body::-webkit-scrollbar-track {
+  background: rgba(255, 255, 255, 0.05);
+  border-radius: 4px;
+}
+
+.data-table .table-body::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.2);
+  border-radius: 4px;
+}
+
+.data-table .table-body::-webkit-scrollbar-thumb:hover {
+  background: rgba(255, 255, 255, 0.3);
+}
+
+/* Badge and Chip Styles */
+.data-table-badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 4px 8px;
+  border-radius: 16px;
+  font-size: var(--mds-typography-fontSize-xs);
+  font-weight: var(--mds-typography-fontWeight-medium);
+  backdrop-filter: blur(8px);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  white-space: nowrap;
+}
+
+.data-table-badge.primary {
+  background-color: rgba(59, 130, 246, 0.2);
+  border-color: rgba(59, 130, 246, 0.3);
+  color: #3b82f6;
+}
+
+.data-table-badge.success {
+  background-color: rgba(34, 197, 94, 0.2);
+  border-color: rgba(34, 197, 94, 0.3);
+  color: #22c55e;
+}
+
+.data-table-badge.warning {
+  background-color: rgba(234, 179, 8, 0.2);
+  border-color: rgba(234, 179, 8, 0.3);
+  color: #eab308;
+}
+
+.data-table-badge.danger {
+  background-color: rgba(239, 68, 68, 0.2);
+  border-color: rgba(239, 68, 68, 0.3);
+  color: #ef4444;
+}
+
+.data-table-badge.info {
+  background-color: rgba(147, 51, 234, 0.2);
+  border-color: rgba(147, 51, 234, 0.3);
+  color: #9333ea;
+}
+
+/* Code/Monospace Cell Styling */
+.data-table-code {
+  font-family: 'Courier New', monospace;
+  background-color: rgba(255, 255, 255, 0.1);
+  padding: 4px 12px;
+  border-radius: 8px;
+  display: inline-block;
+  font-size: var(--mds-typography-fontSize-sm);
+  word-break: break-all;
+}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DataTableProps } from './types';
+export declare const DataTable: React.FC<DataTableProps>;
+//# sourceMappingURL=DataTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,cAAc,EAAe,MAAM,SAAS,CAAC;AAItD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqM9C,CAAC"}

package/dist/react/components/react/DataTable/TableHeader.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TableHeaderProps } from './types';
+export declare const TableHeader: React.FC<TableHeaderProps>;
+//# sourceMappingURL=TableHeader.d.ts.map

package/dist/react/components/react/DataTable/TableHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/DataTable/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4DlD,CAAC"}

package/dist/react/components/react/DataTable/TableRow.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TableRowProps } from './types';
+export declare const TableRow: React.FC<TableRowProps>;
+//# sourceMappingURL=TableRow.d.ts.map

package/dist/react/components/react/DataTable/TableRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/DataTable/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAe,MAAM,SAAS,CAAC;AAErD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqH5C,CAAC"}

package/dist/react/components/react/DataTable/examples.d.ts

@@ -0,0 +1,28 @@
+import { TableColumn, TableAction } from './types';
+export declare const parametersTableConfig: {
+    columns: TableColumn[];
+    actions: TableAction[];
+};
+export declare const regionsTableConfig: {
+    columns: TableColumn[];
+    actions: TableAction[];
+};
+export declare const countriesTableConfig: {
+    columns: TableColumn[];
+    actions: TableAction[];
+};
+export declare const auditLogTableConfig: {
+    columns: TableColumn[];
+};
+export declare const statesTableConfig: {
+    columns: TableColumn[];
+    actions: TableAction[];
+};
+export declare const citiesTableConfig: {
+    columns: TableColumn[];
+    actions: TableAction[];
+};
+export declare const getTableConfig: (type: string) => {
+    columns: TableColumn[];
+};
+//# sourceMappingURL=examples.d.ts.map

package/dist/react/components/react/DataTable/examples.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"examples.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/DataTable/examples.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAInD,eAAO,MAAM,qBAAqB;aAyB3B,WAAW,EAAE;aAkBb,WAAW,EAAE;CACnB,CAAC;AAGF,eAAO,MAAM,kBAAkB;aAgCxB,WAAW,EAAE;aAgBb,WAAW,EAAE;CACnB,CAAC;AAGF,eAAO,MAAM,oBAAoB;aAmC1B,WAAW,EAAE;aAeb,WAAW,EAAE;CACnB,CAAC;AAGF,eAAO,MAAM,mBAAmB;aA8DzB,WAAW,EAAE;CACnB,CAAC;AAGF,eAAO,MAAM,iBAAiB;aA0BvB,WAAW,EAAE;aAeb,WAAW,EAAE;CACnB,CAAC;AAGF,eAAO,MAAM,iBAAiB;aAoCvB,WAAW,EAAE;aAeb,WAAW,EAAE;CACnB,CAAC;AAGF,eAAO,MAAM,cAAc,GAAI,MAAM,MAAM;aAxGpC,WAAW,EAAE;CAyHnB,CAAC"}

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

@@ -0,0 +1,7 @@
+export { DataTable } from './DataTable';
+export { TableHeader } from './TableHeader';
+export { TableRow } from './TableRow';
+export { CellRenderers, ActionIcons } from './renderers';
+export { parametersTableConfig, regionsTableConfig, countriesTableConfig, statesTableConfig, citiesTableConfig, auditLogTableConfig, getTableConfig } from './examples';
+export type { DataTableProps, TableColumn, TableAction, TableRowProps, TableHeaderProps } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/DataTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EACL,qBAAqB,EACrB,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACf,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,cAAc,EACd,WAAW,EACX,WAAW,EACX,aAAa,EACb,gBAAgB,EACjB,MAAM,SAAS,CAAC"}

package/dist/react/components/react/DataTable/migration-example.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Exemplo de Migração: ParametersTable → DataTable
+ *
+ * Este arquivo mostra como migrar a tabela de parâmetros existente
+ * para usar o novo componente DataTable padronizado.
+ */
+import React from 'react';
+interface Parameter {
+    name: string;
+    value: string;
+    type: 'String' | 'SecureString' | 'StringList';
+    description: string;
+}
+interface ParametersDataTableProps {
+    parameters: Parameter[];
+    loading: boolean;
+    onEdit: (parameter: Parameter) => void;
+    onDelete: (parameter: Parameter) => void;
+    deletingParameterName?: string;
+    searchTerm?: string;
+}
+export declare const ParametersTableOld: ({ parameters, loading, onEdit, onDelete }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const ParametersDataTable: React.FC<ParametersDataTableProps>;
+export declare const ExampleUsage: () => import("react/jsx-runtime").JSX.Element;
+export {};
+/**
+ * VANTAGENS DA MIGRAÇÃO:
+ *
+ * 1. ✅ Código reduzido: De ~280 linhas para ~50 linhas
+ * 2. ✅ Responsividade automática: Mobile/tablet otimizados
+ * 3. ✅ Estilos consistentes: Mesmo visual em toda plataforma
+ * 4. ✅ Manutenção centralizada: Updates no design system
+ * 5. ✅ Acessibilidade: ARIA roles automáticos
+ * 6. ✅ Performance: Renderização otimizada
+ * 7. ✅ TypeScript: Tipagem completa e IntelliSense
+ *
+ * PASSOS DA MIGRAÇÃO:
+ *
+ * 1. Substituir import: ParametersTable → DataTable
+ * 2. Configurar columns array com render functions
+ * 3. Configurar actions array com handlers
+ * 4. Remover código inline de estilo/layout
+ * 5. Testar responsividade mobile
+ * 6. Remover componente antigo após validação
+ */ 
+//# sourceMappingURL=migration-example.d.ts.map

package/dist/react/components/react/DataTable/migration-example.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"migration-example.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/DataTable/migration-example.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,GAAG,cAAc,GAAG,YAAY,CAAC;IAC/C,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,wBAAwB;IAChC,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAGD,eAAO,MAAM,kBAAkB,GAAI,2CAA2C,GAAG,4CAehF,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAwElE,CAAC;AAGF,eAAO,MAAM,YAAY,+CAqCxB,CAAC;;AAEF;;;;;;;;;;;;;;;;;;;GAmBG"}

package/dist/react/components/react/DataTable/renderers.d.ts

@@ -0,0 +1,24 @@
+export declare const CellRenderers: {
+    id: (value: any) => import("react/jsx-runtime").JSX.Element;
+    name: (value: any) => import("react/jsx-runtime").JSX.Element;
+    parameterValue: (value: any, item: any) => import("react/jsx-runtime").JSX.Element;
+    badge: (value: any, variant?: "primary" | "success" | "warning" | "danger" | "info") => import("react/jsx-runtime").JSX.Element;
+    parameterType: (value: any) => import("react/jsx-runtime").JSX.Element;
+    environment: (value: any, item: any) => import("react/jsx-runtime").JSX.Element;
+    actionType: (value: any) => import("react/jsx-runtime").JSX.Element;
+    date: (value: any) => import("react/jsx-runtime").JSX.Element;
+    description: (value: any) => import("react/jsx-runtime").JSX.Element;
+    jsonPreview: (value: any) => import("react/jsx-runtime").JSX.Element;
+    combined: (mainValue: any, description: any) => import("react/jsx-runtime").JSX.Element;
+    combinedWithBadges: (mainValue: any, badges: Array<{
+        value: any;
+        variant?: string;
+    }>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const ActionIcons: {
+    edit: import("react/jsx-runtime").JSX.Element;
+    delete: import("react/jsx-runtime").JSX.Element;
+    view: import("react/jsx-runtime").JSX.Element;
+    loading: import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=renderers.d.ts.map

package/dist/react/components/react/DataTable/renderers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderers.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/DataTable/renderers.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;gBAEZ,GAAG;kBAeD,GAAG;4BAcO,GAAG,QAAQ,GAAG;mBAqBvB,GAAG,YAAW,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM;2BAO3D,GAAG;yBAOL,GAAG,QAAQ,GAAG;wBAOf,GAAG;kBAOT,GAAG;yBAUI,GAAG;yBAcH,GAAG;0BAoBF,GAAG,eAAe,GAAG;oCAQX,GAAG,UAAU,KAAK,CAAC;QAAC,KAAK,EAAE,GAAG,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC;CAYnF,CAAC;AAGF,eAAO,MAAM,WAAW;;;;;CAqBvB,CAAC"}

package/dist/react/components/react/DataTable/types.d.ts

@@ -0,0 +1,57 @@
+export interface TableColumn {
+    key: string;
+    label: string;
+    width?: string;
+    align?: 'left' | 'center' | 'right';
+    sortable?: boolean;
+    render?: (value: any, item: any, index: number) => React.ReactNode;
+    responsive?: {
+        mobile?: 'hide' | 'stack' | 'show';
+        tablet?: 'hide' | 'stack' | 'show';
+    };
+}
+export interface TableAction {
+    key: string;
+    label: string;
+    icon?: React.ReactNode;
+    variant?: 'primary' | 'secondary' | 'danger';
+    disabled?: (item: any) => boolean;
+    loading?: (item: any) => boolean;
+    onClick: (item: any) => void;
+}
+export interface DataTableProps {
+    data: any[];
+    columns: TableColumn[];
+    loading?: boolean;
+    searchTerm?: string;
+    actions?: TableAction[];
+    variant?: 'default' | 'compact' | 'audit';
+    responsive?: 'stack' | 'scroll' | 'hide-columns';
+    onSort?: (column: string, direction: 'asc' | 'desc') => void;
+    emptyMessage?: string;
+    loadingMessage?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    maxHeight?: string;
+    showSearchCount?: boolean;
+    rowHover?: boolean;
+    striped?: boolean;
+}
+export interface TableRowProps {
+    item: any;
+    index: number;
+    columns: TableColumn[];
+    actions?: TableAction[];
+    gridTemplate: string;
+    isLast: boolean;
+    variant: 'default' | 'compact' | 'audit';
+    onActionClick: (action: TableAction, item: any) => void;
+}
+export interface TableHeaderProps {
+    columns: TableColumn[];
+    gridTemplate: string;
+    onSort?: (column: string) => void;
+    sortColumn?: string;
+    sortDirection?: 'asc' | 'desc';
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/react/components/react/DataTable/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/DataTable/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACnE,UAAU,CAAC,EAAE;QACX,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;QACnC,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;KACpC,CAAC;CACH;AAED,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC;IAClC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC;IACjC,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC1C,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,cAAc,CAAC;IACjD,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,GAAG,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACzC,aAAa,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;CACzD;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;CAChC"}

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

@@ -3,6 +3,7 @@ export { Typography, BrandLogo, type TypographyProps, type BrandLogoProps } from
 export { Button, type ButtonProps } from './Button';
 export { Select, type SelectProps } from './Select';
 export { ThemeToggle, type ThemeToggleProps } from './ThemeToggle';
+export { DataTable, CellRenderers, ActionIcons, getTableConfig, type DataTableProps, type TableColumn, type TableAction } from './DataTable';
 export { cn } from '../../utils/cn';
 export * from './GlassCard';
 export * from './Typography';
@@ -14,4 +15,5 @@ export * from './Modal/ModalBody';
 export * from './Modal/ModalFooter';
 export * from './Modal/ConfirmDialog';
 export * from './ThemeToggle';
+export * from './DataTable';
 //# 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;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"}
+{"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;AACnE,OAAO,EACL,SAAS,EACT,aAAa,EACb,WAAW,EACX,cAAc,EACd,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,WAAW,EACjB,MAAM,aAAa,CAAC;AAGrB,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;AAC9B,cAAc,aAAa,CAAC"}

package/dist/react/index.d.ts

@@ -3,6 +3,7 @@ export { Typography, BrandLogo, type TypographyProps, type BrandLogoProps } from
 export { Button, type ButtonProps } from './Button';
 export { Select, type SelectProps } from './Select';
 export { ThemeToggle, type ThemeToggleProps } from './ThemeToggle';
+export { DataTable, CellRenderers, ActionIcons, getTableConfig, type DataTableProps, type TableColumn, type TableAction } from './DataTable';
 export { cn } from '../../utils/cn';
 export * from './GlassCard';
 export * from './Typography';
@@ -14,4 +15,5 @@ export * from './Modal/ModalBody';
 export * from './Modal/ModalFooter';
 export * from './Modal/ConfirmDialog';
 export * from './ThemeToggle';
+export * from './DataTable';
 //# sourceMappingURL=index.d.ts.map