@prioticket/design-system-web 1.0.0

package/component-documentation.json

@@ -0,0 +1,1681 @@
+{
+  "package": {
+    "name": "@prioticket/design-system-web",
+    "version": "1.0.0",
+    "description": "Prioticket Design System Web Components Library",
+    "installation": "npm install @prioticket/design-system-web",
+    "npmrc": "@prioticket:registry=https://gitlab.prioticket.dev/api/v4/projects/193/packages/npm/\n//gitlab.prioticket.dev/api/v4/projects/193/packages/npm/:_authToken=TcG8u2Ryebr6v3x3D19y"
+  },
+  "usage": {
+    "import": "import { PdButton, PdCard, PdTextField } from '@prioticket/design-system-web';",
+    "theming": "Design tokens are automatically included. Use CSS custom properties like var(--md-sys-color-primary)",
+    "typescript": "Full TypeScript support with type definitions included"
+  },
+  "components": {
+    "src\\components\\pd-text-field": {
+      "name": "src\\components\\pd-text-field",
+      "tagName": "src\\components\\text-field",
+      "description": "Component description not available",
+      "properties": [
+        {
+          "name": "variant",
+          "type": "'filled' | 'outlined'",
+          "attribute": "variant",
+          "description": "Property: variant"
+        },
+        {
+          "name": "label",
+          "type": "any",
+          "attribute": "label",
+          "description": "Property: label"
+        },
+        {
+          "name": "placeholder",
+          "type": "any",
+          "attribute": "placeholder",
+          "description": "Property: placeholder"
+        },
+        {
+          "name": "value",
+          "type": "any",
+          "attribute": "value",
+          "description": "Property: value"
+        },
+        {
+          "name": "supportingText",
+          "type": "any",
+          "attribute": "supportingtext",
+          "description": "Property: supportingText"
+        },
+        {
+          "name": "errorText",
+          "type": "any",
+          "attribute": "errortext",
+          "description": "Property: errorText"
+        },
+        {
+          "name": "prefixText",
+          "type": "any",
+          "attribute": "prefixtext",
+          "description": "Property: prefixText"
+        },
+        {
+          "name": "suffixText",
+          "type": "any",
+          "attribute": "suffixtext",
+          "description": "Property: suffixText"
+        },
+        {
+          "name": "disabled",
+          "type": "any",
+          "attribute": "disabled",
+          "description": "Property: disabled"
+        },
+        {
+          "name": "readonly",
+          "type": "any",
+          "attribute": "readonly",
+          "description": "Property: readonly"
+        },
+        {
+          "name": "required",
+          "type": "any",
+          "attribute": "required",
+          "description": "Property: required"
+        },
+        {
+          "name": "error",
+          "type": "any",
+          "attribute": "error",
+          "description": "Property: error"
+        },
+        {
+          "name": "type",
+          "type": "'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'textarea'",
+          "attribute": "type",
+          "description": "Property: type"
+        },
+        {
+          "name": "rows",
+          "type": "any",
+          "attribute": "rows",
+          "description": "Property: rows"
+        },
+        {
+          "name": "cols",
+          "type": "any",
+          "attribute": "cols",
+          "description": "Property: cols"
+        },
+        {
+          "name": "leadingIcon",
+          "type": "any",
+          "attribute": "leadingicon",
+          "description": "Property: leadingIcon"
+        },
+        {
+          "name": "trailingIcon",
+          "type": "any",
+          "attribute": "trailingicon",
+          "description": "Property: trailingIcon"
+        },
+        {
+          "name": "maxlength",
+          "type": "any",
+          "attribute": "maxlength",
+          "description": "Property: maxlength"
+        },
+        {
+          "name": "minlength",
+          "type": "any",
+          "attribute": "minlength",
+          "description": "Property: minlength"
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "examples": {
+        "basic": "<src\\components\\pd-text-field></src\\components\\pd-text-field>",
+        "html": "<src\\components\\pd-text-field class=\"example\"></src\\components\\pd-text-field>",
+        "react": "<Src\\components\\textField />",
+        "lit": "html`<src\\components\\pd-text-field></src\\components\\pd-text-field>`"
+      }
+    },
+    "src\\components\\pd-tabs": {
+      "name": "src\\components\\pd-tabs",
+      "tagName": "src\\components\\tabs",
+      "description": "Component description not available",
+      "properties": [
+        {
+          "name": "activeTabIndex",
+          "type": "any",
+          "attribute": "activetabindex",
+          "description": "Property: activeTabIndex"
+        },
+        {
+          "name": "autoActivate",
+          "type": "any",
+          "attribute": "autoactivate",
+          "description": "Property: autoActivate"
+        },
+        {
+          "name": "tabs",
+          "type": "TabData[]",
+          "attribute": "tabs",
+          "description": "Property: tabs"
+        },
+        {
+          "name": "secondary",
+          "type": "any",
+          "attribute": "secondary",
+          "description": "Property: secondary"
+        },
+        {
+          "name": "inlineIcon",
+          "type": "any",
+          "attribute": "inlineicon",
+          "description": "Property: inlineIcon"
+        },
+        {
+          "name": "icon",
+          "type": "any",
+          "attribute": "icon",
+          "description": "Property: icon"
+        },
+        {
+          "name": "ariaLabel",
+          "type": "any",
+          "attribute": "arialabel",
+          "description": "Property: ariaLabel"
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "examples": {
+        "basic": "<src\\components\\pd-tabs></src\\components\\pd-tabs>",
+        "html": "<src\\components\\pd-tabs class=\"example\"></src\\components\\pd-tabs>",
+        "react": "<Src\\components\\tabs />",
+        "lit": "html`<src\\components\\pd-tabs></src\\components\\pd-tabs>`"
+      }
+    },
+    "src\\components\\pd-switch": {
+      "name": "src\\components\\pd-switch",
+      "tagName": "src\\components\\switch",
+      "description": "Component description not available",
+      "properties": [
+        {
+          "name": "selected",
+          "type": "any",
+          "attribute": "selected",
+          "description": "Property: selected"
+        },
+        {
+          "name": "disabled",
+          "type": "any",
+          "attribute": "disabled",
+          "description": "Property: disabled"
+        },
+        {
+          "name": "selectedIcon",
+          "type": "any",
+          "attribute": "selectedicon",
+          "description": "Property: selectedIcon"
+        },
+        {
+          "name": "unselectedIcon",
+          "type": "any",
+          "attribute": "unselectedicon",
+          "description": "Property: unselectedIcon"
+        },
+        {
+          "name": "showOnlySelectedIcon",
+          "type": "any",
+          "attribute": "showonlyselectedicon",
+          "description": "Property: showOnlySelectedIcon"
+        },
+        {
+          "name": "name",
+          "type": "any",
+          "attribute": "name",
+          "description": "Property: name"
+        },
+        {
+          "name": "value",
+          "type": "any",
+          "attribute": "value",
+          "description": "Property: value"
+        },
+        {
+          "name": "ariaLabel",
+          "type": "any",
+          "attribute": "arialabel",
+          "description": "Property: ariaLabel"
+        },
+        {
+          "name": "required",
+          "type": "any",
+          "attribute": "required",
+          "description": "Property: required"
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "examples": {
+        "basic": "<src\\components\\pd-switch></src\\components\\pd-switch>",
+        "html": "<src\\components\\pd-switch class=\"example\"></src\\components\\pd-switch>",
+        "react": "<Src\\components\\switch />",
+        "lit": "html`<src\\components\\pd-switch></src\\components\\pd-switch>`"
+      }
+    },
+    "src\\components\\pd-stepper": {
+      "name": "src\\components\\pd-stepper",
+      "tagName": "src\\components\\stepper",
+      "description": "Component description not available",
+      "properties": [
+        {
+          "name": "steps",
+          "type": "StepData[]",
+          "attribute": "steps",
+          "description": "Property: steps"
+        },
+        {
+          "name": "currentStep",
+          "type": "any",
+          "attribute": "currentstep",
+          "description": "Property: currentStep"
+        },
+        {
+          "name": "orientation",
+          "type": "'horizontal' | 'vertical'",
+          "attribute": "orientation",
+          "description": "Property: orientation"
+        },
+        {
+          "name": "linear",
+          "type": "any",
+          "attribute": "linear",
+          "description": "Property: linear"
+        },
+        {
+          "name": "showContent",
+          "type": "any",
+          "attribute": "showcontent",
+          "description": "Property: showContent"
+        },
+        {
+          "name": "alternativeLabel",
+          "type": "any",
+          "attribute": "alternativelabel",
+          "description": "Property: alternativeLabel"
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "examples": {
+        "basic": "<src\\components\\pd-stepper></src\\components\\pd-stepper>",
+        "html": "<src\\components\\pd-stepper class=\"example\"></src\\components\\pd-stepper>",
+        "react": "<Src\\components\\stepper />",
+        "lit": "html`<src\\components\\pd-stepper></src\\components\\pd-stepper>`"
+      }
+    },
+    "src\\components\\pd-slider": {
+      "name": "src\\components\\pd-slider",
+      "tagName": "src\\components\\slider",
+      "description": "Component description not available",
+      "properties": [
+        {
+          "name": "disabled",
+          "type": "any",
+          "attribute": "disabled",
+          "description": "Property: disabled"
+        },
+        {
+          "name": "min",
+          "type": "any",
+          "attribute": "min",
+          "description": "Property: min"
+        },
+        {
+          "name": "max",
+          "type": "any",
+          "attribute": "max",
+          "description": "Property: max"
+        },
+        {
+          "name": "value",
+          "type": "any",
+          "attribute": "value",
+          "description": "Property: value"
+        },
+        {
+          "name": "step",
+          "type": "any",
+          "attribute": "step",
+          "description": "Property: step"
+        },
+        {
+          "name": "ticks",
+          "type": "any",
+          "attribute": "ticks",
+          "description": "Property: ticks"
+        },
+        {
+          "name": "labeled",
+          "type": "any",
+          "attribute": "labeled",
+          "description": "Property: labeled"
+        },
+        {
+          "name": "valueIndicator",
+          "type": "any",
+          "attribute": "valueindicator",
+          "description": "Property: valueIndicator"
+        },
+        {
+          "name": "valueStart",
+          "type": "any",
+          "attribute": "valuestart",
+          "description": "Property: valueStart"
+        },
+        {
+          "name": "valueEnd",
+          "type": "any",
+          "attribute": "valueend",
+          "description": "Property: valueEnd"
+        },
+        {
+          "name": "ariaLabel",
+          "type": "any",
+          "attribute": "arialabel",
+          "description": "Property: ariaLabel"
+        },
+        {
+          "name": "ariaLabelStart",
+          "type": "any",
+          "attribute": "arialabelstart",
+          "description": "Property: ariaLabelStart"
+        },
+        {
+          "name": "ariaLabelEnd",
+          "type": "any",
+          "attribute": "arialabelend",
+          "description": "Property: ariaLabelEnd"
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "examples": {
+        "basic": "<src\\components\\pd-slider></src\\components\\pd-slider>",
+        "html": "<src\\components\\pd-slider class=\"example\"></src\\components\\pd-slider>",
+        "react": "<Src\\components\\slider />",
+        "lit": "html`<src\\components\\pd-slider></src\\components\\pd-slider>`"
+      }
+    },
+    "src\\components\\pd-select": {
+      "name": "src\\components\\pd-select",
+      "tagName": "src\\components\\select",
+      "description": "Component description not available",
+      "properties": [
+        {
+          "name": "variant",
+          "type": "'filled' | 'outlined'",
+          "attribute": "variant",
+          "description": "Property: variant"
+        },
+        {
+          "name": "label",
+          "type": "any",
+          "attribute": "label",
+          "description": "Property: label"
+        },
+        {
+          "name": "value",
+          "type": "any",
+          "attribute": "value",
+          "description": "Property: value"
+        },
+        {
+          "name": "disabled",
+          "type": "any",
+          "attribute": "disabled",
+          "description": "Property: disabled"
+        },
+        {
+          "name": "required",
+          "type": "any",
+          "attribute": "required",
+          "description": "Property: required"
+        },
+        {
+          "name": "errorText",
+          "type": "any",
+          "attribute": "errortext",
+          "description": "Property: errorText"
+        },
+        {
+          "name": "error",
+          "type": "any",
+          "attribute": "error",
+          "description": "Property: error"
+        },
+        {
+          "name": "supportingText",
+          "type": "any",
+          "attribute": "supportingtext",
+          "description": "Property: supportingText"
+        },
+        {
+          "name": "options",
+          "type": "SelectOption[]",
+          "attribute": "options",
+          "description": "Property: options"
+        },
+        {
+          "name": "leadingIcon",
+          "type": "any",
+          "attribute": "leadingicon",
+          "description": "Property: leadingIcon"
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "examples": {
+        "basic": "<src\\components\\pd-select></src\\components\\pd-select>",
+        "html": "<src\\components\\pd-select class=\"example\"></src\\components\\pd-select>",
+        "react": "<Src\\components\\select />",
+        "lit": "html`<src\\components\\pd-select></src\\components\\pd-select>`"
+      }
+    },
+    "src\\components\\pd-segmented-stepper": {
+      "name": "src\\components\\pd-segmented-stepper",
+      "tagName": "src\\components\\segmented-stepper",
+      "description": "Component description not available",
+      "properties": [
+        {
+          "name": "activeStep",
+          "type": "any",
+          "attribute": "activestep",
+          "description": "Property: activeStep"
+        },
+        {
+          "name": "completedSteps",
+          "type": "number[]",
+          "attribute": "completedsteps",
+          "description": "Property: completedSteps"
+        },
+        {
+          "name": "size",
+          "type": "'small' | 'medium' | 'large'",
+          "attribute": "size",
+          "description": "Property: size"
+        },
+        {
+          "name": "disabled",
+          "type": "any",
+          "attribute": "disabled",
+          "description": "Property: disabled"
+        },
+        {
+          "name": "allowStepNavigation",
+          "type": "any",
+          "attribute": "allowstepnavigation",
+          "description": "Property: allowStepNavigation"
+        },
+        {
+          "name": "stepNumber",
+          "type": "any",
+          "attribute": "stepnumber",
+          "description": "Property: stepNumber"
+        },
+        {
+          "name": "state",
+          "type": "'pending' | 'active' | 'completed' | 'disabled'",
+          "attribute": "state",
+          "description": "Property: state"
+        },
+        {
+          "name": "disabled",
+          "type": "any",
+          "attribute": "disabled",
+          "description": "Property: disabled"
+        },
+        {
+          "name": "clickable",
+          "type": "any",
+          "attribute": "clickable",
+          "description": "Property: clickable"
+        },
+        {
+          "name": "icon",
+          "type": "any",
+          "attribute": "icon",
+          "description": "Property: icon"
+        }
+      ],
+      "events": [
+        {
+          "name": "stepchange",
+          "description": "Fired when the active step changes."
+        },
+        {
+          "name": "stepcomplete",
+          "description": "Fired when a step is marked as completed."
+        }
+      ],
+      "slots": [
+        {
+          "name": "default",
+          "description": "The default slot for pd-stepper-item elements."
+        },
+        {
+          "name": "default",
+          "description": "The default slot for the step's content."
+        }
+      ],
+      "examples": {
+        "basic": "<src\\components\\pd-segmented-stepper></src\\components\\pd-segmented-stepper>",
+        "html": "<src\\components\\pd-segmented-stepper class=\"example\"></src\\components\\pd-segmented-stepper>",
+        "react": "<Src\\components\\segmentedStepper />",
+        "lit": "html`<src\\components\\pd-segmented-stepper></src\\components\\pd-segmented-stepper>`"
+      }
+    },
+    "src\\components\\pd-segmented-button": {
+      "name": "src\\components\\pd-segmented-button",
+      "tagName": "src\\components\\segmented-button",
+      "description": "Component description not available",
+      "properties": [
+        {
+          "name": "multiSelect",
+          "type": "any",
+          "attribute": "multiselect",
+          "description": "Property: multiSelect"
+        },
+        {
+          "name": "size",
+          "type": "'small' | 'medium' | 'large'",
+          "attribute": "size",
+          "description": "Property: size"
+        },
+        {
+          "name": "disabled",
+          "type": "any",
+          "attribute": "disabled",
+          "description": "Property: disabled"
+        },
+        {
+          "name": "selectedValues",
+          "type": "string[]",
+          "attribute": "selectedvalues",
+          "description": "Property: selectedValues"
+        },
+        {
+          "name": "value",
+          "type": "any",
+          "attribute": "value",
+          "description": "Property: value"
+        },
+        {
+          "name": "selected",
+          "type": "any",
+          "attribute": "selected",
+          "description": "Property: selected"
+        },
+        {
+          "name": "disabled",
+          "type": "any",
+          "attribute": "disabled",
+          "description": "Property: disabled"
+        },
+        {
+          "name": "icon",
+          "type": "any",
+          "attribute": "icon",
+          "description": "Property: icon"
+        },
+        {
+          "name": "iconOnly",
+          "type": "any",
+          "attribute": "icononly",
+          "description": "Property: iconOnly"
+        }
+      ],
+      "events": [
+        {
+          "name": "selectionchange",
+          "description": "Fired when the selection changes."
+        }
+      ],
+      "slots": [
+        {
+          "name": "default",
+          "description": "The default slot for pd-segment-item elements."
+        },
+        {
+          "name": "default",
+          "description": "The default slot for the segment's content."
+        },
+        {
+          "name": "icon",
+          "description": "The slot for an icon."
+        }
+      ],
+      "examples": {
+        "basic": "<src\\components\\pd-segmented-button></src\\components\\pd-segmented-button>",
+        "html": "<src\\components\\pd-segmented-button class=\"example\"></src\\components\\pd-segmented-button>",
+        "react": "<Src\\components\\segmentedButton />",
+        "lit": "html`<src\\components\\pd-segmented-button></src\\components\\pd-segmented-button>`"
+      }
+    },
+    "src\\components\\pd-radio": {
+      "name": "src\\components\\pd-radio",
+      "tagName": "src\\components\\radio",
+      "description": "Component description not available",
+      "properties": [
+        {
+          "name": "checked",
+          "type": "any",
+          "attribute": "checked",
+          "description": "Property: checked"
+        },
+        {
+          "name": "disabled",
+          "type": "any",
+          "attribute": "disabled",
+          "description": "Property: disabled"
+        },
+        {
+          "name": "name",
+          "type": "any",
+          "attribute": "name",
+          "description": "Property: name"
+        },
+        {
+          "name": "value",
+          "type": "any",
+          "attribute": "value",
+          "description": "Property: value"
+        },
+        {
+          "name": "ariaLabel",
+          "type": "any",
+          "attribute": "arialabel",
+          "description": "Property: ariaLabel"
+        },
+        {
+          "name": "ariaDescribedby",
+          "type": "any",
+          "attribute": "ariadescribedby",
+          "description": "Property: ariaDescribedby"
+        },
+        {
+          "name": "required",
+          "type": "any",
+          "attribute": "required",
+          "description": "Property: required"
+        },
+        {
+          "name": "name",
+          "type": "any",
+          "attribute": "name",
+          "description": "Property: name"
+        },
+        {
+          "name": "value",
+          "type": "any",
+          "attribute": "value",
+          "description": "Property: value"
+        },
+        {
+          "name": "disabled",
+          "type": "any",
+          "attribute": "disabled",
+          "description": "Property: disabled"
+        },
+        {
+          "name": "required",
+          "type": "any",
+          "attribute": "required",
+          "description": "Property: required"
+        },
+        {
+          "name": "ariaLabel",
+          "type": "any",
+          "attribute": "arialabel",
+          "description": "Property: ariaLabel"
+        },
+        {
+          "name": "ariaLabelledby",
+          "type": "any",
+          "attribute": "arialabelledby",
+          "description": "Property: ariaLabelledby"
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "examples": {
+        "basic": "<src\\components\\pd-radio></src\\components\\pd-radio>",
+        "html": "<src\\components\\pd-radio class=\"example\"></src\\components\\pd-radio>",
+        "react": "<Src\\components\\radio />",
+        "lit": "html`<src\\components\\pd-radio></src\\components\\pd-radio>`"
+      }
+    },
+    "src\\components\\pd-progress": {
+      "name": "src\\components\\pd-progress",
+      "tagName": "src\\components\\progress",
+      "description": "Component description not available",
+      "properties": [
+        {
+          "name": "type",
+          "type": "'linear' | 'circular'",
+          "attribute": "type",
+          "description": "Property: type"
+        },
+        {
+          "name": "value",
+          "type": "any",
+          "attribute": "value",
+          "description": "Property: value"
+        },
+        {
+          "name": "max",
+          "type": "any",
+          "attribute": "max",
+          "description": "Property: max"
+        },
+        {
+          "name": "buffer",
+          "type": "any",
+          "attribute": "buffer",
+          "description": "Property: buffer"
+        },
+        {
+          "name": "indeterminate",
+          "type": "any",
+          "attribute": "indeterminate",
+          "description": "Property: indeterminate"
+        },
+        {
+          "name": "visible",
+          "type": "any",
+          "attribute": "visible",
+          "description": "Property: visible"
+        },
+        {
+          "name": "size",
+          "type": "'small' | 'medium' | 'large'",
+          "attribute": "size",
+          "description": "Property: size"
+        },
+        {
+          "name": "ariaLabel",
+          "type": "any",
+          "attribute": "arialabel",
+          "description": "Property: ariaLabel"
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "examples": {
+        "basic": "<src\\components\\pd-progress></src\\components\\pd-progress>",
+        "html": "<src\\components\\pd-progress class=\"example\"></src\\components\\pd-progress>",
+        "react": "<Src\\components\\progress />",
+        "lit": "html`<src\\components\\pd-progress></src\\components\\pd-progress>`"
+      }
+    },
+    "src\\components\\pd-menu": {
+      "name": "src\\components\\pd-menu",
+      "tagName": "src\\components\\menu",
+      "description": "Component description not available",
+      "properties": [
+        {
+          "name": "anchor",
+          "type": "any",
+          "attribute": "anchor",
+          "description": "Property: anchor"
+        },
+        {
+          "name": "anchorElement",
+          "type": "any",
+          "attribute": "anchorelement",
+          "description": "Property: anchorElement"
+        },
+        {
+          "name": "open",
+          "type": "any",
+          "attribute": "open",
+          "description": "Property: open"
+        },
+        {
+          "name": "positioning",
+          "type": "'absolute' | 'fixed' | 'document' | 'popover'",
+          "attribute": "positioning",
+          "description": "Property: positioning"
+        },
+        {
+          "name": "anchorCorner",
+          "type": "'end-start' | 'end-end' | 'start-start' | 'start-end'",
+          "attribute": "anchorcorner",
+          "description": "Property: anchorCorner"
+        },
+        {
+          "name": "menuCorner",
+          "type": "'end-start' | 'end-end' | 'start-start' | 'start-end'",
+          "attribute": "menucorner",
+          "description": "Property: menuCorner"
+        },
+        {
+          "name": "quick",
+          "type": "any",
+          "attribute": "quick",
+          "description": "Property: quick"
+        },
+        {
+          "name": "hasOverflow",
+          "type": "any",
+          "attribute": "hasoverflow",
+          "description": "Property: hasOverflow"
+        },
+        {
+          "name": "xOffset",
+          "type": "any",
+          "attribute": "xoffset",
+          "description": "Property: xOffset"
+        },
+        {
+          "name": "yOffset",
+          "type": "any",
+          "attribute": "yoffset",
+          "description": "Property: yOffset"
+        },
+        {
+          "name": "defaultFocus",
+          "type": "'none' | 'list-root' | 'first-item' | 'last-item'",
+          "attribute": "defaultfocus",
+          "description": "Property: defaultFocus"
+        },
+        {
+          "name": "stayOpenOnFocusout",
+          "type": "any",
+          "attribute": "stayopenonfocusout",
+          "description": "Property: stayOpenOnFocusout"
+        },
+        {
+          "name": "stayOpenOnOutsideClick",
+          "type": "any",
+          "attribute": "stayopenonoutsideclick",
+          "description": "Property: stayOpenOnOutsideClick"
+        },
+        {
+          "name": "skipRestoreFocus",
+          "type": "any",
+          "attribute": "skiprestorefocus",
+          "description": "Property: skipRestoreFocus"
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "default",
+          "description": "Default slot for `pd-menu-item` elements."
+        }
+      ],
+      "examples": {
+        "basic": "<src\\components\\pd-menu></src\\components\\pd-menu>",
+        "html": "<src\\components\\pd-menu class=\"example\"></src\\components\\pd-menu>",
+        "react": "<Src\\components\\menu />",
+        "lit": "html`<src\\components\\pd-menu></src\\components\\pd-menu>`"
+      }
+    },
+    "src\\components\\pd-menu-item": {
+      "name": "src\\components\\pd-menu-item",
+      "tagName": "src\\components\\menu-item",
+      "description": "Component description not available",
+      "properties": [
+        {
+          "name": "disabled",
+          "type": "any",
+          "attribute": "disabled",
+          "description": "Property: disabled"
+        },
+        {
+          "name": "type",
+          "type": "'menuitem' | 'option' | 'button'",
+          "attribute": "type",
+          "description": "Property: type"
+        },
+        {
+          "name": "href",
+          "type": "any",
+          "attribute": "href",
+          "description": "Property: href"
+        },
+        {
+          "name": "target",
+          "type": "any",
+          "attribute": "target",
+          "description": "Property: target"
+        },
+        {
+          "name": "keepOpen",
+          "type": "any",
+          "attribute": "keepopen",
+          "description": "Property: keepOpen"
+        },
+        {
+          "name": "selected",
+          "type": "any",
+          "attribute": "selected",
+          "description": "Property: selected"
+        },
+        {
+          "name": "leadingIcon",
+          "type": "any",
+          "attribute": "leadingicon",
+          "description": "Property: leadingIcon"
+        },
+        {
+          "name": "trailingIcon",
+          "type": "any",
+          "attribute": "trailingicon",
+          "description": "Property: trailingIcon"
+        },
+        {
+          "name": "text",
+          "type": "any",
+          "attribute": "text",
+          "description": "Property: text"
+        },
+        {
+          "name": "supportingText",
+          "type": "any",
+          "attribute": "supportingtext",
+          "description": "Property: supportingText"
+        }
+      ],
+      "events": [
+        {
+          "name": "close",
+          "description": "menu - Fired when the menu should be closed (usually on selection)"
+        }
+      ],
+      "slots": [
+        {
+          "name": "default",
+          "description": "The main content of the menu item"
+        },
+        {
+          "name": "start",
+          "description": "Content at the start of the menu item (e.g., icon)"
+        },
+        {
+          "name": "end",
+          "description": "Content at the end of the menu item (e.g., shortcut text)"
+        }
+      ],
+      "examples": {
+        "basic": "<src\\components\\pd-menu-item></src\\components\\pd-menu-item>",
+        "html": "<src\\components\\pd-menu-item class=\"example\"></src\\components\\pd-menu-item>",
+        "react": "<Src\\components\\menuItem />",
+        "lit": "html`<src\\components\\pd-menu-item></src\\components\\pd-menu-item>`"
+      }
+    },
+    "src\\components\\pd-list": {
+      "name": "src\\components\\pd-list",
+      "tagName": "src\\components\\list",
+      "description": "Component description not available",
+      "properties": [
+        {
+          "name": "role",
+          "type": "any",
+          "attribute": "role",
+          "description": "Property: role"
+        },
+        {
+          "name": "tabindex",
+          "type": "any",
+          "attribute": "tabindex",
+          "description": "Property: tabindex"
+        },
+        {
+          "name": "type",
+          "type": "'text' | 'link' | 'button'",
+          "attribute": "type",
+          "description": "Property: type"
+        },
+        {
+          "name": "headline",
+          "type": "any",
+          "attribute": "headline",
+          "description": "Property: headline"
+        },
+        {
+          "name": "supportingText",
+          "type": "any",
+          "attribute": "supportingtext",
+          "description": "Property: supportingText"
+        },
+        {
+          "name": "trailingSupportingText",
+          "type": "any",
+          "attribute": "trailingsupportingtext",
+          "description": "Property: trailingSupportingText"
+        },
+        {
+          "name": "href",
+          "type": "any",
+          "attribute": "href",
+          "description": "Property: href"
+        },
+        {
+          "name": "target",
+          "type": "any",
+          "attribute": "target",
+          "description": "Property: target"
+        },
+        {
+          "name": "disabled",
+          "type": "any",
+          "attribute": "disabled",
+          "description": "Property: disabled"
+        },
+        {
+          "name": "icon",
+          "type": "any",
+          "attribute": "icon",
+          "description": "Property: icon"
+        },
+        {
+          "name": "trailingIcon",
+          "type": "any",
+          "attribute": "trailingicon",
+          "description": "Property: trailingIcon"
+        },
+        {
+          "name": "avatar",
+          "type": "any",
+          "attribute": "avatar",
+          "description": "Property: avatar"
+        },
+        {
+          "name": "image",
+          "type": "any",
+          "attribute": "image",
+          "description": "Property: image"
+        },
+        {
+          "name": "tabindex",
+          "type": "any",
+          "attribute": "tabindex",
+          "description": "Property: tabindex"
+        },
+        {
+          "name": "inset",
+          "type": "any",
+          "attribute": "inset",
+          "description": "Property: inset"
+        },
+        {
+          "name": "role",
+          "type": "any",
+          "attribute": "role",
+          "description": "Property: role"
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "examples": {
+        "basic": "<src\\components\\pd-list></src\\components\\pd-list>",
+        "html": "<src\\components\\pd-list class=\"example\"></src\\components\\pd-list>",
+        "react": "<Src\\components\\list />",
+        "lit": "html`<src\\components\\pd-list></src\\components\\pd-list>`"
+      }
+    },
+    "src\\components\\pd-icon": {
+      "name": "src\\components\\pd-icon",
+      "tagName": "src\\components\\icon",
+      "description": "Component description not available",
+      "properties": [
+        {
+          "name": "name",
+          "type": "any",
+          "attribute": "name",
+          "description": "Property: name"
+        },
+        {
+          "name": "size",
+          "type": "'small' | 'medium' | 'large'",
+          "attribute": "size",
+          "description": "Property: size"
+        },
+        {
+          "name": "variant",
+          "type": "'filled' | 'outlined' | 'round' | 'sharp' | 'two-tone'",
+          "attribute": "variant",
+          "description": "Property: variant"
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "examples": {
+        "basic": "<src\\components\\pd-icon></src\\components\\pd-icon>",
+        "html": "<src\\components\\pd-icon class=\"example\"></src\\components\\pd-icon>",
+        "react": "<Src\\components\\icon />",
+        "lit": "html`<src\\components\\pd-icon></src\\components\\pd-icon>`"
+      }
+    },
+    "src\\components\\pd-icon-button": {
+      "name": "src\\components\\pd-icon-button",
+      "tagName": "src\\components\\icon-button",
+      "description": "Component description not available",
+      "properties": [
+        {
+          "name": "variant",
+          "type": "'standard' | 'filled' | 'tonal' | 'outlined'",
+          "attribute": "variant",
+          "description": "Property: variant"
+        },
+        {
+          "name": "icon",
+          "type": "any",
+          "attribute": "icon",
+          "description": "Property: icon"
+        },
+        {
+          "name": "selectedIcon",
+          "type": "any",
+          "attribute": "selectedicon",
+          "description": "Property: selectedIcon"
+        },
+        {
+          "name": "disabled",
+          "type": "any",
+          "attribute": "disabled",
+          "description": "Property: disabled"
+        },
+        {
+          "name": "toggle",
+          "type": "any",
+          "attribute": "toggle",
+          "description": "Property: toggle"
+        },
+        {
+          "name": "selected",
+          "type": "any",
+          "attribute": "selected",
+          "description": "Property: selected"
+        },
+        {
+          "name": "href",
+          "type": "any",
+          "attribute": "href",
+          "description": "Property: href"
+        },
+        {
+          "name": "target",
+          "type": "any",
+          "attribute": "target",
+          "description": "Property: target"
+        },
+        {
+          "name": "ariaLabel",
+          "type": "any",
+          "attribute": "arialabel",
+          "description": "Property: ariaLabel"
+        },
+        {
+          "name": "ariaLabelSelected",
+          "type": "any",
+          "attribute": "arialabelselected",
+          "description": "Property: ariaLabelSelected"
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "examples": {
+        "basic": "<src\\components\\pd-icon-button></src\\components\\pd-icon-button>",
+        "html": "<src\\components\\pd-icon-button class=\"example\"></src\\components\\pd-icon-button>",
+        "react": "<Src\\components\\iconButton />",
+        "lit": "html`<src\\components\\pd-icon-button></src\\components\\pd-icon-button>`"
+      }
+    },
+    "src\\components\\pd-fab": {
+      "name": "src\\components\\pd-fab",
+      "tagName": "src\\components\\fab",
+      "description": "Component description not available",
+      "properties": [
+        {
+          "name": "variant",
+          "type": "'surface' | 'primary' | 'secondary' | 'tertiary' | 'branded'",
+          "attribute": "variant",
+          "description": "Property: variant"
+        },
+        {
+          "name": "size",
+          "type": "'small' | 'medium' | 'large'",
+          "attribute": "size",
+          "description": "Property: size"
+        },
+        {
+          "name": "icon",
+          "type": "any",
+          "attribute": "icon",
+          "description": "Property: icon"
+        },
+        {
+          "name": "label",
+          "type": "any",
+          "attribute": "label",
+          "description": "Property: label"
+        },
+        {
+          "name": "lowered",
+          "type": "any",
+          "attribute": "lowered",
+          "description": "Property: lowered"
+        },
+        {
+          "name": "disabled",
+          "type": "any",
+          "attribute": "disabled",
+          "description": "Property: disabled"
+        },
+        {
+          "name": "ariaLabel",
+          "type": "any",
+          "attribute": "arialabel",
+          "description": "Property: ariaLabel"
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "examples": {
+        "basic": "<src\\components\\pd-fab></src\\components\\pd-fab>",
+        "html": "<src\\components\\pd-fab class=\"example\"></src\\components\\pd-fab>",
+        "react": "<Src\\components\\fab />",
+        "lit": "html`<src\\components\\pd-fab></src\\components\\pd-fab>`"
+      }
+    },
+    "src\\components\\pd-expandable-card": {
+      "name": "src\\components\\pd-expandable-card",
+      "tagName": "src\\components\\expandable-card",
+      "description": "Component description not available",
+      "properties": [
+        {
+          "name": "variant",
+          "type": "'elevated' | 'filled' | 'outlined'",
+          "attribute": "variant",
+          "description": "Property: variant"
+        },
+        {
+          "name": "expanded",
+          "type": "any",
+          "attribute": "expanded",
+          "description": "Property: expanded"
+        },
+        {
+          "name": "expandIcon",
+          "type": "any",
+          "attribute": "expandicon",
+          "description": "Property: expandIcon"
+        },
+        {
+          "name": "collapseIcon",
+          "type": "any",
+          "attribute": "collapseicon",
+          "description": "Property: collapseIcon"
+        },
+        {
+          "name": "headerClickable",
+          "type": "any",
+          "attribute": "headerclickable",
+          "description": "Property: headerClickable"
+        }
+      ],
+      "events": [
+        {
+          "name": "expand",
+          "description": "Fired when the card is expanded"
+        },
+        {
+          "name": "collapse",
+          "description": "Fired when the card is collapsed"
+        }
+      ],
+      "slots": [
+        {
+          "name": "header",
+          "description": "The main header content (always visible)"
+        },
+        {
+          "name": "default",
+          "description": "The expandable content (shown when expanded)"
+        }
+      ],
+      "examples": {
+        "basic": "<src\\components\\pd-expandable-card></src\\components\\pd-expandable-card>",
+        "html": "<src\\components\\pd-expandable-card class=\"example\"></src\\components\\pd-expandable-card>",
+        "react": "<Src\\components\\expandableCard />",
+        "lit": "html`<src\\components\\pd-expandable-card></src\\components\\pd-expandable-card>`"
+      }
+    },
+    "src\\components\\pd-dialog": {
+      "name": "src\\components\\pd-dialog",
+      "tagName": "src\\components\\dialog",
+      "description": "Component description not available",
+      "properties": [
+        {
+          "name": "open",
+          "type": "any",
+          "attribute": "open",
+          "description": "Property: open"
+        },
+        {
+          "name": "size",
+          "type": "'small' | 'medium' | 'large' | 'fullscreen'",
+          "attribute": "size",
+          "description": "Property: size"
+        },
+        {
+          "name": "variant",
+          "type": "'alert' | 'confirm' | 'form' | 'custom'",
+          "attribute": "variant",
+          "description": "Property: variant"
+        },
+        {
+          "name": "headline",
+          "type": "any",
+          "attribute": "headline",
+          "description": "Property: headline"
+        },
+        {
+          "name": "primaryAction",
+          "type": "any",
+          "attribute": "primaryaction",
+          "description": "Property: primaryAction"
+        },
+        {
+          "name": "secondaryAction",
+          "type": "any",
+          "attribute": "secondaryaction",
+          "description": "Property: secondaryAction"
+        },
+        {
+          "name": "closableByBackdrop",
+          "type": "any",
+          "attribute": "closablebybackdrop",
+          "description": "Property: closableByBackdrop"
+        },
+        {
+          "name": "showCloseButton",
+          "type": "any",
+          "attribute": "showclosebutton",
+          "description": "Property: showCloseButton"
+        }
+      ],
+      "events": [
+        {
+          "name": "open",
+          "description": "Fired when the dialog is opened."
+        },
+        {
+          "name": "closed",
+          "description": "Fired when the dialog is closed."
+        }
+      ],
+      "slots": [
+        {
+          "name": "default",
+          "description": "The main content of the dialog."
+        },
+        {
+          "name": "headline",
+          "description": "The dialog title/headline."
+        },
+        {
+          "name": "actions",
+          "description": "Action buttons (typically in the bottom area)."
+        }
+      ],
+      "examples": {
+        "basic": "<src\\components\\pd-dialog></src\\components\\pd-dialog>",
+        "html": "<src\\components\\pd-dialog class=\"example\"></src\\components\\pd-dialog>",
+        "react": "<Src\\components\\dialog />",
+        "lit": "html`<src\\components\\pd-dialog></src\\components\\pd-dialog>`"
+      }
+    },
+    "src\\components\\pd-chip": {
+      "name": "src\\components\\pd-chip",
+      "tagName": "src\\components\\chip",
+      "description": "Component description not available",
+      "properties": [
+        {
+          "name": "variant",
+          "type": "'assist' | 'filter' | 'input' | 'suggestion'",
+          "attribute": "variant",
+          "description": "Property: variant"
+        },
+        {
+          "name": "label",
+          "type": "any",
+          "attribute": "label",
+          "description": "Property: label"
+        },
+        {
+          "name": "disabled",
+          "type": "any",
+          "attribute": "disabled",
+          "description": "Property: disabled"
+        },
+        {
+          "name": "alwaysFocusable",
+          "type": "any",
+          "attribute": "alwaysfocusable",
+          "description": "Property: alwaysFocusable"
+        },
+        {
+          "name": "hasIcon",
+          "type": "any",
+          "attribute": "hasicon",
+          "description": "Property: hasIcon"
+        },
+        {
+          "name": "icon",
+          "type": "any",
+          "attribute": "icon",
+          "description": "Property: icon"
+        },
+        {
+          "name": "selected",
+          "type": "any",
+          "attribute": "selected",
+          "description": "Property: selected"
+        },
+        {
+          "name": "removable",
+          "type": "any",
+          "attribute": "removable",
+          "description": "Property: removable"
+        },
+        {
+          "name": "elevated",
+          "type": "any",
+          "attribute": "elevated",
+          "description": "Property: elevated"
+        },
+        {
+          "name": "href",
+          "type": "any",
+          "attribute": "href",
+          "description": "Property: href"
+        },
+        {
+          "name": "target",
+          "type": "any",
+          "attribute": "target",
+          "description": "Property: target"
+        },
+        {
+          "name": "avatar",
+          "type": "any",
+          "attribute": "avatar",
+          "description": "Property: avatar"
+        },
+        {
+          "name": "removeOnly",
+          "type": "any",
+          "attribute": "removeonly",
+          "description": "Property: removeOnly"
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "examples": {
+        "basic": "<src\\components\\pd-chip></src\\components\\pd-chip>",
+        "html": "<src\\components\\pd-chip class=\"example\"></src\\components\\pd-chip>",
+        "react": "<Src\\components\\chip />",
+        "lit": "html`<src\\components\\pd-chip></src\\components\\pd-chip>`"
+      }
+    },
+    "src\\components\\pd-checkbox": {
+      "name": "src\\components\\pd-checkbox",
+      "tagName": "src\\components\\checkbox",
+      "description": "Component description not available",
+      "properties": [
+        {
+          "name": "checked",
+          "type": "any",
+          "attribute": "checked",
+          "description": "Property: checked"
+        },
+        {
+          "name": "indeterminate",
+          "type": "any",
+          "attribute": "indeterminate",
+          "description": "Property: indeterminate"
+        },
+        {
+          "name": "disabled",
+          "type": "any",
+          "attribute": "disabled",
+          "description": "Property: disabled"
+        },
+        {
+          "name": "required",
+          "type": "any",
+          "attribute": "required",
+          "description": "Property: required"
+        },
+        {
+          "name": "value",
+          "type": "any",
+          "attribute": "value",
+          "description": "Property: value"
+        },
+        {
+          "name": "name",
+          "type": "any",
+          "attribute": "name",
+          "description": "Property: name"
+        },
+        {
+          "name": "label",
+          "type": "any",
+          "attribute": "label",
+          "description": "Property: label"
+        },
+        {
+          "name": "touchTarget",
+          "type": "any",
+          "attribute": "touchtarget",
+          "description": "Property: touchTarget"
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "examples": {
+        "basic": "<src\\components\\pd-checkbox></src\\components\\pd-checkbox>",
+        "html": "<src\\components\\pd-checkbox class=\"example\"></src\\components\\pd-checkbox>",
+        "react": "<Src\\components\\checkbox />",
+        "lit": "html`<src\\components\\pd-checkbox></src\\components\\pd-checkbox>`"
+      }
+    },
+    "src\\components\\pd-card": {
+      "name": "src\\components\\pd-card",
+      "tagName": "src\\components\\card",
+      "description": "Component description not available",
+      "properties": [
+        {
+          "name": "variant",
+          "type": "'elevated' | 'filled' | 'outlined'",
+          "attribute": "variant",
+          "description": "Property: variant"
+        },
+        {
+          "name": "clickable",
+          "type": "any",
+          "attribute": "clickable",
+          "description": "Property: clickable"
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "examples": {
+        "basic": "<src\\components\\pd-card></src\\components\\pd-card>",
+        "html": "<src\\components\\pd-card class=\"example\"></src\\components\\pd-card>",
+        "react": "<Src\\components\\card />",
+        "lit": "html`<src\\components\\pd-card></src\\components\\pd-card>`"
+      }
+    },
+    "src\\components\\pd-button": {
+      "name": "src\\components\\pd-button",
+      "tagName": "src\\components\\button",
+      "description": "Component description not available",
+      "properties": [
+        {
+          "name": "variant",
+          "type": "'filled' | 'outlined' | 'text' | 'elevated' | 'tonal'",
+          "attribute": "variant",
+          "description": "Property: variant"
+        },
+        {
+          "name": "size",
+          "type": "'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'",
+          "attribute": "size",
+          "description": "Property: size"
+        },
+        {
+          "name": "icon",
+          "type": "any",
+          "attribute": "icon",
+          "description": "Property: icon"
+        },
+        {
+          "name": "iconTrailing",
+          "type": "any",
+          "attribute": "icontrailing",
+          "description": "Property: iconTrailing"
+        },
+        {
+          "name": "disabled",
+          "type": "any",
+          "attribute": "disabled",
+          "description": "Property: disabled"
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "default",
+          "description": "The default slot for the button's label."
+        }
+      ],
+      "examples": {
+        "basic": "<src\\components\\pd-button></src\\components\\pd-button>",
+        "html": "<src\\components\\pd-button class=\"example\"></src\\components\\pd-button>",
+        "react": "<Src\\components\\button />",
+        "lit": "html`<src\\components\\pd-button></src\\components\\pd-button>`"
+      }
+    }
+  },
+  "storybook": "https://68af3f22b44ad2acc02b3370-smrhgwrsuh.chromatic.com/"
+}