@metropolle/design-system 1.0.0-beta.20250821024300.dfbe136 → 1.0.0-beta.2026.1.10.2327.6729fca

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (89) hide show
  1. package/README.md +1 -0
  2. package/dist/css/compat/back.css +478 -0
  3. package/dist/css/components.css +3638 -8
  4. package/dist/css/liquid-glass.css +468 -0
  5. package/dist/css/mermaid.css +163 -0
  6. package/dist/css/tokens.css +67 -0
  7. package/dist/react/components/react/Button/Button.d.ts +1 -1
  8. package/dist/react/components/react/Button/Button.d.ts.map +1 -1
  9. package/dist/react/components/react/DataTable/DataTable.d.ts +4 -0
  10. package/dist/react/components/react/DataTable/DataTable.d.ts.map +1 -0
  11. package/dist/react/components/react/DataTable/TableHeader.d.ts +4 -0
  12. package/dist/react/components/react/DataTable/TableHeader.d.ts.map +1 -0
  13. package/dist/react/components/react/DataTable/TableRow.d.ts +4 -0
  14. package/dist/react/components/react/DataTable/TableRow.d.ts.map +1 -0
  15. package/dist/react/components/react/DataTable/examples.d.ts +28 -0
  16. package/dist/react/components/react/DataTable/examples.d.ts.map +1 -0
  17. package/dist/react/components/react/DataTable/index.d.ts +7 -0
  18. package/dist/react/components/react/DataTable/index.d.ts.map +1 -0
  19. package/dist/react/components/react/DataTable/migration-example.d.ts +46 -0
  20. package/dist/react/components/react/DataTable/migration-example.d.ts.map +1 -0
  21. package/dist/react/components/react/DataTable/renderers.d.ts +24 -0
  22. package/dist/react/components/react/DataTable/renderers.d.ts.map +1 -0
  23. package/dist/react/components/react/DataTable/types.d.ts +58 -0
  24. package/dist/react/components/react/DataTable/types.d.ts.map +1 -0
  25. package/dist/react/components/react/DetailModal/DetailModal.d.ts +55 -0
  26. package/dist/react/components/react/DetailModal/DetailModal.d.ts.map +1 -0
  27. package/dist/react/components/react/DetailModal/index.d.ts +3 -0
  28. package/dist/react/components/react/DetailModal/index.d.ts.map +1 -0
  29. package/dist/react/components/react/FormField/FormField.d.ts +26 -0
  30. package/dist/react/components/react/FormField/FormField.d.ts.map +1 -0
  31. package/dist/react/components/react/FormField/index.d.ts +3 -0
  32. package/dist/react/components/react/FormField/index.d.ts.map +1 -0
  33. package/dist/react/components/react/FormGrid/FormGrid.d.ts +20 -0
  34. package/dist/react/components/react/FormGrid/FormGrid.d.ts.map +1 -0
  35. package/dist/react/components/react/FormGrid/index.d.ts +3 -0
  36. package/dist/react/components/react/FormGrid/index.d.ts.map +1 -0
  37. package/dist/react/components/react/FormModal/FormModal.d.ts +58 -0
  38. package/dist/react/components/react/FormModal/FormModal.d.ts.map +1 -0
  39. package/dist/react/components/react/FormModal/index.d.ts +3 -0
  40. package/dist/react/components/react/FormModal/index.d.ts.map +1 -0
  41. package/dist/react/components/react/FormSection/FormSection.d.ts +20 -0
  42. package/dist/react/components/react/FormSection/FormSection.d.ts.map +1 -0
  43. package/dist/react/components/react/FormSection/index.d.ts +3 -0
  44. package/dist/react/components/react/FormSection/index.d.ts.map +1 -0
  45. package/dist/react/components/react/GlassCard/GlassCard.d.ts +56 -6
  46. package/dist/react/components/react/GlassCard/GlassCard.d.ts.map +1 -1
  47. package/dist/react/components/react/GlassCard/index.d.ts +1 -1
  48. package/dist/react/components/react/GlassCard/index.d.ts.map +1 -1
  49. package/dist/react/components/react/InfoBox/InfoBox.d.ts +46 -0
  50. package/dist/react/components/react/InfoBox/InfoBox.d.ts.map +1 -0
  51. package/dist/react/components/react/InfoBox/index.d.ts +3 -0
  52. package/dist/react/components/react/InfoBox/index.d.ts.map +1 -0
  53. package/dist/react/components/react/Modal/ConfirmDialog.d.ts +17 -0
  54. package/dist/react/components/react/Modal/ConfirmDialog.d.ts.map +1 -0
  55. package/dist/react/components/react/Modal/Modal.d.ts +12 -0
  56. package/dist/react/components/react/Modal/Modal.d.ts.map +1 -0
  57. package/dist/react/components/react/Modal/ModalBody.d.ts +9 -0
  58. package/dist/react/components/react/Modal/ModalBody.d.ts.map +1 -0
  59. package/dist/react/components/react/Modal/ModalFooter.d.ts +8 -0
  60. package/dist/react/components/react/Modal/ModalFooter.d.ts.map +1 -0
  61. package/dist/react/components/react/Modal/ModalHeader.d.ts +11 -0
  62. package/dist/react/components/react/Modal/ModalHeader.d.ts.map +1 -0
  63. package/dist/react/components/react/Modal/index.d.ts +6 -0
  64. package/dist/react/components/react/Modal/index.d.ts.map +1 -0
  65. package/dist/react/components/react/ProfileCard/ProfileCard.d.ts +55 -0
  66. package/dist/react/components/react/ProfileCard/ProfileCard.d.ts.map +1 -0
  67. package/dist/react/components/react/ProfileCard/index.d.ts +3 -0
  68. package/dist/react/components/react/ProfileCard/index.d.ts.map +1 -0
  69. package/dist/react/components/react/Select/Select.d.ts +71 -0
  70. package/dist/react/components/react/Select/Select.d.ts.map +1 -0
  71. package/dist/react/components/react/Select/index.d.ts +2 -0
  72. package/dist/react/components/react/Select/index.d.ts.map +1 -0
  73. package/dist/react/components/react/ThemeToggle/ThemeToggle.d.ts +28 -0
  74. package/dist/react/components/react/ThemeToggle/ThemeToggle.d.ts.map +1 -0
  75. package/dist/react/components/react/ThemeToggle/index.d.ts +3 -0
  76. package/dist/react/components/react/ThemeToggle/index.d.ts.map +1 -0
  77. package/dist/react/components/react/Typography/Typography.d.ts.map +1 -1
  78. package/dist/react/components/react/index.d.ts +25 -0
  79. package/dist/react/components/react/index.d.ts.map +1 -1
  80. package/dist/react/index.d.ts +32 -7
  81. package/dist/react/index.esm.js +1586 -14
  82. package/dist/react/index.esm.js.map +1 -1
  83. package/dist/react/index.js +1611 -12
  84. package/dist/react/index.js.map +1 -1
  85. package/dist/tokens/colors.json +100 -18
  86. package/dist/tokens/index.d.ts +19 -24
  87. package/dist/tokens/index.js +69 -2
  88. package/dist/tokens/index.json +100 -18
  89. package/package.json +24 -13
