import type { ReactWebComponent, EventName } from "@lit/react";
import type { LitElement } from 'lit';

export namespace Components {
  interface LfdsButton extends LitElement {
    "variant": "primary" | "secondary" | "tertiary";
    "size": "large" | "medium" | "small";
    "type": "button" | "menu" | "reset" | "submit";
    "target": "_blank" | "_self";
    "download": string | boolean;
    "href": string;
    "rel": string;
    "name": string;
    /** @deprecated Use `default` slot instead (removal: 2026-07-30) */
    "label": string;
    "value": string | number;
    "disabled": boolean;
    "helpText": string;
    "validationMessage": string;
    "srLabelledby": string;
    "srLabel": string;
    "srDescribedby": string;
    "srControls": string;
    "srExpanded": string;
    "srPressed": string;
    "srCurrent": string;
  }
  
  interface LfdsSheet extends LitElement {
    "open": boolean;
    "heading": string;
    "byline": string;
    /** @deprecated Desktop will only have one size. (removal: 2026-09-30) */
    "size": "large" | "medium" | "small";
    "height": "fill" | "hug" | "medium" | "small";
    "resizable": boolean;
    "backdrop": boolean;
    "backButton": boolean;
    "cancelable": boolean;
    "srCloseLabel": string;
    "srCancelLabel": string;
    "srBackLabel": string;
    "migration": | 'light-background'
    		| 'remove-padding'
    		| 'light-background remove-padding'
    		| (string & {});
    "[swipeDismiss]": undefined;
    "returnValue": undefined;
  }
  
  interface LfdsShortcut extends LitElement {
    "label": string;
    "description": string;
    "layout": "horizontal" | "vertical";
    "type": "button" | "menu" | "reset" | "submit";
    "target": "_blank" | "_self";
    "download": string | boolean;
    "href": string;
    "rel": string;
    "name": string;
    "value": string | number;
    "iconId": string;
    "validationMessage": string;
    "ariaLabelledby": string;
    "ariaControls": string;
    "ariaExpanded": string;
  }
  
  interface LfdsListRowContent extends LitElement {
    "readingOrder": "horizontal" | "vertical";
  }
  
  interface LfdsGroupHeader extends LitElement {
    "level": "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
    "srLabel": string;
  }
  
  interface LfdsAlert extends LitElement {
    "variant": "error" | "info" | "success" | "warning";
    "type": "alert" | "info-box";
    "heading": string;
    "srVariantText": string;
    "srVariantIndex": string;
    "srVariantDisabled": boolean;
    "headingLevel": "h1" | "h2" | "h3" | "h4";
  }
  
  interface LfdsHeading extends LitElement {
    "variant": "primary" | "secondary";
    "level": "h1" | "h2" | "h3" | "h4";
  }
  
  interface LfdsSectionHeader extends LitElement {
    "level": "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
    "srLabel": string;
  }
  
  interface LfdsListRow extends LitElement {
    "selects": string;
    "target": "_blank" | "_self";
    "rel": string;
    "lang": string;
    "href": string;
    "name": string;
    "srLabel": string;
    "srLabelledby": string;
    "srDescribedby": string;
    "srControls": string;
    "srExpanded": "false" | "true";
    "srHaspopup": "dialog" | "grid" | "listbox" | "menu" | "tree" | "true";
    "interactive": boolean;
  }
  
  interface LfdsCheckbox extends LitElement {
    "label": string;
    "name": string;
    "value": string;
    "autocomplete": "off" | "on";
    "indeterminate": boolean;
    "checked": boolean;
    "required": boolean;
    "disabled": boolean;
    "invalid": boolean;
    "validationMessage": string;
    "srLabel": string;
    "srLabelledby": string;
    "srDescribedby": string;
    "srControls": string;
  }
  
  interface LfdsSpinner extends LitElement {
    "size": 20 | 24 | 32 | 40 | 48 | 64;
    "color": string;
  }
  
  interface LfdsCheckboxGroup extends LitElement {
    "helpText": string;
    "validationMessage": string;
  }
  
  interface LfdsRadio extends LitElement {
    "label": string;
    "name": string;
    "value": string;
    "autocomplete": "off" | "on";
    "checked": boolean;
    "required": boolean;
    "disabled": boolean;
    "invalid": boolean;
    "srLabel": string;
    "srLabelledby": string;
    "srDescribedby": string;
    "srControls": string;
  }
  
