@florid-kit/components 0.9.28 → 0.9.30

package/components/popin.d.ts

@@ -2,39 +2,31 @@ import { LitElement } from 'lit';
 
 /**
  * <o-popin>
- * A11y-friendly popin (modal). Adjustments:
- *  - Default is FULLSCREEN
- *  - Header expects inline SVG via a named <slot name="logo"> (no URL prop)
- *  - Close button, ESC / backdrop close, focus trapping entry point
- *  - Background image via CSS var or attribute `background-url` (optional)
- *  - Variant switch: set `variant="dialog"` for centered dialog with max-width
- *
- * Example:
- * <o-popin open title="Welcome" background-url="https://...">
- *   <svg slot="logo" width="120" height="24" viewBox="0 0 120 24" aria-hidden="true">...</svg>
- *   <p>Your content here</p>
- * </o-popin>
+ * - Fond contrôlable via `background` (couleur/gradient/url) ou `background-url` (image).
+ * - `background` est prioritaire sur `background-url`.
  */
 export declare class OPopin extends LitElement {
-    /** Whether the popin is open */
+    /** Page Designer (aperçu standalone) */
     ispagedesigner: boolean;
-    /** CSS class to apply to the popin */
+    /** CSS class externe optionnelle */
     get classPopin(): string;
     set classPopin(value: string);
     private _classPopin;
-    /** Whether the popin is open */
+    /** Ouverture */
     open: boolean;
-    /** Background image URL (optional) */
+    /** 🔸 Fond générique : couleur / gradient / url(...) center/cover no-repeat */
+    background: string;
+    /** 🔹 Fond image simple (compat) */
     backgroundUrl: string;
-    /** Close when pressing Escape */
+    /** Fermer via ESC */
     closeOnEsc: boolean;
-    /** Close when clicking on the backdrop */
+    /** Fermer via clic backdrop */
     closeOnBackdrop: boolean;
-    /** Prevent page scroll while open */
+    /** Bloquer le scroll de page */
     lockScroll: boolean;
-    /** Layout variant: "fullscreen" (default) or "dialog" */
-    variant: 'fullscreen' | 'dialog';
-    /** Optional max-width of the dialog content when variant="dialog" (e.g., "640px"). */
+    /** Variant: fullscreen | dialog */
+    variant: "fullscreen" | "dialog";
+    /** Max-width pour variant=dialog */
     maxWidth: string;
     private _labelId;
     connectedCallback(): void;