@@ -1,23 +1,73 @@
1
1
  import React, { HTMLAttributes } from 'react';
2
+ export type GlassStyle = 'glass' | 'liquid';
3
+ export type GlassIntensity = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
4
+ export type GlassTheme = 'light' | 'dark';
5
+ /** PROC-007: Semantic card variants (max 3) */
6
+ export type CardVariant = 'default' | 'highlight' | 'subtle';
2
7
  export interface GlassCardProps extends HTMLAttributes<HTMLDivElement> {
3
- /** Variante do glass card */
8
+ /**
9
+ * Estilo do card: 'glass' (tradicional) ou 'liquid' (iOS 26 style)
10
+ * @default 'liquid'
11
+ */
12
+ glassStyle?: GlassStyle;
13
+ /**
14
+ * Intensidade do efeito blur/saturate
15
+ * xs: 2px, sm: 4px, md: 6px (default), lg: 8px, xl: 12px
16
+ * @default 'md'
17
+ */
18
+ intensity?: GlassIntensity;
19
+ /**
20
+ * Tema de cor: afeta opacidade e bordas
21
+ * @default 'light'
22
+ */
23
+ theme?: GlassTheme;
24
+ /**
25
+ * @deprecated Use 'theme' instead. Mantido para retrocompatibilidade.
26
+ */
4
27
  variant?: 'light' | 'dark';
5
- /** Valor do blur em pixels */
28
+ /**
29
+ * @deprecated Use 'intensity' instead. Valor do blur em pixels.
30
+ */
6
31
  blur?: number;
7
- /** Opacidade do background (0-1) */
32
+ /**
33
+ * Opacidade do background (0-1). Sobrescreve valor default do theme.
34
+ */
8
35
  opacity?: number;
9
36
  /** Conteúdo do card */
10
37
  children: React.ReactNode;
11
38
  /** Classes CSS adicionais */
12
39
  className?: string;
13
- /** Se deve aplicar hover effects */
40
+ /**
41
+ * Se deve aplicar hover effects
42
+ * @default true
43
+ */
14
44
  enableHover?: boolean;
45
+ /**
46
+ * PROC-007: Semantic card variant
47
+ * - default: Standard card (subtle background)
48
+ * - highlight: Highlighted card (blue accent border)
49
+ * - subtle: Minimal card (almost invisible)
50
+ * @default 'default'
51
+ */
52
+ cardVariant?: CardVariant;
15
53
  }