  interface LfdsIcon extends LitElement {
    "iconId": "accounts" | "add-photo" | "alert" | "amount" | "apartment" | "arrow-alt-left" | "arrow-alt-right" | "arrow-down" | "arrow-enclosed-down" | "arrow-enclosed-right" | "arrow-enclosed-up" | "arrow-forward" | "arrow-growth" | "arrow-left" | "arrow-right" | "arrow-small-left" | "arrow-small-right" | "arrow-up" | "attachment" | "atv" | "baby" | "balance" | "balcony" | "bar-chart" | "bathroom" | "bedroom" | "bell" | "bike" | "bike-mc" | "bills-coins-mc" | "bird" | "bird-alt" | "block" | "boat" | "boplatsen-compliances" | "boplatsen-construction" | "boplatsen-renovation" | "box" | "briefcase" | "briefcase-alt" | "briefcase-first-aid" | "briefcase-first-aid-mc" | "buildings" | "bulb" | "bullseye" | "calendar" | "calendar-add" | "calendar-check" | "calendar-cross" | "calendar-mc" | "call-center" | "call-center-mc" | "camera" | "car" | "car-damage" | "car-damaged" | "car-damaged-mc" | "car-mc" | "caravan" | "card" | "card-block" | "card-block-mc" | "card-check-mc" | "card-mc" | "card-pause" | "cat" | "category-food-drinks-mc" | "category-health-beauty-mc" | "category-home-household-mc" | "category-income-mc" | "category-insurance-protection-mc" | "category-leisure-lifestyle-mc" | "category-misc-expenses-mc" | "category-savings-investments-mc" | "category-shopping-mc" | "category-transfer-mc" | "category-transport-travel-mc" | "category-uncategorized-mc" | "chart-line" | "chart-line-alt" | "chart-pie" | "chat" | "chat-heart-mc" | "check" | "check-bold" | "check-enclosed" | "check-mc" | "check-success-mc" | "chevron-down" | "chevron-down-small" | "chevron-forward" | "chevron-left" | "chevron-left-small" | "chevron-right" | "chevron-right-small" | "chevron-up" | "chevron-up-small" | "chicken" | "circle" | "clipboard" | "clock" | "cloud" | "cloud-mc" | "co-applicants-mc" | "coins" | "coins-alt" | "coins-alt2" | "collect" | "compliances-mc" | "computer" | "construction-mc" | "content-card" | "content-copy" | "contract" | "cow" | "cross" | "cross-big" | "cross-enclosed" | "cup" | "damage" | "damage-mc" | "digital-services" | "dishwasher" | "document" | "document-broken" | "document-excel" | "document-missing" | "document-paper" | "document-pdf" | "document-unknown" | "document-unknown-file" | "document-word" | "documents" | "dog" | "dog-alt" | "dog-left-mc" | "dog-right-mc" | "download" | "e-invoice" | "e-transfer" | "e-transfer-mc" | "edit" | "ellipsis-enclosed" | "envelope" | "envelope-unread-mc" | "external-link" | "facebook" | "family" | "farm" | "filetransfer" | "filter" | "fish" | "fixed" | "flag" | "food-drinks" | "forklift" | "forklift-mc" | "garage" | "gear" | "glasses" | "globe" | "globe-alert" | "globe-alt" | "globe-lock" | "graph-indicator" | "gravestone" | "gravestones" | "group" | "guide" | "happy-accepted-mc" | "health-beauty" | "heart" | "heartbeat" | "heat-pump" | "help" | "horse" | "house" | "house-alt" | "house-insurance" | "house-mc" | "house-sun" | "house-sun-mc" | "id" | "id-card" | "id-sign" | "info-enclosed" | "info-mc" | "instagram" | "institution" | "kitchen" | "leisure-lifestyle" | "linkedin" | "list" | "livingroom" | "login-bankid" | "login-pincode" | "logout" | "mc" | "menu" | "menu-alt" | "minus" | "minus-enclosed" | "money" | "money-coins" | "money-coins-mc" | "money-mc" | "moose" | "moose-mc" | "moped" | "more" | "more-horizontal" | "more-vertical" | "mortgage" | "not-accepted-mc" | "offer-mc" | "other-outdoor" | "other-room" | "padlock" | "padlock-closed-mc" | "padlock-keyhole" | "padlock-open" | "paper" | "parasol" | "payment" | "payment-mc" | "pdf" | "pen" | "pension" | "pension-capital" | "pension-egetspar-2of3-mc" | "pension-egetspar-in-mc" | "pension-egetspar-mc" | "pension-egetspar-out-mc" | "pension-in-mc" | "pension-inactive-mc" | "pension-mc" | "pension-occupational" | "pension-out-mc" | "pension-private" | "pension-pyramid" | "pension-state" | "pensions-capital-invisible-mc" | "pensions-occupational-inbetalning-mc" | "pensions-occupational-invisible-mc" | "pensions-occupational-utbetalning-mc" | "pensions-private-inbetalning-mc" | "pensions-private-invisible-mc" | "pensions-private-utbetalning-mc" | "percent" | "person-already-moved" | "phone" | "phone-broken" | "phone-landscape" | "phone-retro" | "picture" | "pig" | "pin" | "pincode" | "pinpad" | "pinpad-extra" | "placeholder" | "plus" | "plus-enclosed" | "pregnancy1-mc" | "pregnancy2-mc" | "pregnancy3-mc" | "pregnancy4-mc" | "pregnant" | "print" | "pushpin" | "rabbit" | "radio-enclosed" | "radio-round" | "refresh" | "refrigerator" | "reimbursible" | "renovation-mc" | "rv" | "sad-declined-mc" | "savings" | "savings-alt" | "savings-mc" | "savings-navigator" | "screen" | "search" | "search-mc" | "share" | "share-alt" | "shield" | "shopping" | "shoppingcart" | "smalltruck" | "snailmail" | "snowmobile" | "sort" | "sort-falling" | "sort-rising" | "star" | "stove" | "sun" | "sustainability" | "swish" | "tablet" | "tag" | "technical-problems-mc" | "terrace" | "text-1-enclosed" | "text-2-enclosed" | "text-3-enclosed" | "texture-minus" | "texture-plus" | "things-mc" | "thumb-up" | "thumbs-down" | "thumbs-up" | "tooth" | "tracking-privacy" | "tractor" | "trailer" | "transfer" | "transfer-mc" | "transport-travel" | "trash" | "travel" | "travel-mc" | "triangle" | "triangle-small" | "umbrella" | "unbalance" | "uncategorized" | "undo" | "unknown-file" | "user" | "user-glow" | "user-happy" | "variable" | "wallet" | "wallet-minus" | "wallet-open" | "wallet-plus" | "warning" | "washing-machine" | "washingroom" | "wheat" | "world" | "wristwatch" | "write" | "write-alt" | "x" | "you-need-to-supplement-mc" | "youtube";
    "size": 12 | 16 | 22 | 24 | 28 | 32 | 40 | 48 | 64 | 72 | 96;
    "color": string;
  }
  
