@metropolle/design-system 1.2025.1-2.5.1903 → 1.2026.0-1.10.2344

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

@@ -0,0 +1,58 @@
+import React from 'react';
+export interface FormModalProps {
+    /** Modal open state */
+    open: boolean;
+    /** Close handler */
+    onClose: () => void;
+    /** Form submit handler */
+    onSubmit: (e: React.FormEvent) => void;
+    /** Modal title */
+    title: string;
+    /** Header icon (left side, contextual to action) */
+    icon?: React.ReactNode;
+    /** Optional subtitle/description */
+    subtitle?: string;
+    /** Info box content (shown above form) */
+    info?: React.ReactNode;
+    /** Info box variant */
+    infoVariant?: 'info' | 'warning' | 'success' | 'danger';
+    /** Form content (FormField, FormGrid, FormSection) */
+    children: React.ReactNode;
+    /** Submit button text */
+    submitText?: string;
+    /** Cancel button text */
+    cancelText?: string;
+    /** Loading state */
+    loading?: boolean;
+    /** Disable submit button */
+    submitDisabled?: boolean;
+    /** Modal size */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Additional className */
+    className?: string;
+}
+/**
+ * FormModal - Normalized template for CRUD modal forms
+ *
+ * Pattern extracted from AdminUserModal.tsx (backoffice/users)
+ * Provides consistent structure for create/edit entity modals
+ *
+ * @example
+ * <FormModal
+ *   open={showModal}
+ *   onClose={() => setShowModal(false)}
+ *   onSubmit={handleSubmit}
+ *   title="Edit User"
+ *   info="Changes will be saved immediately."
+ *   infoVariant="info"
+ *   loading={isSaving}
+ *   submitText="Save"
+ * >
+ *   <FormField label="Name" required error={errors.name}>
+ *     <input className="mds-input" value={name} onChange={...} />
+ *   </FormField>
+ * </FormModal>
+ */
+export declare function FormModal({ open, onClose, onSubmit, title, icon, subtitle, info, infoVariant, children, submitText, cancelText, loading, submitDisabled, size, className }: FormModalProps): import("react/jsx-runtime").JSX.Element;
+export default FormModal;
+//# sourceMappingURL=FormModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/FormModal/FormModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,cAAc;IAC7B,uBAAuB;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,0BAA0B;IAC1B,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IACvC,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxD,sDAAsD;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4BAA4B;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,WAAoB,EACpB,QAAQ,EACR,UAAmB,EACnB,UAAqB,EACrB,OAAe,EACf,cAAsB,EACtB,IAAW,EACX,SAAc,EACf,EAAE,cAAc,2CA0IhB;AAED,eAAe,SAAS,CAAC"}

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

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

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

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

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

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface FormSectionProps {
+    /** Section title */
+    title?: string;
+    /** Section description */
+    description?: string;
+    /** Children (FormField or FormGrid components) */
+    children: React.ReactNode;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * FormSection - Normalized section wrapper for grouping form fields
+ *
+ * Pattern extracted from AdminUserModal.tsx (backoffice/users)
+ * Provides consistent section headers and spacing
+ */
+export declare function FormSection({ title, description, children, className }: FormSectionProps): import("react/jsx-runtime").JSX.Element;
+export default FormSection;
+//# sourceMappingURL=FormSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/react/FormSection/FormSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,gBAAgB;IAC/B,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAc,EACf,EAAE,gBAAgB,2CAsClB;AAED,eAAe,WAAW,CAAC"}

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

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

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

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

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

@@ -1,23 +1,73 @@
 import React, { HTMLAttributes } from 'react';
+export type GlassStyle = 'glass' | 'liquid';
+export type GlassIntensity = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type GlassTheme = 'light' | 'dark';
+/** PROC-007: Semantic card variants (max 3) */
+export type CardVariant = 'default' | 'highlight' | 'subtle';
 export interface GlassCardProps extends HTMLAttributes<HTMLDivElement> {
-    /** Variante do glass card */
+    /**
+     * Estilo do card: 'glass' (tradicional) ou 'liquid' (iOS 26 style)
+     * @default 'liquid'
+     */
+    glassStyle?: GlassStyle;
+    /**
+     * Intensidade do efeito blur/saturate
+     * xs: 2px, sm: 4px, md: 6px (default), lg: 8px, xl: 12px
+     * @default 'md'
+     */
+    intensity?: GlassIntensity;
+    /**
+     * Tema de cor: afeta opacidade e bordas
+     * @default 'light'
+     */
+    theme?: GlassTheme;
+    /**
+     * @deprecated Use 'theme' instead. Mantido para retrocompatibilidade.
+     */
     variant?: 'light' | 'dark';
-    /** Valor do blur em pixels */
+    /**
+     * @deprecated Use 'intensity' instead. Valor do blur em pixels.
+     */
     blur?: number;
-    /** Opacidade do background (0-1) */
+    /**
+     * Opacidade do background (0-1). Sobrescreve valor default do theme.
+     */
     opacity?: number;
     /** Conteúdo do card */
     children: React.ReactNode;
     /** Classes CSS adicionais */
     className?: string;
-    /** Se deve aplicar hover effects */
+    /**
+     * Se deve aplicar hover effects
+     * @default true
+     */
     enableHover?: boolean;
+    /**
+     * PROC-007: Semantic card variant
+     * - default: Standard card (subtle background)
+     * - highlight: Highlighted card (blue accent border)
+     * - subtle: Minimal card (almost invisible)
+     * @default 'default'
+     */
+    cardVariant?: CardVariant;
 }
 /**
  * Glass Card Component
  *
- * Componente de cartão com efeito glassmorphism baseado na identidade Metropolle.
- * Migrado dos componentes Angular existentes com melhorias.
+ * Componente de cartão com efeito glassmorphism ou Liquid Glass (iOS 26 style).
+ *
+ * @example
+ * ```tsx
+ * // Liquid Glass (novo padrão)
+ * <GlassCard glassStyle="liquid" intensity="md">
+ *   Content here
+ * </GlassCard>
+ *
+ * // Glassmorphism tradicional (retrocompatível)
+ * <GlassCard glassStyle="glass" variant="dark">
+ *   Content here
+ * </GlassCard>
+ * ```
  */
 export declare const GlassCard: React.ForwardRefExoticComponent<GlassCardProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=GlassCard.d.ts.map

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

@@ -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"}
+{"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"}

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

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

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

@@ -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"}
+{"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"}

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

@@ -0,0 +1,46 @@
+import React from 'react';
+export interface InfoBoxProps {
+    /** Box title (optional, can be string or JSX) */
+    title?: React.ReactNode;
+    /** Visual variant */
+    variant?: 'default' | 'info' | 'success' | 'warning' | 'danger';
+    /** Show left accent border */
+    accent?: boolean;
+    /** Allow copying content */
+    copyable?: boolean;
+    /** Children content */
+    children: React.ReactNode;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * InfoBox - Normalized info/alert box for read-only information
+ *
+ * Pattern extracted from AdminUserModal.tsx (backoffice/users)
+ * Provides consistent info boxes for alerts, status displays, and read-only data
+ *
+ * @example
+ * // Alert style (with accent)
+ * <InfoBox variant="info" accent>
+ *   An invitation email will be sent...
+ * </InfoBox>
+ *
+ * @example
+ * // Status display (default)
+ * <InfoBox title="User Information">
+ *   <InfoRow label="Status" value="Active" />
+ *   <InfoRow label="Created" value="Jan 1, 2024" />
+ * </InfoBox>
+ */
+export declare function InfoBox({ title, variant, accent, copyable, children, className }: InfoBoxProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * InfoRow - Key-value pair display for InfoBox
+ */
+export interface InfoRowProps {
+    label: string;
+    value: React.ReactNode;
+    valueColor?: string;
+}
+export declare function InfoRow({ label, value, valueColor }: InfoRowProps): import("react/jsx-runtime").JSX.Element;
+export default InfoBox;
+//# sourceMappingURL=InfoBox.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,3 @@
+export { InfoBox, InfoRow, type InfoBoxProps, type InfoRowProps } from './InfoBox';
+export { default } from './InfoBox';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -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;AAED,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,cAAqB,EACrB,QAAQ,EACR,SAAS,EACT,KAAK,EACN,EAAE,UAAU,4BAyEZ;AAED,eAAe,KAAK,CAAC"}
+{"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"}

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

@@ -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,2CA0GlH;AAED,eAAe,WAAW,CAAC"}
+{"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"}

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

@@ -0,0 +1,55 @@
+/**
+ * ProfileCard Component
+ * Passport-style profile card with Liquid Glass aesthetic
+ * Supports light/dark themes via CSS variables
+ *
+ * @package @metropolle/design-system
+ */
+import React from 'react';
+export interface ProfileCardUser {
+    identity_id: string;
+    full_name: string;
+    username: string;
+    created_at: string;
+    verified: number;
+    email?: string;
+    profession_code?: string;
+    profession_name?: string;
+    city_code?: string;
+    city_name?: string;
+    state_code?: string;
+    state_name?: string;
+    country_code?: string;
+    country_name?: string;
+    photo_url_thumbnail?: string;
+    photo_url_medium?: string;
+    photo_url_full?: string;
+}
+export interface ProfileCardProps {
+    /** User data to display */
+    user: ProfileCardUser;
+    /** Card variant - 'full' shows all fields, 'compact' shows minimal */
+    variant?: 'full' | 'compact';
+    /** Photo section width in pixels (default: 280 for full, 200 for compact) */
+    photoWidth?: number;
+    /** Show social links section */
+    showSocial?: boolean;
+    /** Social links (optional) */
+    socialLinks?: {
+        instagram?: string;
+        x?: string;
+        linkedin?: string;
+        website?: string;
+    };
+    /** Show rotating info text */
+    showRotatingInfo?: boolean;
+    /** Custom photo element (for photo upload) */
+    photoSlot?: React.ReactNode;
+    /** Additional CSS class */
+    className?: string;
+    /** Callback when social button is clicked */
+    onSocialClick?: () => void;
+}
+export declare function ProfileCard({ user, variant, photoWidth, showSocial, socialLinks, showRotatingInfo, photoSlot, className, onSocialClick, }: ProfileCardProps): import("react/jsx-runtime").JSX.Element;
+export default ProfileCard;
+//# sourceMappingURL=ProfileCard.d.ts.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +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"}

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

@@ -1,20 +1,71 @@
-import React, { SelectHTMLAttributes } from 'react';
+import React from 'react';
 export interface SelectOption {
-    label: React.ReactNode;
+    /** Display label (must be string for serialization safety) */
+    label: string;
+    /** Option value */
     value: string;
+    /** Disable this option */
+    disabled?: boolean;
 }
-export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
-    options?: SelectOption[];
+export interface SelectProps {
+    /** Array of options to display */
+    options: SelectOption[];
+    /** Currently selected value */
+    value?: string;
+    /** Callback when value changes */
+    onChange?: (value: string) => void;
+    /** Placeholder text when no value selected */
+    placeholder?: string;
+    /** Visual variant */
     variant?: 'base' | 'themed' | 'dashboard';
-    containerClassName?: string;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Disable the select */
+    disabled?: boolean;
+    /** Show loading state */
+    loading?: boolean;
+    /** Error state */
+    error?: boolean;
+    /** Additional class for the trigger button */
+    className?: string;
+    /** Additional class for the dropdown container */
+    dropdownClassName?: string;
+    /** ID for the select (for labels) */
+    id?: string;
+    /** Name attribute for form submission */
+    name?: string;
+    /** ARIA label */
+    'aria-label'?: string;
+    /** Full width mode */
+    fullWidth?: boolean;
+    /** Enable search/filter functionality */
+    searchable?: boolean;
+    /** Search placeholder */
+    searchPlaceholder?: string;
+    /** Max height of dropdown in pixels */
+    maxHeight?: number;
+    /** Z-index for dropdown (default: 1050) */
+    zIndex?: number;
 }
 /**
  * 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)
+ * Custom dropdown select that renders consistently across all browsers.
+ * Unlike native <select>, this component renders the dropdown via JavaScript,
+ * ensuring proper theming support on Edge/Chrome Windows.
+ *
+ * @example
+ * ```tsx
+ * <Select
+ *   options={[
+ *     { label: 'Option 1', value: '1' },
+ *     { label: 'Option 2', value: '2' },
+ *   ]}
+ *   value={selectedValue}
+ *   onChange={setSelectedValue}
+ *   placeholder="Select an option..."
+ * />
+ * ```
  */
-export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
+export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Select.d.ts.map

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

@@ -1 +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"}
+{"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"}

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

@@ -1,9 +1,16 @@
 export { GlassCard, type GlassCardProps } from './GlassCard';
+export { ProfileCard, type ProfileCardProps, type ProfileCardUser } from './ProfileCard';
 export { Typography, BrandLogo, type TypographyProps, type BrandLogoProps } from './Typography';
 export { Button, type ButtonProps } from './Button';
-export { Select, type SelectProps } from './Select';
+export { Select, type SelectProps, type SelectOption } from './Select';
 export { ThemeToggle, type ThemeToggleProps } from './ThemeToggle';
 export { DataTable, CellRenderers, ActionIcons, getTableConfig, type DataTableProps, type TableColumn, type TableAction } from './DataTable';
+export { FormField, type FormFieldProps } from './FormField';
+export { FormGrid, type FormGridProps } from './FormGrid';
+export { FormSection, type FormSectionProps } from './FormSection';
+export { InfoBox, InfoRow, type InfoBoxProps, type InfoRowProps } from './InfoBox';
+export { FormModal, type FormModalProps } from './FormModal';
+export { DetailModal, type DetailModalProps } from './DetailModal';
 export { cn } from '../../utils/cn';
 export * from './GlassCard';
 export * from './Typography';
@@ -16,4 +23,11 @@ export * from './Modal/ModalFooter';
 export * from './Modal/ConfirmDialog';
 export * from './ThemeToggle';
 export * from './DataTable';
+export * from './FormField';
+export * from './FormGrid';
+export * from './FormSection';
+export * from './InfoBox';
+export * from './FormModal';
+export * from './DetailModal';
+export * from './ProfileCard';
 //# 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;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"}
+{"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"}

package/dist/react/index.d.ts

@@ -1,19 +1,33 @@
-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 { DataTable, CellRenderers, ActionIcons, getTableConfig, type DataTableProps, type TableColumn, type TableAction } from './DataTable';
-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';
-export * from './DataTable';
+export { GlassCard, type GlassCardProps } from './components/react/GlassCard';
+export { ProfileCard, type ProfileCardProps, type ProfileCardUser } from './components/react/ProfileCard';
+export { Typography, BrandLogo, type TypographyProps, type BrandLogoProps } from './components/react/Typography';
+export { Button, type ButtonProps } from './components/react/Button';
+export { Select, type SelectProps, type SelectOption } from './components/react/Select';
+export { ThemeToggle, type ThemeToggleProps } from './components/react/ThemeToggle';
+export { DataTable, CellRenderers, ActionIcons, getTableConfig, type DataTableProps, type TableColumn, type TableAction } from './components/react/DataTable';
+export { FormField, type FormFieldProps } from './components/react/FormField';
+export { FormGrid, type FormGridProps } from './components/react/FormGrid';
+export { FormSection, type FormSectionProps } from './components/react/FormSection';
+export { InfoBox, InfoRow, type InfoBoxProps, type InfoRowProps } from './components/react/InfoBox';
+export { FormModal, type FormModalProps } from './components/react/FormModal';
+export { DetailModal, type DetailModalProps } from './components/react/DetailModal';
+export { cn } from './components/utils/cn';
+export * from './components/react/GlassCard';
+export * from './components/react/Typography';
+export * from './components/react/Button';
+export * from './components/react/Select';
+export * from './components/react/Modal/Modal';
+export * from './components/react/Modal/ModalHeader';
+export * from './components/react/Modal/ModalBody';
+export * from './components/react/Modal/ModalFooter';
+export * from './components/react/Modal/ConfirmDialog';
+export * from './components/react/ThemeToggle';
+export * from './components/react/DataTable';
+export * from './components/react/FormField';
+export * from './components/react/FormGrid';
+export * from './components/react/FormSection';
+export * from './components/react/InfoBox';
+export * from './components/react/FormModal';
+export * from './components/react/DetailModal';
+export * from './components/react/ProfileCard';
 //# sourceMappingURL=index.d.ts.map