16
54
  /**
17
55
  * Glass Card Component
18
56
  *
19
- * Componente de cartão com efeito glassmorphism baseado na identidade Metropolle.
20
- * Migrado dos componentes Angular existentes com melhorias.
57
+ * Componente de cartão com efeito glassmorphism ou Liquid Glass (iOS 26 style).
58
+ *
59
+ * @example
60
+ * ```tsx
61
+ * // Liquid Glass (novo padrão)
62
+ * <GlassCard glassStyle="liquid" intensity="md">
63
+ * Content here
64
+ * </GlassCard>
65
+ *
66
+ * // Glassmorphism tradicional (retrocompatível)
67
+ * <GlassCard glassStyle="glass" variant="dark">
68
+ * Content here
69
+ * </GlassCard>
70
+ * ```
21
71
  */
22
72
  export declare const GlassCard: React.ForwardRefExoticComponent<GlassCardProps & React.RefAttributes<HTMLDivElement>>;
23
73
  //# sourceMappingURL=GlassCard.d.ts.map
@@ -1 +1 @@
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"}
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,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC5C,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9D,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC;AAC1C,+CAA+C;AAC/C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;AAE7D,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uBAAuB;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,SAAS,uFA2IpB,CAAC"}
@@ -1,2 +1,2 @@
1
- export { GlassCard, type GlassCardProps } from './GlassCard';
1
+ export { GlassCard, type GlassCardProps, type CardVariant, type GlassStyle, type GlassIntensity, type GlassTheme } from './GlassCard';
2
2
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
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"}
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,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,KAAK,cAAc,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC"}
@@ -0,0 +1,46 @@
1
+ import React from 'react';
2
+ export interface InfoBoxProps {
3
+ /** Box title (optional, can be string or JSX) */
4
+ title?: React.ReactNode;
5
+ /** Visual variant */
6
+ variant?: 'default' | 'info' | 'success' | 'warning' | 'danger';
7
+ /** Show left accent border */
8
+ accent?: boolean;
9
+ /** Allow copying content */
10
+ copyable?: boolean;
11
+ /** Children content */
12
+ children: React.ReactNode;
13
+ /** Additional className */
14
+ className?: string;
15
+ }
16
+ /**
17
+ * InfoBox - Normalized info/alert box for read-only information
18
+ *
19
+ * Pattern extracted from AdminUserModal.tsx (backoffice/users)
20
+ * Provides consistent info boxes for alerts, status displays, and read-only data
21
+ *
22
+ * @example
23
+ * // Alert style (with accent)
24
+ * <InfoBox variant="info" accent>
25
+ * An invitation email will be sent...
26
+ * </InfoBox>
27
+ *
28
+ * @example
29
+ * // Status display (default)
30
+ * <InfoBox title="User Information">
31
+ * <InfoRow label="Status" value="Active" />
32
+ * <InfoRow label="Created" value="Jan 1, 2024" />
33
+ * </InfoBox>
34
+ */
35
+ export declare function InfoBox({ title, variant, accent, copyable, children, className }: InfoBoxProps): import("react/jsx-runtime").JSX.Element;
36
+ /**
37
+ * InfoRow - Key-value pair display for InfoBox
38
+ */
39
+ export interface InfoRowProps {
40
+ label: string;
41
+ value: React.ReactNode;
42
+ valueColor?: string;
43
+ }
44
+ export declare function InfoRow({ label, value, valueColor }: InfoRowProps): import("react/jsx-runtime").JSX.Element;
45
+ export default InfoBox;
46
+ //# sourceMappingURL=InfoBox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InfoBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/InfoBox/InfoBox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,YAAY;IAC3B,iDAAiD;IACjD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAChE,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8BD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,OAAmB,EACnB,MAAc,EACd,QAAgB,EAChB,QAAQ,EACR,SAAc,EACf,EAAE,YAAY,2CAgDd;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,YAAY,2CAkBjE;AAED,eAAe,OAAO,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { InfoBox, InfoRow, type InfoBoxProps, type InfoRowProps } from './InfoBox';
2
+ export { default } from './InfoBox';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/InfoBox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACnF,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ export interface ConfirmDialogProps {
3
+ open: boolean;
4
+ onClose: () => void;
5
+ title: string;
6
+ description?: React.ReactNode;
7
+ confirmText?: string;
8
+ cancelText?: string;
9
+ onConfirm: () => void | Promise<void>;
10
+ loading?: boolean;
11
+ tone?: 'warning' | 'danger' | 'info' | 'success';
12
+ icon?: React.ReactNode;
13
+ disableOverlayClose?: boolean;
14
+ }
15
+ export declare function ConfirmDialog({ open, onClose, title, description, confirmText, cancelText, onConfirm, loading, tone, icon, disableOverlayClose }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
16
+ export default ConfirmDialog;
17
+ //# sourceMappingURL=ConfirmDialog.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ export interface ModalProps {
3
+ open: boolean;
4
+ onClose: () => void;
5
+ closeOnOverlay?: boolean;
6
+ children: React.ReactNode;
7
+ className?: string;
8
+ style?: React.CSSProperties;
9
+ }
10
+ export declare function Modal({ open, onClose, closeOnOverlay, children, className, style }: ModalProps): React.ReactPortal | null;
11
+ export default Modal;
12
+ //# sourceMappingURL=Modal.d.ts.map
@@ -0,0 +1 @@
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;AAsDD,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,cAAqB,EACrB,QAAQ,EACR,SAAS,EACT,KAAK,EACN,EAAE,UAAU,4BA2FZ;AAED,eAAe,KAAK,CAAC"}
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ export interface ModalBodyProps {
3
+ children: React.ReactNode;
4
+ style?: React.CSSProperties;
5
+ className?: string;
6
+ }
7
+ export declare function ModalBody({ children, style, className }: ModalBodyProps): import("react/jsx-runtime").JSX.Element;
8
+ export default ModalBody;
9
+ //# sourceMappingURL=ModalBody.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface ModalFooterProps {
3
+ children: React.ReactNode;
4
+ align?: 'start' | 'center' | 'end';
5
+ }
6
+ export declare function ModalFooter({ children, align }: ModalFooterProps): import("react/jsx-runtime").JSX.Element;
7
+ export default ModalFooter;
8
+ //# sourceMappingURL=ModalFooter.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ export interface ModalHeaderProps {
3
+ title: React.ReactNode;
4
+ icon?: React.ReactNode;
5
+ onClose?: () => void;
6
+ closeAriaLabel?: string;
7
+ align?: 'center' | 'start';
8
+ }
9
+ export declare function ModalHeader({ title, icon, onClose, closeAriaLabel, align }: ModalHeaderProps): import("react/jsx-runtime").JSX.Element;
10
+ export default ModalHeader;
11
+ //# sourceMappingURL=ModalHeader.d.ts.map
@@ -0,0 +1 @@
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,2CA2GlH;AAED,eAAe,WAAW,CAAC"}
@@ -0,0 +1,6 @@
1
+ export * from './Modal';
2
+ export * from './ModalHeader';
3
+ export * from './ModalBody';
4
+ export * from './ModalFooter';
5
+ export * from './ConfirmDialog';
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,55 @@
1
+ /**
2
+ * ProfileCard Component
3
+ * Passport-style profile card with Liquid Glass aesthetic
4
+ * Supports light/dark themes via CSS variables
5
+ *
6
+ * @package @metropolle/design-system
7
+ */
8
+ import React from 'react';
9
+ export interface ProfileCardUser {
10
+ identity_id: string;
11
+ full_name: string;
12
+ username: string;
13
+ created_at: string;
14
+ verified: number;
15
+ email?: string;
16
+ profession_code?: string;
17
+ profession_name?: string;
18
+ city_code?: string;
19
+ city_name?: string;
20
+ state_code?: string;
21
+ state_name?: string;
22
+ country_code?: string;
23
+ country_name?: string;
24
+ photo_url_thumbnail?: string;
25
+ photo_url_medium?: string;
26
+ photo_url_full?: string;
27
+ }
28
+ export interface ProfileCardProps {
29
+ /** User data to display */
30
+ user: ProfileCardUser;
31
+ /** Card variant - 'full' shows all fields, 'compact' shows minimal */
32
+ variant?: 'full' | 'compact';
33
+ /** Photo section width in pixels (default: 280 for full, 200 for compact) */
34
+ photoWidth?: number;
35
+ /** Show social links section */
36
+ showSocial?: boolean;
37
+ /** Social links (optional) */
38
+ socialLinks?: {
39
+ instagram?: string;
40
+ x?: string;
41
+ linkedin?: string;
42
+ website?: string;
43
+ };
44
+ /** Show rotating info text */
45
+ showRotatingInfo?: boolean;
46
+ /** Custom photo element (for photo upload) */
47
+ photoSlot?: React.ReactNode;
48
+ /** Additional CSS class */
49
+ className?: string;
50
+ /** Callback when social button is clicked */
51
+ onSocialClick?: () => void;
52
+ }
53
+ export declare function ProfileCard({ user, variant, photoWidth, showSocial, socialLinks, showRotatingInfo, photoSlot, className, onSocialClick, }: ProfileCardProps): import("react/jsx-runtime").JSX.Element;
54
+ export default ProfileCard;
55
+ //# sourceMappingURL=ProfileCard.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProfileCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/ProfileCard/ProfileCard.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAO3D,MAAM,WAAW,eAAe;IAE9B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IAGjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,gBAAgB;IAC/B,2BAA2B;IAC3B,IAAI,EAAE,eAAe,CAAC;IAEtB,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE7B,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,gCAAgC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,8BAA8B;IAC9B,WAAW,CAAC,EAAE;QACZ,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IAEF,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,8CAA8C;IAC9C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAgGD,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,OAAgB,EAChB,UAAU,EACV,UAAkB,EAClB,WAAW,EACX,gBAAwB,EACxB,SAAS,EACT,SAAc,EACd,aAAa,GACd,EAAE,gBAAgB,2CAwOlB;AAED,eAAe,WAAW,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { ProfileCard, type ProfileCardProps, type ProfileCardUser } from './ProfileCard';
2
+ export { default } from './ProfileCard';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/ProfileCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACzF,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}
@@ -0,0 +1,71 @@
1
+ import React from 'react';
2
+ export interface SelectOption {
3
+ /** Display label (must be string for serialization safety) */
4
+ label: string;
5
+ /** Option value */
6
+ value: string;
7
+ /** Disable this option */
8
+ disabled?: boolean;
9
+ }
10
+ export interface SelectProps {
11
+ /** Array of options to display */
12
+ options: SelectOption[];
13
+ /** Currently selected value */
14
+ value?: string;
15
+ /** Callback when value changes */
16
+ onChange?: (value: string) => void;
17
+ /** Placeholder text when no value selected */
18
+ placeholder?: string;
19
+ /** Visual variant */
20
+ variant?: 'base' | 'themed' | 'dashboard';
21
+ /** Size variant */
22
+ size?: 'sm' | 'md' | 'lg';
23
+ /** Disable the select */
24
+ disabled?: boolean;
25
+ /** Show loading state */
26
+ loading?: boolean;
27
+ /** Error state */
28
+ error?: boolean;
29
+ /** Additional class for the trigger button */
30
+ className?: string;
31
+ /** Additional class for the dropdown container */
32
+ dropdownClassName?: string;
33
+ /** ID for the select (for labels) */
34
+ id?: string;
35
+ /** Name attribute for form submission */
36
+ name?: string;
37
+ /** ARIA label */
38
+ 'aria-label'?: string;
39
+ /** Full width mode */
40
+ fullWidth?: boolean;
41
+ /** Enable search/filter functionality */
42
+ searchable?: boolean;
43
+ /** Search placeholder */
44
+ searchPlaceholder?: string;
45
+ /** Max height of dropdown in pixels */
46
+ maxHeight?: number;
47
+ /** Z-index for dropdown (default: 1050) */
48
+ zIndex?: number;
49
+ }
50
+ /**
51
+ * Select Component (Design System)
52
+ *
53
+ * Custom dropdown select that renders consistently across all browsers.
54
+ * Unlike native <select>, this component renders the dropdown via JavaScript,
55
+ * ensuring proper theming support on Edge/Chrome Windows.
56
+ *
57
+ * @example
58
+ * ```tsx
59
+ * <Select
60
+ * options={[
61
+ * { label: 'Option 1', value: '1' },
62
+ * { label: 'Option 2', value: '2' },
63
+ * ]}
64
+ * value={selectedValue}
65
+ * onChange={setSelectedValue}
66
+ * placeholder="Select an option..."
67
+ * />
68
+ * ```
69
+ */
70
+ export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLButtonElement>>;
71
+ //# sourceMappingURL=Select.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAI7F,MAAM,WAAW,YAAY;IAC3B,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,kCAAkC;IAClC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,WAAW,CAAC;IAC1C,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yBAAyB;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM,uFAoXjB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { Select, type SelectProps, type SelectOption } from './Select';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,28 @@
1
+ import React from 'react';
2
+ export interface ThemeToggleProps {
3
+ /**
4
+ * Size variant of the toggle button
5
+ * @default 'md'
6
+ */
7
+ size?: 'sm' | 'md' | 'lg';
8
+ /**
9
+ * CSS class name to apply
10
+ */
11
+ className?: string;
12
+ /**
13
+ * Whether the toggle is disabled
14
+ * @default false
15
+ */
16
+ disabled?: boolean;
17
+ /**
18
+ * Callback when theme changes
19
+ */
20
+ onChange?: (theme: 'light' | 'dark') => void;
21
+ /**
22
+ * Storage key for persisting theme preference
23
+ * @default 'theme'
24
+ */
25
+ storageKey?: string;
26
+ }
27
+ export default function ThemeToggle({ size, className, disabled, onChange, storageKey }: ThemeToggleProps): React.JSX.Element;
28
+ //# sourceMappingURL=ThemeToggle.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,3 @@
1
+ export { default as ThemeToggle } from './ThemeToggle';
2
+ export type { ThemeToggleProps } from './ThemeToggle';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -1 +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"}
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,2FA6BpB,CAAC"}
@@ -1,8 +1,33 @@
1
1
  export { GlassCard, type GlassCardProps } from './GlassCard';