  interface LfdsRadioCard extends LitElement {
    "label": string;
    "name": string;
    "value": string;
    "description": string;
    "iconId": string;
    "layout": "auto" | "horizontal" | "vertical";
    "helpText": string;
    "autocomplete": "off" | "on";
    "indeterminate": boolean;
    "checked": boolean;
    "required": boolean;
    "disabled": boolean;
    "invalid": boolean;
    "validationMessage": string;
    "srLabel": string;
    "srLabelledby": string;
    "srDescribedby": string;
    "srControls": string;
  }
  
  interface LfdsRadioGroup extends LitElement {
    "label": string;
    "helpText": string;
    "validationMessage": string;
    "srLabelledby": string;
    "srLabel": string;
    "srDescribedby": string;
    "name": string;
    "value": string;
    "required": boolean;
    "invalid": boolean;
  }
  
  interface LfdsCheckboxCard extends LitElement {
    "label": string;
    "name": string;
    "value": string;
    "description": string;
    "iconId": string;
    "layout": "auto" | "horizontal" | "vertical";
    "autocomplete": "off" | "on";
    "indeterminate": boolean;
    "checked": boolean;
    "required": boolean;
    "disabled": boolean;
    "invalid": boolean;
    "validationMessage": string;
    "srLabel": string;
    "srLabelledby": string;
    "srDescribedby": string;
    "srControls": string;
  }
  
  interface LfdsTextarea extends LitElement {
    "value": string | number | File;
    "maxlength": number;
    "minlength": number;
    "wrap": "hard" | "soft";
    "dirname": string;
    "label": string;
    "min": string;
    "max": string;
    "name": string;
    "rows": number;
    "helpText": string;
    "validationMessage": string;
    "required": boolean;
    "disabled": boolean;
    "readonly": boolean;
    "autofocus": boolean;
    "invalid": boolean;
    "srLabel": string;
    "srLabelledby": string;
    "srDescribedby": string;
    "srControls": string;
  }
  
  interface LfdsInput extends LitElement {
    "value": string | number | File;
    "type": "color" | "date" | "datetime-local" | "email" | "file" | "month" | "number" | "password" | "search" | "tel" | "text" | "time" | "url" | "week";
    "inputmode": "decimal" | "email" | "none" | "numeric" | "search" | "tel" | "text" | "url";
    "maxlength": number;
    "minlength": number;
    "autocomplete": "off" | "on";
    "dirname": string;
    "label": string;
    "min": string;
    "max": string;
    "name": string;
    "list": string;
    "step": number;
    "helpText": string;
    "validationMessage": string;
    "startText": string;
    "endText": string;
    "required": boolean;
    "readonly": boolean;
    "autofocus": boolean;
    "invalid": boolean;
    "srLabel": string;
    "srLabelledby": string;
    "srDescribedby": string;
    "srControls": string;
  }
}

declare type LfdsButtonAttributes = {
  "variant": "primary" | "secondary" | "tertiary";
  "size": "large" | "medium" | "small";
  "type": "button" | "menu" | "reset" | "submit";
  "target": "_blank" | "_self";
  "download": string | boolean;
  "href": string;
  "rel": string;
  "name": string;
  /** @deprecated Use `default` slot instead (removal: 2026-07-30) */
  "label": string;
  "value": string | number;
  "disabled": boolean;
  "help-text": string;
  "validation-message": string;
  "sr-labelledby": string;
  "sr-label": string;
  "sr-describedby": string;
  "sr-controls": string;
  "sr-expanded": string;
  "sr-pressed": string;
  "sr-current": string;
}

declare type LfdsSheetAttributes = {
  "open": boolean;
  "heading": string;
  "byline": string;
  /** @deprecated Desktop will only have one size. (removal: 2026-09-30) */
  "size": "large" | "medium" | "small";
  "height": "fill" | "hug" | "medium" | "small";
  "resizable": boolean;
  "backdrop": boolean;
  "back-button": boolean;
  "cancelable": boolean;
  "sr-close-label": string;
  "sr-cancel-label": string;
  "sr-back-label": string;
  "migration": | 'light-background'
  		| 'remove-padding'
  		| 'light-background remove-padding'
  		| (string & {});
}

