@florid-kit/components 2.6.1 → 2.6.2

package/behaviors/performance-mixin.d.ts

@@ -0,0 +1,34 @@
+import { LitElement } from 'lit';
+import { MixinBase, MixinReturn } from './mixin.js';
+
+declare global {
+    interface Window {
+        __florid__?: {
+            performance?: boolean;
+        };
+    }
+}
+/**
+ * Mixin that instruments a LitElement component with the Performance API.
+ * Disabled by default — two ways to enable:
+ *
+ *   - URL param (recommended, survives reloads):
+ *       https://mysite.com/page?perf
+ *
+ *   - Runtime toggle (console / bootstrap code):
+ *       window.__florid__ = { performance: true };
+ *
+ * To label a page section explicitly (more reliable than auto-detection):
+ *   <section data-perf-context="checkout-form">...</section>
+ *
+ * In Storybook the `.storybook/preview.ts` decorator handles activation and
+ * reporting automatically — no manual setup needed.
+ *
+ * Two measures are created per component instance:
+ *   - `<tag>:init`      connectedCallback → firstUpdated  (Lit JS render time)
+ *   - `<tag>:to-paint`  connectedCallback → first RAF     (JS + CSS layout/paint)
+ *
+ * Instance marks (`<tag>#<id>:start/end`) are cleaned up immediately after
+ * measuring to avoid polluting the performance buffer.
+ */
+export declare function mixinPerformance<T extends MixinBase<LitElement>>(Base: T): MixinReturn<T>;

package/components/accordion-group.d.ts

@@ -1,6 +1,7 @@
 import { LitElement } from 'lit';
 