2
+ export { ProfileCard, type ProfileCardProps, type ProfileCardUser } from './ProfileCard';
2
3
  export { Typography, BrandLogo, type TypographyProps, type BrandLogoProps } from './Typography';
3
4
  export { Button, type ButtonProps } from './Button';
5
+ export { Select, type SelectProps, type SelectOption } from './Select';
6
+ export { ThemeToggle, type ThemeToggleProps } from './ThemeToggle';
7
+ export { DataTable, CellRenderers, ActionIcons, getTableConfig, type DataTableProps, type TableColumn, type TableAction } from './DataTable';
8
+ export { FormField, type FormFieldProps } from './FormField';
9
+ export { FormGrid, type FormGridProps } from './FormGrid';
10
+ export { FormSection, type FormSectionProps } from './FormSection';
11
+ export { InfoBox, InfoRow, type InfoBoxProps, type InfoRowProps } from './InfoBox';
12
+ export { FormModal, type FormModalProps } from './FormModal';
13
+ export { DetailModal, type DetailModalProps } from './DetailModal';
4
14
  export { cn } from '../../utils/cn';
5
15
  export * from './GlassCard';
6
16
  export * from './Typography';
7
17
  export * from './Button';
18
+ export * from './Select';
19
+ export * from './Modal/Modal';
20
+ export * from './Modal/ModalHeader';
21
+ export * from './Modal/ModalBody';
22
+ export * from './Modal/ModalFooter';
23
+ export * from './Modal/ConfirmDialog';
24
+ export * from './ThemeToggle';
25
+ export * from './DataTable';
26
+ export * from './FormField';
27
+ export * from './FormGrid';
28
+ export * from './FormSection';
29
+ export * from './InfoBox';
30
+ export * from './FormModal';
31
+ export * from './DetailModal';
32
+ export * from './ProfileCard';
8
33
  //# sourceMappingURL=index.d.ts.map