declare type LfdsShortcutAttributes = {
  "label": string;
  "description": string;
  "layout": "horizontal" | "vertical";
  "type": "button" | "menu" | "reset" | "submit";
  "target": "_blank" | "_self";
  "download": string | boolean;
  "href": string;
  "rel": string;
  "name": string;
  "value": string | number;
  "icon-id": string;
  "validation-message": string;
  "aria-labelledby": string;
  "aria-controls": string;
  "aria-expanded": string;
}

declare type LfdsListRowContentAttributes = {
  "reading-order": "horizontal" | "vertical";
}

declare type LfdsGroupHeaderAttributes = {
  "level": "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
  "sr-label": string;
}

declare type LfdsAlertAttributes = {
  "variant": "error" | "info" | "success" | "warning";
  "type": "alert" | "info-box";
  "heading": string;
  "sr-variant-text": string;
  "sr-variant-index": string;
  "sr-variant-disabled": boolean;
  "heading-level": "h1" | "h2" | "h3" | "h4";
}

declare type LfdsHeadingAttributes = {
  "variant": "primary" | "secondary";
  "level": "h1" | "h2" | "h3" | "h4";
}

declare type LfdsSectionHeaderAttributes = {
  "level": "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
  "sr-label": string;
}

declare type LfdsListRowAttributes = {
  "selects": string;
  "target": "_blank" | "_self";
  "rel": string;
  "lang": string;
  "href": string;
  "name": string;
  "sr-label": string;
  "sr-labelledby": string;
  "sr-describedby": string;
  "sr-controls": string;
  "sr-expanded": "false" | "true";
  "sr-haspopup": "dialog" | "grid" | "listbox" | "menu" | "tree" | "true";
  "interactive": boolean;
}

declare type LfdsCheckboxAttributes = {
  "label": string;
  "name": string;
  "value": string;
  "autocomplete": "off" | "on";
  "indeterminate": boolean;
  "checked": boolean;
  "required": boolean;
  "disabled": boolean;
  "invalid": boolean;
  "validation-message": string;
  "sr-label": string;
  "sr-labelledby": string;
  "sr-describedby": string;
  "sr-controls": string;
}

declare type LfdsSpinnerAttributes = {
  "size": 20 | 24 | 32 | 40 | 48 | 64;
  "color": string;
}

declare type LfdsCheckboxGroupAttributes = {
  "help-text": string;
  "validation-message": string;
}

declare type LfdsRadioAttributes = {
  "label": string;
  "name": string;
  "value": string;
  "autocomplete": "off" | "on";
  "checked": boolean;
  "required": boolean;
  "disabled": boolean;
  "invalid": boolean;
  "sr-label": string;
  "sr-labelledby": string;
  "sr-describedby": string;
  "sr-controls": string;
}