-export declare class OccitaneAccordionGroup extends LitElement {
+declare const OccitaneAccordionGroup_base: import('../behaviors/mixin').MixinReturn<typeof LitElement>;
+export declare class OccitaneAccordionGroup extends OccitaneAccordionGroup_base {
     static styles: import('lit').CSSResult;
     single: boolean;
     private defaultSlot;
@@ -18,3 +19,4 @@ declare global {
         "o-accordion-group": OccitaneAccordionGroup;
     }
 }
+export {};

package/components/accordion.d.ts

@@ -1,6 +1,7 @@
 import { LitElement } from 'lit';
 
-export declare class OccitaneAccordion extends LitElement {
+declare const OccitaneAccordion_base: import('../behaviors/mixin').MixinReturn<typeof LitElement>;
+export declare class OccitaneAccordion extends OccitaneAccordion_base {
     static styles: import('lit').CSSResult;
     label: string;
     expanded: boolean;
@@ -16,3 +17,4 @@ declare global {
         "o-accordion": OccitaneAccordion;
     }
 }
+export {};

package/components/arch-image.d.ts

@@ -1,6 +1,7 @@
 import { LitElement } from 'lit';
 
-export declare class OccitaneArchImage extends LitElement {
+declare const OccitaneArchImage_base: import('../behaviors/mixin.js').MixinReturn<typeof LitElement>;
+export declare class OccitaneArchImage extends OccitaneArchImage_base {
     imageUrl: string;
     imageAlt: string;
     hoverUrl: string;
@@ -15,3 +16,4 @@ declare global {
         "o-arch-image": OccitaneArchImage;
     }
 }
+export {};

package/components/badge.d.ts

@@ -2,7 +2,8 @@ import { LitElement } from 'lit';
 
 type BadgeVariant = "cart" | "filter";
 export declare const badgeVariantValues: readonly ["cart", "filter"];
-export declare class OccitaneBadge extends LitElement {
+declare const OccitaneBadge_base: import('../behaviors/mixin').MixinReturn<typeof LitElement>;
+export declare class OccitaneBadge extends OccitaneBadge_base {
     variant: BadgeVariant;
     text: number;
     srlabel: string;

package/components/breadcrumb.d.ts

@@ -1,9 +1,11 @@
 import { LitElement } from 'lit';
 
-export declare class OBreadcrumb extends LitElement {
+declare const OBreadcrumb_base: import('../behaviors/mixin').MixinReturn<typeof LitElement>;
+export declare class OBreadcrumb extends OBreadcrumb_base {
     static styles: import('lit').CSSResult;
     href: string;
     active: boolean;
     private _handleClick;
     render(): import('lit').TemplateResult<1>;
 }
+export {};

package/components/breadcrumbs.d.ts

@@ -1,6 +1,8 @@
 import { LitElement } from 'lit';
 
-export declare class OBreadcrumbs extends LitElement {
+declare const OBreadcrumbs_base: import('../behaviors/mixin.js').MixinReturn<typeof LitElement>;
+export declare class OBreadcrumbs extends OBreadcrumbs_base {
     static styles: import('lit').CSSResult;
     render(): import('lit').TemplateResult<1>;
 }
+export {};

package/components/button.d.ts

@@ -1,7 +1,7 @@
 import { LitElement } from 'lit';
 import { FormSubmitter, FormSubmitterType } from '../controllers/form-submitter';
 
-declare const buttonBaseClass: import('../behaviors/mixin').MixinReturn<typeof LitElement, import('../behaviors/element-internals.js').WithElementInternals>;
+declare const buttonBaseClass: import('../behaviors/mixin').MixinReturn<import('../behaviors/mixin').MixinReturn<typeof LitElement, import('../behaviors/element-internals.js').WithElementInternals>>;
 type ButtonVariant = "primary" | "secondary" | "ghost" | "tertiary";
 export declare const variants: string[];
 export declare class OccitaneButton extends buttonBaseClass implements FormSubmitter {

package/components/checkbox.d.ts

@@ -1,6 +1,7 @@
 import { LitElement } from 'lit';
 
-export declare class OccitaneCheckbox extends LitElement {
+declare const OccitaneCheckbox_base: import('../behaviors/mixin').MixinReturn<typeof LitElement>;
+export declare class OccitaneCheckbox extends OccitaneCheckbox_base {
     checked: boolean;
     indeterminate: boolean;
     disabled: boolean;
@@ -24,3 +25,4 @@ declare global {
         "o-checkbox": OccitaneCheckbox;
     }
 }
+export {};

package/components/chip.d.ts

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
 
-declare const buttonBaseClass: import('../behaviors/mixin').MixinReturn<typeof LitElement, import('../behaviors/element-internals.js').WithElementInternals>;
+declare const buttonBaseClass: import('../behaviors/mixin').MixinReturn<import('../behaviors/mixin').MixinReturn<typeof LitElement, import('../behaviors/element-internals.js').WithElementInternals>>;
 export declare class OccitaneChip extends buttonBaseClass {
     static styles: import('lit').CSSResult;
     link: string;

package/components/chipset.d.ts

@@ -1,6 +1,7 @@
 import { LitElement } from 'lit';
 
-export declare class OccitaneChipset extends LitElement {
+declare const OccitaneChipset_base: import('../behaviors/mixin').MixinReturn<typeof LitElement>;
+export declare class OccitaneChipset extends OccitaneChipset_base {
     constructor();
     static styles: import('lit').CSSResult;
     name: string;
@@ -13,3 +14,4 @@ declare global {
         "o-chipset": OccitaneChipset;
     }
 }
+export {};

package/components/dots.d.ts

@@ -1,6 +1,7 @@
 import { LitElement } from 'lit';
 
-export declare class OccitaneDots extends LitElement {
+declare const OccitaneDots_base: import('../behaviors/mixin.js').MixinReturn<typeof LitElement>;
+export declare class OccitaneDots extends OccitaneDots_base {
     static styles: import('lit').CSSResult;
     render(): import('lit').TemplateResult<1>;
 }
@@ -9,3 +10,4 @@ declare global {
         "o-dots": OccitaneDots;
     }
 }
+export {};

package/components/dropdown-variant.d.ts

@@ -1,6 +1,7 @@
 import { LitElement } from 'lit';
 
-export declare class OccitaneDropdownVariant extends LitElement {
+declare const OccitaneDropdownVariant_base: import('../behaviors/mixin.js').MixinReturn<typeof LitElement>;
+export declare class OccitaneDropdownVariant extends OccitaneDropdownVariant_base {
     static styles: import('lit').CSSResult;
     options: Array<{
         value: string;
@@ -51,3 +52,4 @@ declare global {
         "o-dropdown-variant": OccitaneDropdownVariant;
     }
 }
+export {};

package/components/dropdown.d.ts

@@ -1,6 +1,7 @@
 import { LitElement } from 'lit';
 
-export declare class OccitaneDropdown extends LitElement {
+declare const OccitaneDropdown_base: import('../behaviors/mixin.js').MixinReturn<typeof LitElement>;
+export declare class OccitaneDropdown extends OccitaneDropdown_base {
     static styles: import('lit').CSSResult;
     options: Array<{
         value: string;
@@ -35,3 +36,4 @@ declare global {
         "o-dropdown": OccitaneDropdown;
     }
 }
+export {};

package/components/feedback-message.d.ts

@@ -2,7 +2,8 @@ import { LitElement } from 'lit';
 
 export type FeedbackMessageVariant = "standard" | "success" | "info" | "error";
 export declare const feedbackMessageVariantValues: readonly ["standard", "success", "info", "error"];
-export declare class OccitaneFeedbackMessage extends LitElement {
+declare const OccitaneFeedbackMessage_base: import('../behaviors/mixin').MixinReturn<typeof LitElement>;
+export declare class OccitaneFeedbackMessage extends OccitaneFeedbackMessage_base {
     static styles: import('lit').CSSResult;
     variant: FeedbackMessageVariant;
     framed: boolean;
@@ -15,3 +16,4 @@ declare global {
         "o-feedback-message": OccitaneFeedbackMessage;
     }
 }
+export {};

package/components/filter-chip.d.ts

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
 
-declare const buttonBaseClass: import('../behaviors/mixin').MixinReturn<typeof LitElement, import('../behaviors/element-internals.js').WithElementInternals>;
+declare const buttonBaseClass: import('../behaviors/mixin').MixinReturn<import('../behaviors/mixin').MixinReturn<typeof LitElement, import('../behaviors/element-internals.js').WithElementInternals>>;
 export declare class OccitaneFilterChip extends buttonBaseClass {
     static styles: import('lit').CSSResult;
     name: string;

package/components/footer-simplify.d.ts

@@ -1,6 +1,7 @@
 import { LitElement } from 'lit';
 
-export declare class OccitaneFooterSimplify extends LitElement {
+declare const OccitaneFooterSimplify_base: import('../behaviors/mixin').MixinReturn<typeof LitElement>;
+export declare class OccitaneFooterSimplify extends OccitaneFooterSimplify_base {
     static styles: import('lit').CSSResult;
     altImage: string;
     loccitaneGroup: string;
@@ -15,3 +16,4 @@ declare global {
         "o-footer-simplify": OccitaneFooterSimplify;
     }
 }
+export {};

package/components/header-simplify.d.ts

@@ -1,6 +1,7 @@
 import { LitElement } from 'lit';
 
-export declare class OccitaneHeaderSimplify extends LitElement {
+declare const OccitaneHeaderSimplify_base: import('../behaviors/mixin').MixinReturn<typeof LitElement>;
+export declare class OccitaneHeaderSimplify extends OccitaneHeaderSimplify_base {
     static styles: import('lit').CSSResult;
     makeSticky: boolean;
     showBackButton: boolean;
@@ -25,3 +26,4 @@ declare global {
         "o-header-simplify": OccitaneHeaderSimplify;
     }
 }
+export {};

package/components/icon-button.d.ts

@@ -5,7 +5,8 @@ type bgstyle = IconBgStyle;
 type size = IconLogicalSize;
 type status = "empty" | "filled";
 type type = "button" | "span";
-export declare class OccitaneIconButton extends LitElement {
+declare const OccitaneIconButton_base: import('../behaviors/mixin.js').MixinReturn<typeof LitElement>;
+export declare class OccitaneIconButton extends OccitaneIconButton_base {
     static styles: import('lit').CSSResult;
     bgstyle: bgstyle;
     size: size;

package/components/input.d.ts

@@ -1,7 +1,7 @@
 import { LitElement } from 'lit';
 import { IconName } from '../assets/icons/icons';
 
-declare const inputBaseClass: import('../behaviors/mixin').MixinReturn<typeof LitElement, import('../behaviors/element-internals.js').WithElementInternals>;
+declare const inputBaseClass: import('../behaviors/mixin').MixinReturn<import('../behaviors/mixin').MixinReturn<typeof LitElement, import('../behaviors/element-internals.js').WithElementInternals>>;
 export declare class OccitaneInput extends inputBaseClass {
     static readonly formAssociated = true;
     label: string;

package/components/link.d.ts

@@ -5,7 +5,8 @@ type Inverse = true | false;
 type endIcon = true | false;
 type reverseEndIcon = true | false;
 type Disabled = true | false;
-export declare class OccitaneLink extends LitElement {
+declare const OccitaneLink_base: import('../behaviors/mixin.js').MixinReturn<typeof LitElement>;
+export declare class OccitaneLink extends OccitaneLink_base {
     static styles: import('lit').CSSResult;
     href: string;
     target: "_blank" | "_parent" | "_self" | "_top" | "";

package/components/mediumtile.d.ts

@@ -1,6 +1,7 @@
 import { LitElement } from 'lit';
 
-export declare class MediumTile extends LitElement {
+declare const MediumTile_base: import('../behaviors/mixin.js').MixinReturn<typeof LitElement>;
+export declare class MediumTile extends MediumTile_base {
     type: string;
     titleProduct: string;
     descriptionProduct: string;
@@ -30,3 +31,4 @@ declare global {
         "o-medium-tile": MediumTile;
     }
 }
+export {};

package/components/minitile.d.ts

@@ -1,6 +1,7 @@
 import { LitElement } from 'lit';
 
-export declare class MiniTile extends LitElement {
+declare const MiniTile_base: import('../behaviors/mixin.js').MixinReturn<typeof LitElement>;
+export declare class MiniTile extends MiniTile_base {
     type: string;
     titleProduct: string;
     volume: string;
@@ -19,3 +20,4 @@ export declare class MiniTile extends LitElement {
     static styles: import('lit').CSSResult;
     render(): import('lit').TemplateResult<1>;
 }
+export {};

package/components/option-tile.d.ts

@@ -1,6 +1,7 @@
 import { LitElement } from 'lit';
 
-export declare class OccitaneOptionTile extends LitElement {
+declare const OccitaneOptionTile_base: import('../behaviors/mixin.js').MixinReturn<typeof LitElement>;
+export declare class OccitaneOptionTile extends OccitaneOptionTile_base {
     static styles: import('lit').CSSResult;
     /** SKU identifier passed to events for cart integration */
     sku: string;
@@ -80,3 +81,4 @@ declare global {
         "o-option-tile": OccitaneOptionTile;
     }
 }
+export {};

package/components/popin.d.ts

@@ -1,7 +1,8 @@
 import { LitElement } from 'lit';
 import { IconLogicalSize } from '../assets/icons/icons';
 
-export declare class OPopin extends LitElement {
+declare const OPopin_base: import('../behaviors/mixin.js').MixinReturn<typeof LitElement>;
+export declare class OPopin extends OPopin_base {
     ispagedesigner: boolean;
     get classPopin(): string;
     set classPopin(value: string);
@@ -36,3 +37,4 @@ export declare class OPopin extends LitElement {
     static styles: import('lit').CSSResult;
     render(): import('lit').TemplateResult<1>;
 }
+export {};

package/components/radio.d.ts

@@ -1,6 +1,7 @@
 import { LitElement } from 'lit';
 
-export declare class OccitaneRadio extends LitElement {
+declare const OccitaneRadio_base: import('../behaviors/mixin.js').MixinReturn<typeof LitElement>;
+export declare class OccitaneRadio extends OccitaneRadio_base {
     checked: boolean;
     disabled: boolean;
     size: "S" | "L";
@@ -23,3 +24,4 @@ declare global {
         "o-radio": OccitaneRadio;
     }
 }
+export {};

package/components/rating.d.ts

@@ -1,6 +1,7 @@
 import { LitElement } from 'lit';
 
-export declare class OccitaneRating extends LitElement {
+declare const OccitaneRating_base: import('../behaviors/mixin.js').MixinReturn<typeof LitElement>;
+export declare class OccitaneRating extends OccitaneRating_base {
     rating: number;
     reviewCount?: string;
     href?: string;
@@ -13,3 +14,4 @@ declare global {
         "o-rating": OccitaneRating;
     }
 }
+export {};

package/components/reassurance.d.ts

@@ -1,6 +1,7 @@
 import { LitElement } from 'lit';
 
-export declare class OccitaneReassurance extends LitElement {
+declare const OccitaneReassurance_base: import('../behaviors/mixin.js').MixinReturn<typeof LitElement>;
+export declare class OccitaneReassurance extends OccitaneReassurance_base {
     static styles: import('lit').CSSResult;
     option: {
         title?: string;
@@ -18,3 +19,4 @@ declare global {
         "o-reassurance": OccitaneReassurance;
     }
 }
+export {};

package/components/search-input-dropdown.d.ts

@@ -4,7 +4,8 @@ export interface SearchDropdownOption {
     id: string;
     value: string;
 }
-export declare class OccitaneSearchInputDropdown extends LitElement {
+declare const OccitaneSearchInputDropdown_base: import('../behaviors/mixin').MixinReturn<typeof LitElement>;
+export declare class OccitaneSearchInputDropdown extends OccitaneSearchInputDropdown_base {
     label: string;
     value: string;
     placeholder: string;
@@ -63,3 +64,4 @@ declare global {
         "o-search-input-dropdown": OccitaneSearchInputDropdown;
     }
 }
+export {};

package/components/search-input.d.ts

@@ -1,6 +1,7 @@
 import { LitElement } from 'lit';
 
-export declare class OccitaneSearchInput extends LitElement {
+declare const OccitaneSearchInput_base: import('../behaviors/mixin').MixinReturn<typeof LitElement>;
+export declare class OccitaneSearchInput extends OccitaneSearchInput_base {
     label: string;
     value: string;
     placeholder: string;
@@ -23,3 +24,4 @@ declare global {
         "o-search-input": OccitaneSearchInput;
     }
 }
+export {};

package/components/side-panel.d.ts

@@ -8,7 +8,8 @@ declare global {
         "open-detail": CustomEvent<OpenDetailDetail>;
     }
 }
-export declare class OccitaneSidePanel extends LitElement {
+declare const OccitaneSidePanel_base: import('../behaviors/mixin.js').MixinReturn<typeof LitElement>;
+export declare class OccitaneSidePanel extends OccitaneSidePanel_base {
     open: boolean;
     showHeader: boolean;
     showFooter: boolean;
@@ -69,3 +70,4 @@ declare global {
         "o-side-panel": OccitaneSidePanel;
     }
 }
+export {};

package/components/tab.d.ts

@@ -1,6 +1,7 @@
 import { LitElement } from 'lit';
 
-export declare class OccitaneTab extends LitElement {
+declare const OccitaneTab_base: import('../behaviors/mixin').MixinReturn<typeof LitElement>;
+export declare class OccitaneTab extends OccitaneTab_base {
     static styles: import('lit').CSSResult;
     text: string;
     class: string;
@@ -16,3 +17,4 @@ declare global {
         "o-tab": OccitaneTab;
     }
 }
+export {};

package/components/tablist.d.ts

@@ -1,9 +1,11 @@
 import { LitElement } from 'lit';
 
-export declare class OccitaneTablist extends LitElement {
+declare const OccitaneTablist_base: import('../behaviors/mixin').MixinReturn<typeof LitElement>;
+export declare class OccitaneTablist extends OccitaneTablist_base {
     constructor();
     static styles: import('lit').CSSResult;
     private onTabSelected;
     protected firstUpdated(): void;
     protected render(): import('lit').TemplateResult<1>;
 }
+export {};

package/components/tag.d.ts

@@ -2,7 +2,8 @@ import { LitElement } from 'lit';
 
 type TagType = "" | "nostock" | "lowstock" | "instock" | "percentage" | "eyebrow";
 type bgstyle = "background-emphasis" | "background-white";
-export declare class OccitaneTag extends LitElement {
+declare const OccitaneTag_base: import('../behaviors/mixin.js').MixinReturn<typeof LitElement>;
+export declare class OccitaneTag extends OccitaneTag_base {
     static styles: import('lit').CSSResult;
     type: TagType;
     bgstyle: bgstyle;

package/components/thumbnail-navigation.d.ts

@@ -4,7 +4,8 @@ type ThumbnailItem = {
     src: string;
     type?: "image" | "video";
 };
-export declare class ThumbnailNavigation extends LitElement {
+declare const ThumbnailNavigation_base: import('../behaviors/mixin').MixinReturn<typeof LitElement>;
+export declare class ThumbnailNavigation extends ThumbnailNavigation_base {
     thumbnails: ThumbnailItem[];
     activeIndex: number;
     disabledIndexes: number[];

package/components/toast.d.ts

@@ -3,7 +3,8 @@ import { LitElement } from 'lit';
 type verticalanchor = "top" | "bottom";
 type horizontalanchor = "left" | "center" | "right";
 type animationaxis = "vertical" | "horizontal";
-export declare class OccitaneToast extends LitElement {
+declare const OccitaneToast_base: import('../behaviors/mixin.js').MixinReturn<typeof LitElement>;
+export declare class OccitaneToast extends OccitaneToast_base {
     icon: string;
     text: string;
     verticalanchor: verticalanchor;

package/components/tooltip.d.ts

@@ -1,7 +1,8 @@
 import { LitElement } from 'lit';
 
 type TooltipType = "top" | "bottom" | "left" | "right";
-export declare class OccitaneTooltip extends LitElement {
+declare const OccitaneTooltip_base: import('../behaviors/mixin.js').MixinReturn<typeof LitElement>;
+export declare class OccitaneTooltip extends OccitaneTooltip_base {
     static styles: import('lit').CSSResult;
     type: TooltipType;
     text: string;

package/components/wishlist-button.d.ts

@@ -1,7 +1,8 @@
 import { LitElement } from 'lit';
 
 type Status = "empty" | "filled";
-export declare class OccitaneWishlistButton extends LitElement {
+declare const OccitaneWishlistButton_base: import('../behaviors/mixin.js').MixinReturn<typeof LitElement>;
+export declare class OccitaneWishlistButton extends OccitaneWishlistButton_base {
     static styles: import('lit').CSSResult;
     status: Status;
     icon: string;