@@ -1 +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"}
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,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACzF,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,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AACvE,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,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,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;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}
@@ -1,8 +1,33 @@
1
- export { GlassCard, type GlassCardProps } from './GlassCard';
2
- export { Typography, BrandLogo, type TypographyProps, type BrandLogoProps } from './Typography';
3
- export { Button, type ButtonProps } from './Button';
4
- export { cn } from '../../utils/cn';
5
- export * from './GlassCard';
6
- export * from './Typography';
7
- export * from './Button';
1
+ export { GlassCard, type GlassCardProps } from './components/react/GlassCard';
2
+ export { ProfileCard, type ProfileCardProps, type ProfileCardUser } from './components/react/ProfileCard';
3
+ export { Typography, BrandLogo, type TypographyProps, type BrandLogoProps } from './components/react/Typography';
4
+ export { Button, type ButtonProps } from './components/react/Button';
5
+ export { Select, type SelectProps, type SelectOption } from './components/react/Select';
6
+ export { ThemeToggle, type ThemeToggleProps } from './components/react/ThemeToggle';
7
+ export { DataTable, CellRenderers, ActionIcons, getTableConfig, type DataTableProps, type TableColumn, type TableAction } from './components/react/DataTable';
8
+ export { FormField, type FormFieldProps } from './components/react/FormField';
9
+ export { FormGrid, type FormGridProps } from './components/react/FormGrid';
10
+ export { FormSection, type FormSectionProps } from './components/react/FormSection';
11
+ export { InfoBox, InfoRow, type InfoBoxProps, type InfoRowProps } from './components/react/InfoBox';
12
+ export { FormModal, type FormModalProps } from './components/react/FormModal';
13
+ export { DetailModal, type DetailModalProps } from './components/react/DetailModal';
14
+ export { cn } from './components/utils/cn';
15
+ export * from './components/react/GlassCard';
16
+ export * from './components/react/Typography';
17
+ export * from './components/react/Button';
18
+ export * from './components/react/Select';
19
+ export * from './components/react/Modal/Modal';
20
+ export * from './components/react/Modal/ModalHeader';
21
+ export * from './components/react/Modal/ModalBody';
22
+ export * from './components/react/Modal/ModalFooter';
23
+ export * from './components/react/Modal/ConfirmDialog';
24
+ export * from './components/react/ThemeToggle';
25
+ export * from './components/react/DataTable';
26
+ export * from './components/react/FormField';
27
+ export * from './components/react/FormGrid';
28
+ export * from './components/react/FormSection';
29
+ export * from './components/react/InfoBox';
30
+ export * from './components/react/FormModal';
31
+ export * from './components/react/DetailModal';
32
+ export * from './components/react/ProfileCard';
8
33
  //# sourceMappingURL=index.d.ts.map