declare type LfdsIconAttributes = {
  "icon-id": "accounts" | "add-photo" | "alert" | "amount" | "apartment" | "arrow-alt-left" | "arrow-alt-right" | "arrow-down" | "arrow-enclosed-down" | "arrow-enclosed-right" | "arrow-enclosed-up" | "arrow-forward" | "arrow-growth" | "arrow-left" | "arrow-right" | "arrow-small-left" | "arrow-small-right" | "arrow-up" | "attachment" | "atv" | "baby" | "balance" | "balcony" | "bar-chart" | "bathroom" | "bedroom" | "bell" | "bike" | "bike-mc" | "bills-coins-mc" | "bird" | "bird-alt" | "block" | "boat" | "boplatsen-compliances" | "boplatsen-construction" | "boplatsen-renovation" | "box" | "briefcase" | "briefcase-alt" | "briefcase-first-aid" | "briefcase-first-aid-mc" | "buildings" | "bulb" | "bullseye" | "calendar" | "calendar-add" | "calendar-check" | "calendar-cross" | "calendar-mc" | "call-center" | "call-center-mc" | "camera" | "car" | "car-damage" | "car-damaged" | "car-damaged-mc" | "car-mc" | "caravan" | "card" | "card-block" | "card-block-mc" | "card-check-mc" | "card-mc" | "card-pause" | "cat" | "category-food-drinks-mc" | "category-health-beauty-mc" | "category-home-household-mc" | "category-income-mc" | "category-insurance-protection-mc" | "category-leisure-lifestyle-mc" | "category-misc-expenses-mc" | "category-savings-investments-mc" | "category-shopping-mc" | "category-transfer-mc" | "category-transport-travel-mc" | "category-uncategorized-mc" | "chart-line" | "chart-line-alt" | "chart-pie" | "chat" | "chat-heart-mc" | "check" | "check-bold" | "check-enclosed" | "check-mc" | "check-success-mc" | "chevron-down" | "chevron-down-small" | "chevron-forward" | "chevron-left" | "chevron-left-small" | "chevron-right" | "chevron-right-small" | "chevron-up" | "chevron-up-small" | "chicken" | "circle" | "clipboard" | "clock" | "cloud" | "cloud-mc" | "co-applicants-mc" | "coins" | "coins-alt" | "coins-alt2" | "collect" | "compliances-mc" | "computer" | "construction-mc" | "content-card" | "content-copy" | "contract" | "cow" | "cross" | "cross-big" | "cross-enclosed" | "cup" | "damage" | "damage-mc" | "digital-services" | "dishwasher" | "document" | "document-broken" | "document-excel" | "document-missing" | "document-paper" | "document-pdf" | "document-unknown" | "document-unknown-file" | "document-word" | "documents" | "dog" | "dog-alt" | "dog-left-mc" | "dog-right-mc" | "download" | "e-invoice" | "e-transfer" | "e-transfer-mc" | "edit" | "ellipsis-enclosed" | "envelope" | "envelope-unread-mc" | "external-link" | "facebook" | "family" | "farm" | "filetransfer" | "filter" | "fish" | "fixed" | "flag" | "food-drinks" | "forklift" | "forklift-mc" | "garage" | "gear" | "glasses" | "globe" | "globe-alert" | "globe-alt" | "globe-lock" | "graph-indicator" | "gravestone" | "gravestones" | "group" | "guide" | "happy-accepted-mc" | "health-beauty" | "heart" | "heartbeat" | "heat-pump" | "help" | "horse" | "house" | "house-alt" | "house-insurance" | "house-mc" | "house-sun" | "house-sun-mc" | "id" | "id-card" | "id-sign" | "info-enclosed" | "info-mc" | "instagram" | "institution" | "kitchen" | "leisure-lifestyle" | "linkedin" | "list" | "livingroom" | "login-bankid" | "login-pincode" | "logout" | "mc" | "menu" | "menu-alt" | "minus" | "minus-enclosed" | "money" | "money-coins" | "money-coins-mc" | "money-mc" | "moose" | "moose-mc" | "moped" | "more" | "more-horizontal" | "more-vertical" | "mortgage" | "not-accepted-mc" | "offer-mc" | "other-outdoor" | "other-room" | "padlock" | "padlock-closed-mc" | "padlock-keyhole" | "padlock-open" | "paper" | "parasol" | "payment" | "payment-mc" | "pdf" | "pen" | "pension" | "pension-capital" | "pension-egetspar-2of3-mc" | "pension-egetspar-in-mc" | "pension-egetspar-mc" | "pension-egetspar-out-mc" | "pension-in-mc" | "pension-inactive-mc" | "pension-mc" | "pension-occupational" | "pension-out-mc" | "pension-private" | "pension-pyramid" | "pension-state" | "pensions-capital-invisible-mc" | "pensions-occupational-inbetalning-mc" | "pensions-occupational-invisible-mc" | "pensions-occupational-utbetalning-mc" | "pensions-private-inbetalning-mc" | "pensions-private-invisible-mc" | "pensions-private-utbetalning-mc" | "percent" | "person-already-moved" | "phone" | "phone-broken" | "phone-landscape" | "phone-retro" | "picture" | "pig" | "pin" | "pincode" | "pinpad" | "pinpad-extra" | "placeholder" | "plus" | "plus-enclosed" | "pregnancy1-mc" | "pregnancy2-mc" | "pregnancy3-mc" | "pregnancy4-mc" | "pregnant" | "print" | "pushpin" | "rabbit" | "radio-enclosed" | "radio-round" | "refresh" | "refrigerator" | "reimbursible" | "renovation-mc" | "rv" | "sad-declined-mc" | "savings" | "savings-alt" | "savings-mc" | "savings-navigator" | "screen" | "search" | "search-mc" | "share" | "share-alt" | "shield" | "shopping" | "shoppingcart" | "smalltruck" | "snailmail" | "snowmobile" | "sort" | "sort-falling" | "sort-rising" | "star" | "stove" | "sun" | "sustainability" | "swish" | "tablet" | "tag" | "technical-problems-mc" | "terrace" | "text-1-enclosed" | "text-2-enclosed" | "text-3-enclosed" | "texture-minus" | "texture-plus" | "things-mc" | "thumb-up" | "thumbs-down" | "thumbs-up" | "tooth" | "tracking-privacy" | "tractor" | "trailer" | "transfer" | "transfer-mc" | "transport-travel" | "trash" | "travel" | "travel-mc" | "triangle" | "triangle-small" | "umbrella" | "unbalance" | "uncategorized" | "undo" | "unknown-file" | "user" | "user-glow" | "user-happy" | "variable" | "wallet" | "wallet-minus" | "wallet-open" | "wallet-plus" | "warning" | "washing-machine" | "washingroom" | "wheat" | "world" | "wristwatch" | "write" | "write-alt" | "x" | "you-need-to-supplement-mc" | "youtube";
  "size": 12 | 16 | 22 | 24 | 28 | 32 | 40 | 48 | 64 | 72 | 96;
  "color": string;
}

declare type LfdsRadioCardAttributes = {
  "label": string;
  "name": string;
  "value": string;
  "description": string;
  "icon-id": string;
  "layout": "auto" | "horizontal" | "vertical";
  "help-text": string;
  "autocomplete": "off" | "on";
  "indeterminate": boolean;
  "checked": boolean;
  "required": boolean;
  "disabled": boolean;
  "invalid": boolean;
  "validation-message": string;
  "sr-label": string;
  "sr-labelledby": string;
  "sr-describedby": string;
  "sr-controls": string;
}

declare type LfdsRadioGroupAttributes = {
  "label": string;
  "help-text": string;
  "validation-message": string;
  "sr-labelledby": string;
  "sr-label": string;
  "sr-describedby": string;
  "name": string;
  "value": string;
  "required": boolean;
  "invalid": boolean;
}

declare type LfdsCheckboxCardAttributes = {
  "label": string;
  "name": string;
  "value": string;
  "description": string;
  "icon-id": string;
  "layout": "auto" | "horizontal" | "vertical";
  "autocomplete": "off" | "on";
  "indeterminate": boolean;
  "checked": boolean;
  "required": boolean;
  "disabled": boolean;
  "invalid": boolean;
  "validation-message": string;
  "sr-label": string;
  "sr-labelledby": string;
  "sr-describedby": string;
  "sr-controls": string;
}

declare type LfdsTextareaAttributes = {
  "value": string | number | File;
  "maxlength": number;
  "minlength": number;
  "wrap": "hard" | "soft";
  "dirname": string;
  "label": string;
  "min": string;
  "max": string;
  "name": string;
  "rows": number;
  "help-text": string;
  "validation-message": string;
  "required": boolean;
  "disabled": boolean;
  "readonly": boolean;
  "autofocus": boolean;
  "invalid": boolean;
  "sr-label": string;
  "sr-labelledby": string;
  "sr-describedby": string;
  "sr-controls": string;
}

declare type LfdsInputAttributes = {
  "value": string | number | File;
  "type": "color" | "date" | "datetime-local" | "email" | "file" | "month" | "number" | "password" | "search" | "tel" | "text" | "time" | "url" | "week";
  "inputmode": "decimal" | "email" | "none" | "numeric" | "search" | "tel" | "text" | "url";
  "maxlength": number;
  "minlength": number;
  "autocomplete": "off" | "on";
  "dirname": string;
  "label": string;
  "min": string;
  "max": string;
  "name": string;
  "list": string;
  "step": number;
  "help-text": string;
  "validation-message": string;
  "start-text": string;
  "end-text": string;
  "required": boolean;
  "readonly": boolean;
  "autofocus": boolean;
  "invalid": boolean;
  "sr-label": string;
  "sr-labelledby": string;
  "sr-describedby": string;
  "sr-controls": string;
}

export type InputChangeEvent = Event & { target: HTMLInputElement };

declare type LfdsButtonEvents = NonNullable<unknown>;

export const LfdsButton: ReactWebComponent<Components.LfdsButton, LfdsButtonEvents>

declare type LfdsSheetEvents = {
  "onClose": "close";
  "onBack": "back";
};

export const LfdsSheet: ReactWebComponent<Components.LfdsSheet, LfdsSheetEvents>

declare type LfdsShortcutEvents = NonNullable<unknown>;

export const LfdsShortcut: ReactWebComponent<Components.LfdsShortcut, LfdsShortcutEvents>

declare type LfdsListRowContentEvents = NonNullable<unknown>;

export const LfdsListRowContent: ReactWebComponent<Components.LfdsListRowContent, LfdsListRowContentEvents>

declare type LfdsGroupHeaderEvents = NonNullable<unknown>;

export const LfdsGroupHeader: ReactWebComponent<Components.LfdsGroupHeader, LfdsGroupHeaderEvents>

declare type LfdsAlertEvents = {
  "onClose": "close";
};

export const LfdsAlert: ReactWebComponent<Components.LfdsAlert, LfdsAlertEvents>

declare type LfdsHeadingEvents = NonNullable<unknown>;

export const LfdsHeading: ReactWebComponent<Components.LfdsHeading, LfdsHeadingEvents>

declare type LfdsSectionHeaderEvents = NonNullable<unknown>;

export const LfdsSectionHeader: ReactWebComponent<Components.LfdsSectionHeader, LfdsSectionHeaderEvents>

declare type LfdsListRowEvents = NonNullable<unknown>;

export const LfdsListRow: ReactWebComponent<Components.LfdsListRow, LfdsListRowEvents>

declare type LfdsCheckboxEvents = {
  "onChange": EventName<InputChangeEvent>;
};

export const LfdsCheckbox: ReactWebComponent<Components.LfdsCheckbox, LfdsCheckboxEvents>

declare type LfdsSpinnerEvents = NonNullable<unknown>;

export const LfdsSpinner: ReactWebComponent<Components.LfdsSpinner, LfdsSpinnerEvents>

declare type LfdsCheckboxGroupEvents = NonNullable<unknown>;

export const LfdsCheckboxGroup: ReactWebComponent<Components.LfdsCheckboxGroup, LfdsCheckboxGroupEvents>

declare type LfdsRadioEvents = {
  "onChange": EventName<InputChangeEvent>;
};

export const LfdsRadio: ReactWebComponent<Components.LfdsRadio, LfdsRadioEvents>

declare type LfdsIconEvents = NonNullable<unknown>;

export const LfdsIcon: ReactWebComponent<Components.LfdsIcon, LfdsIconEvents>

declare type LfdsRadioCardEvents = {
  "onChange": EventName<InputChangeEvent>;
};

export const LfdsRadioCard: ReactWebComponent<Components.LfdsRadioCard, LfdsRadioCardEvents>

declare type LfdsRadioGroupEvents = {
  "onChange": EventName<InputChangeEvent>;
};

export const LfdsRadioGroup: ReactWebComponent<Components.LfdsRadioGroup, LfdsRadioGroupEvents>

declare type LfdsCheckboxCardEvents = {
  "onChange": EventName<InputChangeEvent>;
};

export const LfdsCheckboxCard: ReactWebComponent<Components.LfdsCheckboxCard, LfdsCheckboxCardEvents>

declare type LfdsTextareaEvents = {
  "onChange": EventName<InputChangeEvent>;
};

export const LfdsTextarea: ReactWebComponent<Components.LfdsTextarea, LfdsTextareaEvents>

declare type LfdsInputEvents = {
  "onChange": EventName<InputChangeEvent>;
};

export const LfdsInput: ReactWebComponent<Components.LfdsInput, LfdsInputEvents>

declare global {
  interface HTMLLfdsButtonElement extends Components.LfdsButton, LitElement {}
  var HTMLLfdsButtonElement: {
      prototype: HTMLLfdsButtonElement;
      new (): HTMLLfdsButtonElement;
  };
  
  interface HTMLLfdsSheetElement extends Components.LfdsSheet, LitElement {}
  var HTMLLfdsSheetElement: {
      prototype: HTMLLfdsSheetElement;
      new (): HTMLLfdsSheetElement;
  };
  
  interface HTMLLfdsShortcutElement extends Components.LfdsShortcut, LitElement {}
  var HTMLLfdsShortcutElement: {
      prototype: HTMLLfdsShortcutElement;
      new (): HTMLLfdsShortcutElement;
  };
  
  interface HTMLLfdsListRowContentElement extends Components.LfdsListRowContent, LitElement {}
  var HTMLLfdsListRowContentElement: {
      prototype: HTMLLfdsListRowContentElement;
      new (): HTMLLfdsListRowContentElement;
  };
  
  interface HTMLLfdsGroupHeaderElement extends Components.LfdsGroupHeader, LitElement {}
  var HTMLLfdsGroupHeaderElement: {
      prototype: HTMLLfdsGroupHeaderElement;
      new (): HTMLLfdsGroupHeaderElement;
  };
  
  interface HTMLLfdsAlertElement extends Components.LfdsAlert, LitElement {}
  var HTMLLfdsAlertElement: {
      prototype: HTMLLfdsAlertElement;
      new (): HTMLLfdsAlertElement;
  };
  
  interface HTMLLfdsHeadingElement extends Components.LfdsHeading, LitElement {}
  var HTMLLfdsHeadingElement: {
      prototype: HTMLLfdsHeadingElement;
      new (): HTMLLfdsHeadingElement;
  };
  
  interface HTMLLfdsSectionHeaderElement extends Components.LfdsSectionHeader, LitElement {}
  var HTMLLfdsSectionHeaderElement: {
      prototype: HTMLLfdsSectionHeaderElement;
      new (): HTMLLfdsSectionHeaderElement;
  };
  
  interface HTMLLfdsListRowElement extends Components.LfdsListRow, LitElement {}
  var HTMLLfdsListRowElement: {
      prototype: HTMLLfdsListRowElement;
      new (): HTMLLfdsListRowElement;
  };
  
  interface HTMLLfdsCheckboxElement extends Components.LfdsCheckbox, LitElement {}
  var HTMLLfdsCheckboxElement: {
      prototype: HTMLLfdsCheckboxElement;
      new (): HTMLLfdsCheckboxElement;
  };
  
  interface HTMLLfdsSpinnerElement extends Components.LfdsSpinner, LitElement {}
  var HTMLLfdsSpinnerElement: {
      prototype: HTMLLfdsSpinnerElement;
      new (): HTMLLfdsSpinnerElement;
  };
  
  interface HTMLLfdsCheckboxGroupElement extends Components.LfdsCheckboxGroup, LitElement {}
  var HTMLLfdsCheckboxGroupElement: {
      prototype: HTMLLfdsCheckboxGroupElement;
      new (): HTMLLfdsCheckboxGroupElement;
  };
  
  interface HTMLLfdsRadioElement extends Components.LfdsRadio, LitElement {}
  var HTMLLfdsRadioElement: {
      prototype: HTMLLfdsRadioElement;
      new (): HTMLLfdsRadioElement;
  };
  
  interface HTMLLfdsIconElement extends Components.LfdsIcon, LitElement {}
  var HTMLLfdsIconElement: {
      prototype: HTMLLfdsIconElement;
      new (): HTMLLfdsIconElement;
  };
  
  interface HTMLLfdsRadioCardElement extends Components.LfdsRadioCard, LitElement {}
  var HTMLLfdsRadioCardElement: {
      prototype: HTMLLfdsRadioCardElement;
      new (): HTMLLfdsRadioCardElement;
  };
  
  interface HTMLLfdsRadioGroupElement extends Components.LfdsRadioGroup, LitElement {}
  var HTMLLfdsRadioGroupElement: {
      prototype: HTMLLfdsRadioGroupElement;
      new (): HTMLLfdsRadioGroupElement;
  };
  
  interface HTMLLfdsCheckboxCardElement extends Components.LfdsCheckboxCard, LitElement {}
  var HTMLLfdsCheckboxCardElement: {
      prototype: HTMLLfdsCheckboxCardElement;
      new (): HTMLLfdsCheckboxCardElement;
  };
  
  interface HTMLLfdsTextareaElement extends Components.LfdsTextarea, LitElement {}
  var HTMLLfdsTextareaElement: {
      prototype: HTMLLfdsTextareaElement;
      new (): HTMLLfdsTextareaElement;
  };
  
  interface HTMLLfdsInputElement extends Components.LfdsInput, LitElement {}
  var HTMLLfdsInputElement: {
      prototype: HTMLLfdsInputElement;
      new (): HTMLLfdsInputElement;
  };

  interface HTMLElementTagNameMap {
    "lfds-button": HTMLLfdsButtonElement;
    "lfds-sheet": HTMLLfdsSheetElement;
    "lfds-shortcut": HTMLLfdsShortcutElement;
    "lfds-list-row-content": HTMLLfdsListRowContentElement;
    "lfds-group-header": HTMLLfdsGroupHeaderElement;
    "lfds-alert": HTMLLfdsAlertElement;
    "lfds-heading": HTMLLfdsHeadingElement;
    "lfds-section-header": HTMLLfdsSectionHeaderElement;
    "lfds-list-row": HTMLLfdsListRowElement;
    "lfds-checkbox": HTMLLfdsCheckboxElement;
    "lfds-spinner": HTMLLfdsSpinnerElement;
    "lfds-checkbox-group": HTMLLfdsCheckboxGroupElement;
    "lfds-radio": HTMLLfdsRadioElement;
    "lfds-icon": HTMLLfdsIconElement;
    "lfds-radio-card": HTMLLfdsRadioCardElement;
    "lfds-radio-group": HTMLLfdsRadioGroupElement;
    "lfds-checkbox-card": HTMLLfdsCheckboxCardElement;
    "lfds-textarea": HTMLLfdsTextareaElement;
    "lfds-input": HTMLLfdsInputElement;
  }

  interface IntrinsicElements {
    "lfds-button": LfdsButtonAttributes;
    "lfds-sheet": LfdsSheetAttributes;
    "lfds-shortcut": LfdsShortcutAttributes;
    "lfds-list-row-content": LfdsListRowContentAttributes;
    "lfds-group-header": LfdsGroupHeaderAttributes;
    "lfds-alert": LfdsAlertAttributes;
    "lfds-heading": LfdsHeadingAttributes;
    "lfds-section-header": LfdsSectionHeaderAttributes;
    "lfds-list-row": LfdsListRowAttributes;
    "lfds-checkbox": LfdsCheckboxAttributes;
    "lfds-spinner": LfdsSpinnerAttributes;
    "lfds-checkbox-group": LfdsCheckboxGroupAttributes;
    "lfds-radio": LfdsRadioAttributes;
    "lfds-icon": LfdsIconAttributes;
    "lfds-radio-card": LfdsRadioCardAttributes;
    "lfds-radio-group": LfdsRadioGroupAttributes;
    "lfds-checkbox-card": LfdsCheckboxCardAttributes;
    "lfds-textarea": LfdsTextareaAttributes;
    "lfds-input": LfdsInputAttributes;
  }

  namespace JSX {
    interface IntrinsicElements {
      "lfds-button": LfdsButtonAttributes;
      "lfds-sheet": LfdsSheetAttributes;
      "lfds-shortcut": LfdsShortcutAttributes;
      "lfds-list-row-content": LfdsListRowContentAttributes;
      "lfds-group-header": LfdsGroupHeaderAttributes;
      "lfds-alert": LfdsAlertAttributes;
      "lfds-heading": LfdsHeadingAttributes;
      "lfds-section-header": LfdsSectionHeaderAttributes;
      "lfds-list-row": LfdsListRowAttributes;
      "lfds-checkbox": LfdsCheckboxAttributes;
      "lfds-spinner": LfdsSpinnerAttributes;
      "lfds-checkbox-group": LfdsCheckboxGroupAttributes;
      "lfds-radio": LfdsRadioAttributes;
      "lfds-icon": LfdsIconAttributes;
      "lfds-radio-card": LfdsRadioCardAttributes;
      "lfds-radio-group": LfdsRadioGroupAttributes;
      "lfds-checkbox-card": LfdsCheckboxCardAttributes;
      "lfds-textarea": LfdsTextareaAttributes;
      "lfds-input": LfdsInputAttributes;
    }
  }
}