{
  "timestamp": "2026-06-03T23:51:24",
  "compiler": {
    "name": "@stencil/core",
    "version": "4.38.3",
    "typescriptVersion": "5.9.3"
  },
  "components": [
    {
      "filePath": "src/components/pds-modal/test/mock-pds-modal.tsx",
      "encapsulation": "none",
      "tag": "mock-pds-modal",
      "readme": "# mock-pds-modal\n\n\n",
      "docs": "Mock PdsModal component for testing purposes\nThis component mimics the real PdsModal but without using the Popover API",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "backdropDismiss",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "backdrop-dismiss",
          "reflectToAttr": false,
          "docs": "Whether the modal can be dismissed by clicking the backdrop or pressing Escape",
          "docsTags": [
            {
              "name": "default",
              "text": "true"
            }
          ],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "The ID of the modal component",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "open",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": true,
          "attr": "open",
          "reflectToAttr": false,
          "docs": "Whether the modal is open",
          "docsTags": [
            {
              "name": "default",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "scrollable",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "scrollable",
          "reflectToAttr": false,
          "docs": "Whether the modal content should be scrollable",
          "docsTags": [
            {
              "name": "default",
              "text": "true"
            }
          ],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "size",
          "type": "\"fullscreen\" | \"lg\" | \"md\" | \"sm\"",
          "complexType": {
            "original": "'sm' | 'md' | 'lg' | 'fullscreen'",
            "resolved": "\"fullscreen\" | \"lg\" | \"md\" | \"sm\"",
            "references": {}
          },
          "mutable": false,
          "attr": "size",
          "reflectToAttr": false,
          "docs": "The size of the modal",
          "docsTags": [
            {
              "name": "default",
              "text": "'md'"
            }
          ],
          "default": "'md'",
          "values": [
            {
              "value": "fullscreen",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [
        {
          "name": "hideModal",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "hideModal() => Promise<void>",
          "parameters": [],
          "docs": "Hides the modal",
          "docsTags": []
        },
        {
          "name": "showModal",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "showModal() => Promise<void>",
          "parameters": [],
          "docs": "Shows the modal",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "pdsModalBackdropClick",
          "detail": "void",
          "bubbles": true,
          "complexType": {
            "original": "void",
            "resolved": "void",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "Event emitted when the backdrop is clicked",
          "docsTags": []
        },
        {
          "event": "pdsModalClose",
          "detail": "void",
          "bubbles": true,
          "complexType": {
            "original": "void",
            "resolved": "void",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "Event emitted when the modal is closed",
          "docsTags": []
        },
        {
          "event": "pdsModalOpen",
          "detail": "void",
          "bubbles": true,
          "complexType": {
            "original": "void",
            "resolved": "void",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "Event emitted when the modal is opened",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "modal",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "src/components/pds-accordion/pds-accordion.tsx",
      "encapsulation": "shadow",
      "tag": "pds-accordion",
      "readme": "# pds-accordion\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "part",
          "text": "accordion-body - Accordion body styles."
        },
        {
          "name": "part",
          "text": "accordion-button - Accordion button/trigger styles."
        },
        {
          "name": "part",
          "text": "accordion-icon - Accordion icon styles."
        },
        {
          "name": "slot",
          "text": "(default) - Accordion body content."
        },
        {
          "name": "slot",
          "text": "label - Accordion trigger button content."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "null"
            }
          ],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "isOpen",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": true,
          "attr": "open",
          "reflectToAttr": true,
          "docs": "Can be used to manually set the open state of the accordion.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "pdsAccordionToggle",
          "detail": "boolean",
          "bubbles": true,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the accordion open state changes.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "(default)",
          "docs": "Accordion body content."
        },
        {
          "name": "label",
          "docs": "Accordion trigger button content."
        }
      ],
      "parts": [
        {
          "name": "accordion-body",
          "docs": "Accordion body styles."
        },
        {
          "name": "accordion-button",
          "docs": "Accordion button/trigger styles."
        },
        {
          "name": "accordion-icon",
          "docs": "Accordion icon styles."
        }
      ],
      "dependents": [],
      "dependencies": [
        "pds-icon"
      ],
      "dependencyGraph": {
        "pds-accordion": [
          "pds-icon"
        ]
      }
    },
    {
      "filePath": "src/components/pds-alert/pds-alert.tsx",
      "encapsulation": "shadow",
      "tag": "pds-alert",
      "readme": "# pds-alert\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "actions - Slot for alert actions."
        },
        {
          "name": "part",
          "text": "dismiss"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "dismissible",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "dismissible",
          "reflectToAttr": false,
          "docs": "If true, shows the dismiss button. If false, the dismiss button is hidden.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "heading",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "heading",
          "reflectToAttr": false,
          "docs": "Text displayed as the heading of the alert.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideIcon",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-icon",
          "reflectToAttr": false,
          "docs": "If true, the leading icon is hidden.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "small",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "small",
          "reflectToAttr": false,
          "docs": "If true, the alert is displayed in a smaller size and description text is truncated. Heading is not displayed.",
          "docsTags": [
            {
              "name": "default",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "variant",
          "type": "\"danger\" | \"default\" | \"info\" | \"success\" | \"warning\"",
          "complexType": {
            "original": "'default' | 'danger' | 'info' | 'success' | 'warning'",
            "resolved": "\"danger\" | \"default\" | \"info\" | \"success\" | \"warning\"",
            "references": {}
          },
          "mutable": false,
          "attr": "variant",
          "reflectToAttr": false,
          "docs": "Sets the style variant of the alert.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "'default'"
            }
          ],
          "default": "'default'",
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "default",
              "type": "string"
            },
            {
              "value": "info",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "pdsAlertDismissClick",
          "detail": "void",
          "bubbles": true,
          "complexType": {
            "original": "void",
            "resolved": "void",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "Event emitted when the dismiss button is clicked.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "actions",
          "docs": "Slot for alert actions."
        }
      ],
      "parts": [
        {
          "name": "dismiss",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [
        "pds-box",
        "pds-text",
        "pds-icon"
      ],
      "dependencyGraph": {
        "pds-alert": [
          "pds-box",
          "pds-text",
          "pds-icon"
        ]
      }
    },
    {
      "filePath": "src/components/pds-avatar/pds-avatar.tsx",
      "encapsulation": "shadow",
      "tag": "pds-avatar",
      "readme": "# pds-avatar\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "part",
          "text": "asset-wrapper"
        },
        {
          "name": "part",
          "text": "button"
        },
        {
          "name": "part",
          "text": "image - The main image element that represents the avatar component."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "alt",
          "type": "string",
          "complexType": {
            "original": "string | null",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "alt",
          "reflectToAttr": false,
          "docs": "The alt for a custom user image.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "null"
            }
          ],
          "default": "null",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "badge",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "badge",
          "reflectToAttr": false,
          "docs": "Determines whether the badge is visible or not.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "dropdown",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "dropdown",
          "reflectToAttr": false,
          "docs": "Determines whether the avatar functions as a dropdown trigger.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "image",
          "type": "string",
          "complexType": {
            "original": "string | null",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "image",
          "reflectToAttr": false,
          "docs": "The src for a custom user image.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "null"
            }
          ],
          "default": "null",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "initials",
          "type": "string",
          "complexType": {
            "original": "string | null",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "initials",
          "reflectToAttr": false,
          "docs": "The initials to display in the avatar when no image is provided.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "null"
            }
          ],
          "default": "null",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "size",
          "type": "string",
          "complexType": {
            "original": "| 'xl' // 64px\n  | 'lg' // 56px\n  | 'md' // 40px\n  | 'sm' // 32px\n  | 'xs' // 24px\n  | string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "size",
          "reflectToAttr": true,
          "docs": "Size of the avatar. Value can be preset or custom.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "lg"
            }
          ],
          "default": "'lg'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "variant",
          "type": "\"admin\" | \"customer\"",
          "complexType": {
            "original": "'customer' | 'admin'",
            "resolved": "\"admin\" | \"customer\"",
            "references": {}
          },
          "mutable": false,
          "attr": "variant",
          "reflectToAttr": true,
          "docs": "Determines the variant of avatar. Changes appearance accordingly.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "customer"
            }
          ],
          "default": "'customer'",
          "values": [
            {
              "value": "admin",
              "type": "string"
            },
            {
              "value": "customer",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "asset-wrapper",
          "docs": ""
        },
        {
          "name": "button",
          "docs": ""
        },
        {
          "name": "image",
          "docs": "The main image element that represents the avatar component."
        }
      ],
      "dependents": [],
      "dependencies": [
        "pds-icon"
      ],
      "dependencyGraph": {
        "pds-avatar": [
          "pds-icon"
        ]
      }
    },
    {
      "filePath": "src/components/pds-box/pds-box.tsx",
      "encapsulation": "none",
      "tag": "pds-box",
      "readme": "# pds-box\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "alignItems",
          "type": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
          "complexType": {
            "original": "`start` | `center` | `end` | `baseline` | `stretch`",
            "resolved": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {}
          },
          "mutable": false,
          "attr": "align-items",
          "reflectToAttr": false,
          "docs": "Defines how items within the box are aligned.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "stretch"
            }
          ],
          "values": [
            {
              "value": "baseline",
              "type": "string"
            },
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "end",
              "type": "string"
            },
            {
              "value": "start",
              "type": "string"
            },
            {
              "value": "stretch",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "alignItemsLg",
          "type": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
          "complexType": {
            "original": "`start` | `center` | `end` | `baseline` | `stretch`",
            "resolved": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {}
          },
          "mutable": false,
          "attr": "align-items-lg",
          "reflectToAttr": false,
          "docs": "Defines how items within the box are aligned at the LG breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "stretch"
            }
          ],
          "values": [
            {
              "value": "baseline",
              "type": "string"
            },
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "end",
              "type": "string"
            },
            {
              "value": "start",
              "type": "string"
            },
            {
              "value": "stretch",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "alignItemsMd",
          "type": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
          "complexType": {
            "original": "`start` | `center` | `end` | `baseline` | `stretch`",
            "resolved": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {}
          },
          "mutable": false,
          "attr": "align-items-md",
          "reflectToAttr": false,
          "docs": "Defines how items within the box are aligned at the MD breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "stretch"
            }
          ],
          "values": [
            {
              "value": "baseline",
              "type": "string"
            },
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "end",
              "type": "string"
            },
            {
              "value": "start",
              "type": "string"
            },
            {
              "value": "stretch",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "alignItemsSm",
          "type": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
          "complexType": {
            "original": "`start` | `center` | `end` | `baseline` | `stretch`",
            "resolved": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {}
          },
          "mutable": false,
          "attr": "align-items-sm",
          "reflectToAttr": false,
          "docs": "Defines how items within the box are aligned at the SM breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "stretch"
            }
          ],
          "values": [
            {
              "value": "baseline",
              "type": "string"
            },
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "end",
              "type": "string"
            },
            {
              "value": "start",
              "type": "string"
            },
            {
              "value": "stretch",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "alignItemsXl",
          "type": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
          "complexType": {
            "original": "`start` | `center` | `end` | `baseline` | `stretch`",
            "resolved": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {}
          },
          "mutable": false,
          "attr": "align-items-xl",
          "reflectToAttr": false,
          "docs": "Defines how items within the box are aligned at the XL breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "stretch"
            }
          ],
          "values": [
            {
              "value": "baseline",
              "type": "string"
            },
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "end",
              "type": "string"
            },
            {
              "value": "start",
              "type": "string"
            },
            {
              "value": "stretch",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "alignItemsXs",
          "type": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
          "complexType": {
            "original": "`start` | `center` | `end` | `baseline` | `stretch`",
            "resolved": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {}
          },
          "mutable": false,
          "attr": "align-items-xs",
          "reflectToAttr": false,
          "docs": "Defines how items within the box are aligned at the XS breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "stretch"
            }
          ],
          "values": [
            {
              "value": "baseline",
              "type": "string"
            },
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "end",
              "type": "string"
            },
            {
              "value": "start",
              "type": "string"
            },
            {
              "value": "stretch",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "alignSelf",
          "type": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
          "complexType": {
            "original": "`start` | `center` | `end` | `baseline` | `stretch`",
            "resolved": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {}
          },
          "mutable": false,
          "attr": "align-self",
          "reflectToAttr": false,
          "docs": "Defines how the box is aligned within its container.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "stretch"
            }
          ],
          "values": [
            {
              "value": "baseline",
              "type": "string"
            },
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "end",
              "type": "string"
            },
            {
              "value": "start",
              "type": "string"
            },
            {
              "value": "stretch",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "alignSelfLg",
          "type": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
          "complexType": {
            "original": "`start` | `center` | `end` | `baseline` | `stretch`",
            "resolved": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {}
          },
          "mutable": false,
          "attr": "align-self-lg",
          "reflectToAttr": false,
          "docs": "Defines how the box is aligned within its container at the LG breakpoint.",
          "docsTags": [],
          "values": [
            {
              "value": "baseline",
              "type": "string"
            },
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "end",
              "type": "string"
            },
            {
              "value": "start",
              "type": "string"
            },
            {
              "value": "stretch",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "alignSelfMd",
          "type": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
          "complexType": {
            "original": "`start` | `center` | `end` | `baseline` | `stretch`",
            "resolved": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {}
          },
          "mutable": false,
          "attr": "align-self-md",
          "reflectToAttr": false,
          "docs": "Defines how the box is aligned within its container at the MD breakpoint.",
          "docsTags": [],
          "values": [
            {
              "value": "baseline",
              "type": "string"
            },
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "end",
              "type": "string"
            },
            {
              "value": "start",
              "type": "string"
            },
            {
              "value": "stretch",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "alignSelfSm",
          "type": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
          "complexType": {
            "original": "`start` | `center` | `end` | `baseline` | `stretch`",
            "resolved": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {}
          },
          "mutable": false,
          "attr": "align-self-sm",
          "reflectToAttr": false,
          "docs": "Defines how the box is aligned within its container at the SM breakpoint.",
          "docsTags": [],
          "values": [
            {
              "value": "baseline",
              "type": "string"
            },
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "end",
              "type": "string"
            },
            {
              "value": "start",
              "type": "string"
            },
            {
              "value": "stretch",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "alignSelfXl",
          "type": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
          "complexType": {
            "original": "`start` | `center` | `end` | `baseline` | `stretch`",
            "resolved": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {}
          },
          "mutable": false,
          "attr": "align-self-xl",
          "reflectToAttr": false,
          "docs": "Defines how the box is aligned within its container at the XL breakpoint.",
          "docsTags": [],
          "values": [
            {
              "value": "baseline",
              "type": "string"
            },
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "end",
              "type": "string"
            },
            {
              "value": "start",
              "type": "string"
            },
            {
              "value": "stretch",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "alignSelfXs",
          "type": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
          "complexType": {
            "original": "`start` | `center` | `end` | `baseline` | `stretch`",
            "resolved": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {}
          },
          "mutable": false,
          "attr": "align-self-xs",
          "reflectToAttr": false,
          "docs": "Defines how the box is aligned within its container at the XS breakpoint.",
          "docsTags": [],
          "values": [
            {
              "value": "baseline",
              "type": "string"
            },
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "end",
              "type": "string"
            },
            {
              "value": "start",
              "type": "string"
            },
            {
              "value": "stretch",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "auto",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "auto",
          "reflectToAttr": false,
          "docs": "If `true`, the box will be sized to fit its contents.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "autoLg",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "auto-lg",
          "reflectToAttr": false,
          "docs": "If `true`, the box will be sized to fit its contents at the LG breakpoint.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "autoMd",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "auto-md",
          "reflectToAttr": false,
          "docs": "If `true`, the box will be sized to fit its contents at the MD breakpoint.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "autoSm",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "auto-sm",
          "reflectToAttr": false,
          "docs": "If `true`, the box will be sized to fit its contents at the SM breakpoint.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "autoXl",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "auto-xl",
          "reflectToAttr": false,
          "docs": "If `true`, the box will be sized to fit its contents at the XL breakpoint.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "autoXs",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "auto-xs",
          "reflectToAttr": false,
          "docs": "If `true`, the box will be sized to fit its contents at the XS breakpoint.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "backgroundColor",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "background-color",
          "reflectToAttr": false,
          "docs": "Defines the background-color of the box.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "border",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "border",
          "reflectToAttr": false,
          "docs": "If `true`, the box will have a border.",
          "docsTags": [
            {
              "name": "default",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "borderColor",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "border-color",
          "reflectToAttr": false,
          "docs": "Defines the border color of the box.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "borderRadius",
          "type": "\"circle\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xs\"",
          "complexType": {
            "original": "`none` | `xs`| `sm` | `md` | `lg` | `circle`",
            "resolved": "\"circle\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xs\"",
            "references": {}
          },
          "mutable": false,
          "attr": "border-radius",
          "reflectToAttr": false,
          "docs": "Defines how rounded the box corners are.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "circle",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "direction",
          "type": "\"column\" | \"row\"",
          "complexType": {
            "original": "`row` | `column`",
            "resolved": "\"column\" | \"row\"",
            "references": {}
          },
          "mutable": false,
          "attr": "direction",
          "reflectToAttr": false,
          "docs": "Defines the orientation of the box items.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "row"
            }
          ],
          "values": [
            {
              "value": "column",
              "type": "string"
            },
            {
              "value": "row",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "display",
          "type": "\"block\" | \"flex\" | \"inline-block\" | \"inline-flex\"",
          "complexType": {
            "original": "`flex` | `inline-flex` | `block` | `inline-block`",
            "resolved": "\"block\" | \"flex\" | \"inline-block\" | \"inline-flex\"",
            "references": {}
          },
          "mutable": false,
          "attr": "display",
          "reflectToAttr": false,
          "docs": "Defines the display style of the box.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "flex"
            }
          ],
          "values": [
            {
              "value": "block",
              "type": "string"
            },
            {
              "value": "flex",
              "type": "string"
            },
            {
              "value": "inline-block",
              "type": "string"
            },
            {
              "value": "inline-flex",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "fit",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "fit",
          "reflectToAttr": false,
          "docs": "If `true`, sets the box `max-width` to `100%`.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "fitLg",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "fit-lg",
          "reflectToAttr": false,
          "docs": "If `true`, sets the box `max-width` to `100%` at the LG breakpoint.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "fitMd",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "fit-md",
          "reflectToAttr": false,
          "docs": "If `true`, sets the box `max-width` to `100%` at the MD breakpoint.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "fitSm",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "fit-sm",
          "reflectToAttr": false,
          "docs": "If `true`, sets the box `max-width` to `100%` at the SM breakpoint.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "fitXl",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "fit-xl",
          "reflectToAttr": false,
          "docs": "If `true`, sets the box `max-width` to `100%` at the XL breakpoint.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "fitXs",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "fit-xs",
          "reflectToAttr": false,
          "docs": "If `true`, sets the box `max-width` to `100%` at the XS breakpoint.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "flex",
          "type": "string",
          "complexType": {
            "original": "`none` | `grow` | `shrink` | string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "flex",
          "reflectToAttr": false,
          "docs": "Defines how a box will grow or shrink to fit the space available in its container.\nCan be a predefined value ('none', 'grow', 'shrink') or a custom flex value (e.g., '1', '0 1 auto').",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "gap",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "gap",
          "reflectToAttr": false,
          "docs": "Defines the spacing between the box items.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "gapLg",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "gap-lg",
          "reflectToAttr": false,
          "docs": "Defines the spacing between the box items at the LG breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "gapMd",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "gap-md",
          "reflectToAttr": false,
          "docs": "Defines the spacing between the box items at the MD breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "gapSm",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "gap-sm",
          "reflectToAttr": false,
          "docs": "Defines the spacing between the box items at the SM breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "gapXl",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "gap-xl",
          "reflectToAttr": false,
          "docs": "Defines the spacing between the box items at the XL breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "gapXs",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "gap-xs",
          "reflectToAttr": false,
          "docs": "Defines the spacing between the box items at the XS breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "justifyContent",
          "type": "\"center\" | \"end\" | \"space-around\" | \"space-between\" | \"space-evenly\" | \"start\"",
          "complexType": {
            "original": "`start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`",
            "resolved": "\"center\" | \"end\" | \"space-around\" | \"space-between\" | \"space-evenly\" | \"start\"",
            "references": {}
          },
          "mutable": false,
          "attr": "justify-content",
          "reflectToAttr": false,
          "docs": "Defines the horizontal alignment of the box items.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "start"
            }
          ],
          "values": [
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "end",
              "type": "string"
            },
            {
              "value": "space-around",
              "type": "string"
            },
            {
              "value": "space-between",
              "type": "string"
            },
            {
              "value": "space-evenly",
              "type": "string"
            },
            {
              "value": "start",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "justifyContentLg",
          "type": "\"center\" | \"end\" | \"space-around\" | \"space-between\" | \"space-evenly\" | \"start\"",
          "complexType": {
            "original": "`start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`",
            "resolved": "\"center\" | \"end\" | \"space-around\" | \"space-between\" | \"space-evenly\" | \"start\"",
            "references": {}
          },
          "mutable": false,
          "attr": "justify-content-lg",
          "reflectToAttr": false,
          "docs": "Defines the horizontal alignment of the box items at the LG breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "start"
            }
          ],
          "values": [
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "end",
              "type": "string"
            },
            {
              "value": "space-around",
              "type": "string"
            },
            {
              "value": "space-between",
              "type": "string"
            },
            {
              "value": "space-evenly",
              "type": "string"
            },
            {
              "value": "start",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "justifyContentMd",
          "type": "\"center\" | \"end\" | \"space-around\" | \"space-between\" | \"space-evenly\" | \"start\"",
          "complexType": {
            "original": "`start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`",
            "resolved": "\"center\" | \"end\" | \"space-around\" | \"space-between\" | \"space-evenly\" | \"start\"",
            "references": {}
          },
          "mutable": false,
          "attr": "justify-content-md",
          "reflectToAttr": false,
          "docs": "Defines the horizontal alignment of the box items at the MD breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "start"
            }
          ],
          "values": [
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "end",
              "type": "string"
            },
            {
              "value": "space-around",
              "type": "string"
            },
            {
              "value": "space-between",
              "type": "string"
            },
            {
              "value": "space-evenly",
              "type": "string"
            },
            {
              "value": "start",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "justifyContentSm",
          "type": "\"center\" | \"end\" | \"space-around\" | \"space-between\" | \"space-evenly\" | \"start\"",
          "complexType": {
            "original": "`start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`",
            "resolved": "\"center\" | \"end\" | \"space-around\" | \"space-between\" | \"space-evenly\" | \"start\"",
            "references": {}
          },
          "mutable": false,
          "attr": "justify-content-sm",
          "reflectToAttr": false,
          "docs": "Defines the horizontal alignment of the box items at the SM breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "start"
            }
          ],
          "values": [
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "end",
              "type": "string"
            },
            {
              "value": "space-around",
              "type": "string"
            },
            {
              "value": "space-between",
              "type": "string"
            },
            {
              "value": "space-evenly",
              "type": "string"
            },
            {
              "value": "start",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "justifyContentXl",
          "type": "\"center\" | \"end\" | \"space-around\" | \"space-between\" | \"space-evenly\" | \"start\"",
          "complexType": {
            "original": "`start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`",
            "resolved": "\"center\" | \"end\" | \"space-around\" | \"space-between\" | \"space-evenly\" | \"start\"",
            "references": {}
          },
          "mutable": false,
          "attr": "justify-content-xl",
          "reflectToAttr": false,
          "docs": "Defines the horizontal alignment of the box items at the XL breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "start"
            }
          ],
          "values": [
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "end",
              "type": "string"
            },
            {
              "value": "space-around",
              "type": "string"
            },
            {
              "value": "space-between",
              "type": "string"
            },
            {
              "value": "space-evenly",
              "type": "string"
            },
            {
              "value": "start",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "justifyContentXs",
          "type": "\"center\" | \"end\" | \"space-around\" | \"space-between\" | \"space-evenly\" | \"start\"",
          "complexType": {
            "original": "`start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`",
            "resolved": "\"center\" | \"end\" | \"space-around\" | \"space-between\" | \"space-evenly\" | \"start\"",
            "references": {}
          },
          "mutable": false,
          "attr": "justify-content-xs",
          "reflectToAttr": false,
          "docs": "Defines the horizontal alignment of the box items at the XS breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "start"
            }
          ],
          "values": [
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "end",
              "type": "string"
            },
            {
              "value": "space-around",
              "type": "string"
            },
            {
              "value": "space-between",
              "type": "string"
            },
            {
              "value": "space-evenly",
              "type": "string"
            },
            {
              "value": "start",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "marginBlockEnd",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "margin-block-end",
          "reflectToAttr": false,
          "docs": "Defines the box's outer bottom spacing.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "marginBlockEndLg",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "margin-block-end-lg",
          "reflectToAttr": false,
          "docs": "Defines the box's outer bottom spacing at the LG breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "marginBlockEndMd",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "margin-block-end-md",
          "reflectToAttr": false,
          "docs": "Defines the box's outer bottom spacing at the MD breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "marginBlockEndSm",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "margin-block-end-sm",
          "reflectToAttr": false,
          "docs": "Defines the box's outer bottom spacing at the SM breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "marginBlockEndXl",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "margin-block-end-xl",
          "reflectToAttr": false,
          "docs": "Defines the box's outer bottom spacing at the XL breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "marginBlockEndXs",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "margin-block-end-xs",
          "reflectToAttr": false,
          "docs": "Defines the box's outer bottom spacing at the XS breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "marginBlockStart",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "margin-block-start",
          "reflectToAttr": false,
          "docs": "Defines the box's outer top spacing.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "marginBlockStartLg",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "margin-block-start-lg",
          "reflectToAttr": false,
          "docs": "Defines the box's outer top spacing at the LG breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "marginBlockStartMd",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "margin-block-start-md",
          "reflectToAttr": false,
          "docs": "Defines the box's outer top spacing at the MD breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "marginBlockStartSm",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "margin-block-start-sm",
          "reflectToAttr": false,
          "docs": "Defines the box's outer top spacing at the SM breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "marginBlockStartXl",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "margin-block-start-xl",
          "reflectToAttr": false,
          "docs": "Defines the box's outer top spacing at the XL breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "marginBlockStartXs",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "margin-block-start-xs",
          "reflectToAttr": false,
          "docs": "Defines the box's outer top spacing at the XS breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "marginInlineEnd",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "margin-inline-end",
          "reflectToAttr": false,
          "docs": "Defines the box's outer right spacing.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "marginInlineEndLg",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "margin-inline-end-lg",
          "reflectToAttr": false,
          "docs": "Defines the box's outer right spacing at the LG breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "marginInlineEndMd",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "margin-inline-end-md",
          "reflectToAttr": false,
          "docs": "Defines the box's outer right spacing at the MD breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "marginInlineEndSm",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "margin-inline-end-sm",
          "reflectToAttr": false,
          "docs": "Defines the box's outer right spacing at the SM breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "marginInlineEndXl",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "margin-inline-end-xl",
          "reflectToAttr": false,
          "docs": "Defines the box's outer right spacing at the XL breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "marginInlineEndXs",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "margin-inline-end-xs",
          "reflectToAttr": false,
          "docs": "Defines the box's outer right spacing at the XS breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "marginInlineStart",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "margin-inline-start",
          "reflectToAttr": false,
          "docs": "Defines the box's outer left spacing.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "marginInlineStartLg",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "margin-inline-start-lg",
          "reflectToAttr": false,
          "docs": "Defines the box's outer left spacing at the LG breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "marginInlineStartMd",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "margin-inline-start-md",
          "reflectToAttr": false,
          "docs": "Defines the box's outer left spacing at the MD breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "marginInlineStartSm",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "margin-inline-start-sm",
          "reflectToAttr": false,
          "docs": "Defines the box's outer left spacing at the SM breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "marginInlineStartXl",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "margin-inline-start-xl",
          "reflectToAttr": false,
          "docs": "Defines the box's outer left spacing at the XL breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "marginInlineStartXs",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "margin-inline-start-xs",
          "reflectToAttr": false,
          "docs": "Defines the box's outer left spacing at the XS breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "minHeight",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "min-height",
          "reflectToAttr": true,
          "docs": "The minimum height of the row. Used in conjunction with alignment props",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "minWidth",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "min-width",
          "reflectToAttr": true,
          "docs": "The minimum width of the row. Used in conjunction with alignment props",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "offset",
          "type": "\"0\" | \"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\"",
          "complexType": {
            "original": "BoxColumnType",
            "resolved": "\"0\" | \"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\"",
            "references": {
              "BoxColumnType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxColumnType"
              }
            }
          },
          "mutable": false,
          "attr": "offset",
          "reflectToAttr": false,
          "docs": "Move columns to the end direction of the row for all screen sizes. Increases the starting margin of a column by specified number of columns.",
          "docsTags": [],
          "values": [
            {
              "value": "0",
              "type": "string"
            },
            {
              "value": "1",
              "type": "string"
            },
            {
              "value": "10",
              "type": "string"
            },
            {
              "value": "11",
              "type": "string"
            },
            {
              "value": "12",
              "type": "string"
            },
            {
              "value": "2",
              "type": "string"
            },
            {
              "value": "3",
              "type": "string"
            },
            {
              "value": "4",
              "type": "string"
            },
            {
              "value": "5",
              "type": "string"
            },
            {
              "value": "6",
              "type": "string"
            },
            {
              "value": "7",
              "type": "string"
            },
            {
              "value": "8",
              "type": "string"
            },
            {
              "value": "9",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "offsetLg",
          "type": "\"0\" | \"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\"",
          "complexType": {
            "original": "BoxColumnType",
            "resolved": "\"0\" | \"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\"",
            "references": {
              "BoxColumnType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxColumnType"
              }
            }
          },
          "mutable": false,
          "attr": "offset-lg",
          "reflectToAttr": false,
          "docs": "Move columns to the end direction of the row for `LG` screen sizes. Increases the starting margin of a column by specified number of columns.",
          "docsTags": [],
          "values": [
            {
              "value": "0",
              "type": "string"
            },
            {
              "value": "1",
              "type": "string"
            },
            {
              "value": "10",
              "type": "string"
            },
            {
              "value": "11",
              "type": "string"
            },
            {
              "value": "12",
              "type": "string"
            },
            {
              "value": "2",
              "type": "string"
            },
            {
              "value": "3",
              "type": "string"
            },
            {
              "value": "4",
              "type": "string"
            },
            {
              "value": "5",
              "type": "string"
            },
            {
              "value": "6",
              "type": "string"
            },
            {
              "value": "7",
              "type": "string"
            },
            {
              "value": "8",
              "type": "string"
            },
            {
              "value": "9",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "offsetMd",
          "type": "\"0\" | \"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\"",
          "complexType": {
            "original": "BoxColumnType",
            "resolved": "\"0\" | \"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\"",
            "references": {
              "BoxColumnType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxColumnType"
              }
            }
          },
          "mutable": false,
          "attr": "offset-md",
          "reflectToAttr": false,
          "docs": "Move columns to the end direction of the row for `MD` screen sizes. Increases the starting margin of a column by specified number of columns.",
          "docsTags": [],
          "values": [
            {
              "value": "0",
              "type": "string"
            },
            {
              "value": "1",
              "type": "string"
            },
            {
              "value": "10",
              "type": "string"
            },
            {
              "value": "11",
              "type": "string"
            },
            {
              "value": "12",
              "type": "string"
            },
            {
              "value": "2",
              "type": "string"
            },
            {
              "value": "3",
              "type": "string"
            },
            {
              "value": "4",
              "type": "string"
            },
            {
              "value": "5",
              "type": "string"
            },
            {
              "value": "6",
              "type": "string"
            },
            {
              "value": "7",
              "type": "string"
            },
            {
              "value": "8",
              "type": "string"
            },
            {
              "value": "9",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "offsetSm",
          "type": "\"0\" | \"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\"",
          "complexType": {
            "original": "BoxColumnType",
            "resolved": "\"0\" | \"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\"",
            "references": {
              "BoxColumnType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxColumnType"
              }
            }
          },
          "mutable": false,
          "attr": "offset-sm",
          "reflectToAttr": false,
          "docs": "Move columns to the end direction of the row for `SM` screen sizes. Increases the starting margin of a column by specified number of columns.",
          "docsTags": [],
          "values": [
            {
              "value": "0",
              "type": "string"
            },
            {
              "value": "1",
              "type": "string"
            },
            {
              "value": "10",
              "type": "string"
            },
            {
              "value": "11",
              "type": "string"
            },
            {
              "value": "12",
              "type": "string"
            },
            {
              "value": "2",
              "type": "string"
            },
            {
              "value": "3",
              "type": "string"
            },
            {
              "value": "4",
              "type": "string"
            },
            {
              "value": "5",
              "type": "string"
            },
            {
              "value": "6",
              "type": "string"
            },
            {
              "value": "7",
              "type": "string"
            },
            {
              "value": "8",
              "type": "string"
            },
            {
              "value": "9",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "offsetXl",
          "type": "\"0\" | \"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\"",
          "complexType": {
            "original": "BoxColumnType",
            "resolved": "\"0\" | \"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\"",
            "references": {
              "BoxColumnType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxColumnType"
              }
            }
          },
          "mutable": false,
          "attr": "offset-xl",
          "reflectToAttr": false,
          "docs": "Move columns to the end direction of the row for `XL` screen sizes. Increases the starting margin of a column by specified number of columns.",
          "docsTags": [],
          "values": [
            {
              "value": "0",
              "type": "string"
            },
            {
              "value": "1",
              "type": "string"
            },
            {
              "value": "10",
              "type": "string"
            },
            {
              "value": "11",
              "type": "string"
            },
            {
              "value": "12",
              "type": "string"
            },
            {
              "value": "2",
              "type": "string"
            },
            {
              "value": "3",
              "type": "string"
            },
            {
              "value": "4",
              "type": "string"
            },
            {
              "value": "5",
              "type": "string"
            },
            {
              "value": "6",
              "type": "string"
            },
            {
              "value": "7",
              "type": "string"
            },
            {
              "value": "8",
              "type": "string"
            },
            {
              "value": "9",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "offsetXs",
          "type": "\"0\" | \"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\"",
          "complexType": {
            "original": "BoxColumnType",
            "resolved": "\"0\" | \"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\"",
            "references": {
              "BoxColumnType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxColumnType"
              }
            }
          },
          "mutable": false,
          "attr": "offset-xs",
          "reflectToAttr": false,
          "docs": "Move columns to the end direction of the row for `XS` screen sizes. Increases the starting margin of a column by specified number of columns.",
          "docsTags": [],
          "values": [
            {
              "value": "0",
              "type": "string"
            },
            {
              "value": "1",
              "type": "string"
            },
            {
              "value": "10",
              "type": "string"
            },
            {
              "value": "11",
              "type": "string"
            },
            {
              "value": "12",
              "type": "string"
            },
            {
              "value": "2",
              "type": "string"
            },
            {
              "value": "3",
              "type": "string"
            },
            {
              "value": "4",
              "type": "string"
            },
            {
              "value": "5",
              "type": "string"
            },
            {
              "value": "6",
              "type": "string"
            },
            {
              "value": "7",
              "type": "string"
            },
            {
              "value": "8",
              "type": "string"
            },
            {
              "value": "9",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "padding",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding",
          "reflectToAttr": false,
          "docs": "Defines the spacing between the box items.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingBlockEnd",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-block-end",
          "reflectToAttr": false,
          "docs": "Defines the bottom spacing.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingBlockEndLg",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-block-end-lg",
          "reflectToAttr": false,
          "docs": "Defines the bottom spacing at the LG breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingBlockEndMd",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-block-end-md",
          "reflectToAttr": false,
          "docs": "Defines the bottom spacing at the MD breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingBlockEndSm",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-block-end-sm",
          "reflectToAttr": false,
          "docs": "Defines the bottom spacing at the SM breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingBlockEndXl",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-block-end-xl",
          "reflectToAttr": false,
          "docs": "Defines the bottom spacing at the XL breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingBlockEndXs",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-block-end-xs",
          "reflectToAttr": false,
          "docs": "Defines the bottom spacing at the XS breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingBlockStart",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-block-start",
          "reflectToAttr": false,
          "docs": "Defines the top spacing.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingBlockStartLg",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-block-start-lg",
          "reflectToAttr": false,
          "docs": "Defines the top spacing at the LG breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingBlockStartMd",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-block-start-md",
          "reflectToAttr": false,
          "docs": "Defines the top spacing at the MD breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingBlockStartSm",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-block-start-sm",
          "reflectToAttr": false,
          "docs": "Defines the top spacing at the SM breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingBlockStartXl",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-block-start-xl",
          "reflectToAttr": false,
          "docs": "Defines the top spacing at the XL breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingBlockStartXs",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-block-start-xs",
          "reflectToAttr": false,
          "docs": "Defines the top spacing at the XS breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingInlineEnd",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-inline-end",
          "reflectToAttr": false,
          "docs": "Defines the right spacing.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingInlineEndLg",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-inline-end-lg",
          "reflectToAttr": false,
          "docs": "Defines the right spacing at the LG breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingInlineEndMd",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-inline-end-md",
          "reflectToAttr": false,
          "docs": "Defines the right spacing at the MD breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingInlineEndSm",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-inline-end-sm",
          "reflectToAttr": false,
          "docs": "Defines the right spacing at the SM breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingInlineEndXl",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-inline-end-xl",
          "reflectToAttr": false,
          "docs": "Defines the right spacing at the XL breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingInlineEndXs",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-inline-end-xs",
          "reflectToAttr": false,
          "docs": "Defines the right spacing at the XS breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingInlineStart",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-inline-start",
          "reflectToAttr": false,
          "docs": "Defines the left spacing.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingInlineStartLg",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-inline-start-lg",
          "reflectToAttr": false,
          "docs": "Defines the left spacing at the LG breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingInlineStartMd",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-inline-start-md",
          "reflectToAttr": false,
          "docs": "Defines the left spacing at the MD breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingInlineStartSm",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-inline-start-sm",
          "reflectToAttr": false,
          "docs": "Defines the left spacing at the SM breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingInlineStartXl",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-inline-start-xl",
          "reflectToAttr": false,
          "docs": "Defines the left spacing at the XL breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingInlineStartXs",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-inline-start-xs",
          "reflectToAttr": false,
          "docs": "Defines the left spacing at the XS breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingLg",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-lg",
          "reflectToAttr": false,
          "docs": "Defines the spacing between the box items at the LG breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingMd",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-md",
          "reflectToAttr": false,
          "docs": "Defines the spacing between the box items at the MD breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingSm",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-sm",
          "reflectToAttr": false,
          "docs": "Defines the spacing between the box items at the SM breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingXl",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-xl",
          "reflectToAttr": false,
          "docs": "Defines the spacing between the box items at the XL breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "paddingXs",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "padding-xs",
          "reflectToAttr": false,
          "docs": "Defines the spacing between the box items at the XS breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "shadow",
          "type": "\"050\" | \"100\" | \"150\" | \"200\" | \"300\" | \"400\" | \"500\" | \"none\"",
          "complexType": {
            "original": "BoxShadowSizeType",
            "resolved": "\"050\" | \"100\" | \"150\" | \"200\" | \"300\" | \"400\" | \"500\" | \"none\"",
            "references": {
              "BoxShadowSizeType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxShadowSizeType"
              }
            }
          },
          "mutable": false,
          "attr": "shadow",
          "reflectToAttr": false,
          "docs": "Defines the box shadow.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "none"
            }
          ],
          "values": [
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "none",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "size",
          "type": "\"0\" | \"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\"",
          "complexType": {
            "original": "BoxColumnType",
            "resolved": "\"0\" | \"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\"",
            "references": {
              "BoxColumnType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxColumnType"
              }
            }
          },
          "mutable": false,
          "attr": "size",
          "reflectToAttr": false,
          "docs": "Sets the default column width for the component. This value applies from the smallest screen size (XS) upwards, unless overridden by a breakpoint-specific size prop at that breakpoint or larger.",
          "docsTags": [],
          "values": [
            {
              "value": "0",
              "type": "string"
            },
            {
              "value": "1",
              "type": "string"
            },
            {
              "value": "10",
              "type": "string"
            },
            {
              "value": "11",
              "type": "string"
            },
            {
              "value": "12",
              "type": "string"
            },
            {
              "value": "2",
              "type": "string"
            },
            {
              "value": "3",
              "type": "string"
            },
            {
              "value": "4",
              "type": "string"
            },
            {
              "value": "5",
              "type": "string"
            },
            {
              "value": "6",
              "type": "string"
            },
            {
              "value": "7",
              "type": "string"
            },
            {
              "value": "8",
              "type": "string"
            },
            {
              "value": "9",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "sizeLg",
          "type": "\"0\" | \"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\"",
          "complexType": {
            "original": "BoxColumnType",
            "resolved": "\"0\" | \"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\"",
            "references": {
              "BoxColumnType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxColumnType"
              }
            }
          },
          "mutable": false,
          "attr": "size-lg",
          "reflectToAttr": false,
          "docs": "At screen sizes from the LG breakpoint and larger (992px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.",
          "docsTags": [],
          "values": [
            {
              "value": "0",
              "type": "string"
            },
            {
              "value": "1",
              "type": "string"
            },
            {
              "value": "10",
              "type": "string"
            },
            {
              "value": "11",
              "type": "string"
            },
            {
              "value": "12",
              "type": "string"
            },
            {
              "value": "2",
              "type": "string"
            },
            {
              "value": "3",
              "type": "string"
            },
            {
              "value": "4",
              "type": "string"
            },
            {
              "value": "5",
              "type": "string"
            },
            {
              "value": "6",
              "type": "string"
            },
            {
              "value": "7",
              "type": "string"
            },
            {
              "value": "8",
              "type": "string"
            },
            {
              "value": "9",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "sizeMd",
          "type": "\"0\" | \"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\"",
          "complexType": {
            "original": "BoxColumnType",
            "resolved": "\"0\" | \"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\"",
            "references": {
              "BoxColumnType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxColumnType"
              }
            }
          },
          "mutable": false,
          "attr": "size-md",
          "reflectToAttr": false,
          "docs": "At screen sizes from the MD breakpoint and larger (768px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.",
          "docsTags": [],
          "values": [
            {
              "value": "0",
              "type": "string"
            },
            {
              "value": "1",
              "type": "string"
            },
            {
              "value": "10",
              "type": "string"
            },
            {
              "value": "11",
              "type": "string"
            },
            {
              "value": "12",
              "type": "string"
            },
            {
              "value": "2",
              "type": "string"
            },
            {
              "value": "3",
              "type": "string"
            },
            {
              "value": "4",
              "type": "string"
            },
            {
              "value": "5",
              "type": "string"
            },
            {
              "value": "6",
              "type": "string"
            },
            {
              "value": "7",
              "type": "string"
            },
            {
              "value": "8",
              "type": "string"
            },
            {
              "value": "9",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "sizeSm",
          "type": "\"0\" | \"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\"",
          "complexType": {
            "original": "BoxColumnType",
            "resolved": "\"0\" | \"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\"",
            "references": {
              "BoxColumnType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxColumnType"
              }
            }
          },
          "mutable": false,
          "attr": "size-sm",
          "reflectToAttr": false,
          "docs": "At screen sizes from the SM breakpoint and larger (576px and up), this will take the specified number of columns. This overrides any value set by size or sizeXs.",
          "docsTags": [],
          "values": [
            {
              "value": "0",
              "type": "string"
            },
            {
              "value": "1",
              "type": "string"
            },
            {
              "value": "10",
              "type": "string"
            },
            {
              "value": "11",
              "type": "string"
            },
            {
              "value": "12",
              "type": "string"
            },
            {
              "value": "2",
              "type": "string"
            },
            {
              "value": "3",
              "type": "string"
            },
            {
              "value": "4",
              "type": "string"
            },
            {
              "value": "5",
              "type": "string"
            },
            {
              "value": "6",
              "type": "string"
            },
            {
              "value": "7",
              "type": "string"
            },
            {
              "value": "8",
              "type": "string"
            },
            {
              "value": "9",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "sizeXl",
          "type": "\"0\" | \"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\"",
          "complexType": {
            "original": "BoxColumnType",
            "resolved": "\"0\" | \"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\"",
            "references": {
              "BoxColumnType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxColumnType"
              }
            }
          },
          "mutable": false,
          "attr": "size-xl",
          "reflectToAttr": false,
          "docs": "At screen sizes from the XL breakpoint and larger (1200px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.",
          "docsTags": [],
          "values": [
            {
              "value": "0",
              "type": "string"
            },
            {
              "value": "1",
              "type": "string"
            },
            {
              "value": "10",
              "type": "string"
            },
            {
              "value": "11",
              "type": "string"
            },
            {
              "value": "12",
              "type": "string"
            },
            {
              "value": "2",
              "type": "string"
            },
            {
              "value": "3",
              "type": "string"
            },
            {
              "value": "4",
              "type": "string"
            },
            {
              "value": "5",
              "type": "string"
            },
            {
              "value": "6",
              "type": "string"
            },
            {
              "value": "7",
              "type": "string"
            },
            {
              "value": "8",
              "type": "string"
            },
            {
              "value": "9",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "sizeXs",
          "type": "\"0\" | \"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\"",
          "complexType": {
            "original": "BoxColumnType",
            "resolved": "\"0\" | \"1\" | \"10\" | \"11\" | \"12\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\"",
            "references": {
              "BoxColumnType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxColumnType"
              }
            }
          },
          "mutable": false,
          "attr": "size-xs",
          "reflectToAttr": false,
          "docs": "At the XS breakpoint, this prop will take the number of columns specified. This overrides the base size prop for this specific range.",
          "docsTags": [],
          "values": [
            {
              "value": "0",
              "type": "string"
            },
            {
              "value": "1",
              "type": "string"
            },
            {
              "value": "10",
              "type": "string"
            },
            {
              "value": "11",
              "type": "string"
            },
            {
              "value": "12",
              "type": "string"
            },
            {
              "value": "2",
              "type": "string"
            },
            {
              "value": "3",
              "type": "string"
            },
            {
              "value": "4",
              "type": "string"
            },
            {
              "value": "5",
              "type": "string"
            },
            {
              "value": "6",
              "type": "string"
            },
            {
              "value": "7",
              "type": "string"
            },
            {
              "value": "8",
              "type": "string"
            },
            {
              "value": "9",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "wrap",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "wrap",
          "reflectToAttr": false,
          "docs": "Defines whether flex items are forced onto one line or can wrap onto multiple lines.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "wrapLg",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "wrap-lg",
          "reflectToAttr": false,
          "docs": "Defines whether flex items can wrap onto multiple lines at the LG breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "wrapMd",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "wrap-md",
          "reflectToAttr": false,
          "docs": "Defines whether flex items can wrap onto multiple lines at the MD breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "wrapSm",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "wrap-sm",
          "reflectToAttr": false,
          "docs": "Defines whether flex items can wrap onto multiple lines at the SM breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "wrapXl",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "wrap-xl",
          "reflectToAttr": false,
          "docs": "Defines whether flex items can wrap onto multiple lines at the XL breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "wrapXs",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "wrap-xs",
          "reflectToAttr": false,
          "docs": "Defines whether flex items can wrap onto multiple lines at the XS breakpoint.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [
        "pds-alert",
        "pds-combobox",
        "pds-dropdown-menu",
        "pds-multiselect",
        "pds-property"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "pds-alert": [
          "pds-box"
        ],
        "pds-combobox": [
          "pds-box"
        ],
        "pds-dropdown-menu": [
          "pds-box"
        ],
        "pds-multiselect": [
          "pds-box"
        ],
        "pds-property": [
          "pds-box"
        ]
      }
    },
    {
      "filePath": "src/components/pds-button/pds-button.tsx",
      "encapsulation": "shadow",
      "tag": "pds-button",
      "readme": "# pds-button\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "part",
          "text": "button - Exposes the button element for styling."
        },
        {
          "name": "part",
          "text": "button-content - Exposes the button content for styling."
        },
        {
          "name": "part",
          "text": "button-text - Exposes the button text for styling."
        },
        {
          "name": "part",
          "text": "caret - Exposes the caret icon component for styling. Appears only on the disclosure variant."
        },
        {
          "name": "part",
          "text": "icon - Exposes the icon component for styling."
        },
        {
          "name": "part",
          "text": "loader-svg - Exposes the loader SVG element for color customization. Appears only when loading."
        },
        {
          "name": "slot",
          "text": "(default) - Button text."
        },
        {
          "name": "slot",
          "text": "start - Content to display before the button text."
        },
        {
          "name": "slot",
          "text": "end - Content to display after the button text."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": true,
          "docs": "Determines the button's disabled state.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "download",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "download",
          "reflectToAttr": false,
          "docs": "Prompts the user to save the linked URL instead of navigating to it.\nIt can be used without a value to download with the default filename,\nor with a string value to suggest a specific filename for the download.\nOnly applies when href is set.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "fullWidth",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "full-width",
          "reflectToAttr": false,
          "docs": "Determines if the button should take up the full width of its container.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "href",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "href",
          "reflectToAttr": false,
          "docs": "If provided, renders the component as an anchor (`<a>`) element instead of a button.\nWhen using href, button-specific props (type, name, value, loading) will be ignored.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "icon",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "icon",
          "reflectToAttr": false,
          "docs": "Displays a leading icon in the button. DEPRECATED.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "null"
            },
            {
              "name": "deprecated",
              "text": "Use `start` slot instead."
            }
          ],
          "default": "null",
          "deprecation": "Use `start` slot instead.",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "iconOnly",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "icon-only",
          "reflectToAttr": false,
          "docs": "When true, displays only the icon and visually hides the text (keeping it accessible).",
          "docsTags": [
            {
              "name": "default",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "loading",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "loading",
          "reflectToAttr": false,
          "docs": "Determines if the button is in a loading state.\nWhen true, displays a loader and hides the button text.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "name",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "Provides the button with a submittable name.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "size",
          "type": "\"default\" | \"micro\" | \"small\"",
          "complexType": {
            "original": "'default' | 'small' | 'micro'",
            "resolved": "\"default\" | \"micro\" | \"small\"",
            "references": {}
          },
          "mutable": false,
          "attr": "size",
          "reflectToAttr": false,
          "docs": "Sets the size of the button.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "default"
            }
          ],
          "default": "'default'",
          "values": [
            {
              "value": "default",
              "type": "string"
            },
            {
              "value": "micro",
              "type": "string"
            },
            {
              "value": "small",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "target",
          "type": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
          "complexType": {
            "original": "'_blank' | '_self' | '_parent' | '_top'",
            "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
            "references": {}
          },
          "mutable": false,
          "attr": "target",
          "reflectToAttr": false,
          "docs": "Specifies where to open the linked document when href is provided.\nOnly applies when href is set.",
          "docsTags": [],
          "values": [
            {
              "value": "_blank",
              "type": "string"
            },
            {
              "value": "_parent",
              "type": "string"
            },
            {
              "value": "_self",
              "type": "string"
            },
            {
              "value": "_top",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "type",
          "type": "\"button\" | \"reset\" | \"submit\"",
          "complexType": {
            "original": "'button' | 'reset' | 'submit'",
            "resolved": "\"button\" | \"reset\" | \"submit\"",
            "references": {}
          },
          "mutable": false,
          "attr": "type",
          "reflectToAttr": false,
          "docs": "Provides button with a type.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "button"
            }
          ],
          "default": "'button'",
          "values": [
            {
              "value": "button",
              "type": "string"
            },
            {
              "value": "reset",
              "type": "string"
            },
            {
              "value": "submit",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "Provides button with a submittable value",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "variant",
          "type": "\"accent\" | \"destructive\" | \"disclosure\" | \"filter\" | \"primary\" | \"secondary\" | \"tertiary\" | \"unstyled\"",
          "complexType": {
            "original": "'primary' | 'secondary' | 'tertiary' | 'accent' | 'disclosure' | 'destructive' | 'unstyled' | 'filter'",
            "resolved": "\"accent\" | \"destructive\" | \"disclosure\" | \"filter\" | \"primary\" | \"secondary\" | \"tertiary\" | \"unstyled\"",
            "references": {}
          },
          "mutable": false,
          "attr": "variant",
          "reflectToAttr": false,
          "docs": "Sets the style variant of the button.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "primary"
            }
          ],
          "default": "'primary'",
          "values": [
            {
              "value": "accent",
              "type": "string"
            },
            {
              "value": "destructive",
              "type": "string"
            },
            {
              "value": "disclosure",
              "type": "string"
            },
            {
              "value": "filter",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "secondary",
              "type": "string"
            },
            {
              "value": "tertiary",
              "type": "string"
            },
            {
              "value": "unstyled",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "pdsClick",
          "detail": "Event",
          "bubbles": true,
          "complexType": {
            "original": "Event",
            "resolved": "Event",
            "references": {
              "Event": {
                "location": "import",
                "path": "@stencil/core",
                "id": "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts::Event"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "",
          "docsTags": []
        }
      ],
      "listeners": [
        {
          "event": "keydown",
          "target": "body",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [],
      "slots": [
        {
          "name": "(default)",
          "docs": "Button text."
        },
        {
          "name": "end",
          "docs": "Content to display after the button text."
        },
        {
          "name": "start",
          "docs": "Content to display before the button text."
        }
      ],
      "parts": [
        {
          "name": "button",
          "docs": "Exposes the button element for styling."
        },
        {
          "name": "button-content",
          "docs": "Exposes the button content for styling."
        },
        {
          "name": "button-text",
          "docs": "Exposes the button text for styling."
        },
        {
          "name": "caret",
          "docs": "Exposes the caret icon component for styling. Appears only on the disclosure variant."
        },
        {
          "name": "icon",
          "docs": "Exposes the icon component for styling."
        },
        {
          "name": "loader-svg",
          "docs": "Exposes the loader SVG element for color customization. Appears only when loading."
        }
      ],
      "dependents": [
        "pds-copytext"
      ],
      "dependencies": [
        "pds-icon",
        "pds-loader"
      ],
      "dependencyGraph": {
        "pds-button": [
          "pds-icon",
          "pds-loader"
        ],
        "pds-copytext": [
          "pds-button"
        ]
      }
    },
    {
      "filePath": "src/components/pds-checkbox/pds-checkbox.tsx",
      "encapsulation": "shadow",
      "tag": "pds-checkbox",
      "readme": "# pds-checkbox\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "checked",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": true,
          "attr": "checked",
          "reflectToAttr": false,
          "docs": "It determines whether or not the checkbox is checked.",
          "docsTags": [
            {
              "name": "default",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute and the label `for` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "It determines whether or not the checkbox is disabled.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "errorMessage",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "error-message",
          "reflectToAttr": false,
          "docs": "Displays message text describing an invalid state.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "helperMessage",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "helper-message",
          "reflectToAttr": false,
          "docs": "String used for helper message below checkbox.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideLabel",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-label",
          "reflectToAttr": false,
          "docs": "Visually hides the label text for instances where only the checkbox should be displayed. Label remains accessible to assistive technology such as screen readers.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "indeterminate",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": true,
          "attr": "indeterminate",
          "reflectToAttr": false,
          "docs": "If `true`, the checkbox will visually appear as indeterminate.\nOnly JavaScript can set the objects `indeterminate` property. See [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes).",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "invalid",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "invalid",
          "reflectToAttr": false,
          "docs": "It determines whether or not the checkbox is invalid.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "String used for label text next to checkbox.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "name",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "String used for checkbox `name` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "required",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "required",
          "reflectToAttr": false,
          "docs": "It determines whether or not the checkbox is required.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "The value of the checkbox that is submitted with a form.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "pdsCheckboxChange",
          "detail": "CheckboxChangeEventDetail<any>",
          "bubbles": true,
          "complexType": {
            "original": "CheckboxChangeEventDetail",
            "resolved": "CheckboxChangeEventDetail<any>",
            "references": {
              "CheckboxChangeEventDetail": {
                "location": "import",
                "path": "./checkbox-interface",
                "id": "src/components/pds-checkbox/checkbox-interface.ts::CheckboxChangeEventDetail"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Event emitted that contains the `value` and `checked`.",
          "docsTags": []
        },
        {
          "event": "pdsCheckboxInput",
          "detail": "CheckboxChangeEventDetail<any>",
          "bubbles": true,
          "complexType": {
            "original": "CheckboxChangeEventDetail",
            "resolved": "CheckboxChangeEventDetail<any>",
            "references": {
              "CheckboxChangeEventDetail": {
                "location": "import",
                "path": "./checkbox-interface",
                "id": "src/components/pds-checkbox/checkbox-interface.ts::CheckboxChangeEventDetail"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [
        "pds-multiselect",
        "pds-table-head",
        "pds-table-row"
      ],
      "dependencies": [
        "pds-icon"
      ],
      "dependencyGraph": {
        "pds-checkbox": [
          "pds-icon"
        ],
        "pds-multiselect": [
          "pds-checkbox"
        ],
        "pds-table-head": [
          "pds-checkbox"
        ],
        "pds-table-row": [
          "pds-checkbox"
        ]
      }
    },
    {
      "filePath": "src/components/pds-chip/pds-chip.tsx",
      "encapsulation": "shadow",
      "tag": "pds-chip",
      "readme": "# pds-chip\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "(default) - The chip's label text."
        },
        {
          "name": "part",
          "text": "button"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "dot",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "dot",
          "reflectToAttr": false,
          "docs": "Determines whether a dot should be displayed on the chip.\nNote: This prop is ignored when sentiment is 'brand'.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "icon",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "icon",
          "reflectToAttr": false,
          "docs": "The name of the icon to display before the chip text.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "large",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "large",
          "reflectToAttr": false,
          "docs": "Determines whether the chip should be displayed in a larger size. DEPRECATED.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            },
            {
              "name": "deprecated",
              "text": "Use `size` prop instead. Set `size=\"lg\"` for the large variant."
            }
          ],
          "default": "false",
          "deprecation": "Use `size` prop instead. Set `size=\"lg\"` for the large variant.",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "removeHttpMethod",
          "type": "\"delete\" | \"get\" | \"patch\" | \"post\" | \"put\"",
          "complexType": {
            "original": "'get' | 'post' | 'put' | 'patch' | 'delete'",
            "resolved": "\"delete\" | \"get\" | \"patch\" | \"post\" | \"put\"",
            "references": {}
          },
          "mutable": false,
          "attr": "remove-http-method",
          "reflectToAttr": false,
          "docs": "HTTP method to use for the remove action.\nAdds data-method and data-turbo-method attributes for Rails/Turbo compatibility.\nOnly applies when removeUrl is provided.",
          "docsTags": [],
          "values": [
            {
              "value": "delete",
              "type": "string"
            },
            {
              "value": "get",
              "type": "string"
            },
            {
              "value": "patch",
              "type": "string"
            },
            {
              "value": "post",
              "type": "string"
            },
            {
              "value": "put",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "removeTarget",
          "type": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
          "complexType": {
            "original": "'_blank' | '_self' | '_parent' | '_top'",
            "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
            "references": {}
          },
          "mutable": false,
          "attr": "remove-target",
          "reflectToAttr": false,
          "docs": "Specifies where to open the linked document when removeUrl is provided.\nOnly applies when removeUrl is set.",
          "docsTags": [],
          "values": [
            {
              "value": "_blank",
              "type": "string"
            },
            {
              "value": "_parent",
              "type": "string"
            },
            {
              "value": "_self",
              "type": "string"
            },
            {
              "value": "_top",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "removeUrl",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "remove-url",
          "reflectToAttr": false,
          "docs": "URL to navigate to when the remove button is clicked.\nWhen provided, renders the close button as a link instead of a button.\nOnly applies to tag variant.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "sentiment",
          "type": "\"accent\" | \"brand\" | \"danger\" | \"info\" | \"neutral\" | \"success\" | \"warning\"",
          "complexType": {
            "original": "ChipSentimentType",
            "resolved": "\"accent\" | \"brand\" | \"danger\" | \"info\" | \"neutral\" | \"success\" | \"warning\"",
            "references": {
              "ChipSentimentType": {
                "location": "import",
                "path": "@utils/types",
                "id": "src/utils/types.ts::ChipSentimentType"
              }
            }
          },
          "mutable": false,
          "attr": "sentiment",
          "reflectToAttr": false,
          "docs": "Defines the color scheme of the chip.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "'neutral'"
            }
          ],
          "default": "'neutral'",
          "values": [
            {
              "value": "accent",
              "type": "string"
            },
            {
              "value": "brand",
              "type": "string"
            },
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "info",
              "type": "string"
            },
            {
              "value": "neutral",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "size",
          "type": "\"lg\" | \"md\" | \"sm\"",
          "complexType": {
            "original": "ChipSizeType",
            "resolved": "\"lg\" | \"md\" | \"sm\"",
            "references": {
              "ChipSizeType": {
                "location": "import",
                "path": "@utils/types",
                "id": "src/utils/types.ts::ChipSizeType"
              }
            }
          },
          "mutable": false,
          "attr": "size",
          "reflectToAttr": false,
          "docs": "Sets the size of the chip.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "'md'"
            }
          ],
          "values": [
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "variant",
          "type": "\"dropdown\" | \"tag\" | \"text\"",
          "complexType": {
            "original": "ChipVariantType",
            "resolved": "\"dropdown\" | \"tag\" | \"text\"",
            "references": {
              "ChipVariantType": {
                "location": "import",
                "path": "@utils/types",
                "id": "src/utils/types.ts::ChipVariantType"
              }
            }
          },
          "mutable": false,
          "attr": "variant",
          "reflectToAttr": false,
          "docs": "Sets the style variant of the chip.\nNote: This prop is ignored when sentiment is 'brand'.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "'text'"
            }
          ],
          "default": "'text'",
          "values": [
            {
              "value": "dropdown",
              "type": "string"
            },
            {
              "value": "tag",
              "type": "string"
            },
            {
              "value": "text",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "pdsTagCloseClick",
          "detail": "void",
          "bubbles": true,
          "complexType": {
            "original": "void",
            "resolved": "void",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "Event emitted when the close button is clicked on a tag variant chip.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "(default)",
          "docs": "The chip's label text."
        }
      ],
      "parts": [
        {
          "name": "button",
          "docs": ""
        }
      ],
      "dependents": [
        "pds-combobox",
        "pds-multiselect"
      ],
      "dependencies": [
        "pds-icon"
      ],
      "dependencyGraph": {
        "pds-chip": [
          "pds-icon"
        ],
        "pds-combobox": [
          "pds-chip"
        ],
        "pds-multiselect": [
          "pds-chip"
        ]
      }
    },
    {
      "filePath": "src/components/pds-combobox/pds-combobox.tsx",
      "encapsulation": "shadow",
      "tag": "pds-combobox",
      "readme": "# pds-combobox\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "option - Option elements for the combobox dropdown"
        },
        {
          "name": "slot",
          "text": "trigger-content - Custom content for the button trigger when customTriggerContent is true"
        },
        {
          "name": "slot",
          "text": "empty - Custom empty state message when no options match"
        },
        {
          "name": "slot",
          "text": "loading - Custom loading indicator"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "asyncMethod",
          "type": "\"GET\" | \"POST\"",
          "complexType": {
            "original": "'GET' | 'POST'",
            "resolved": "\"GET\" | \"POST\"",
            "references": {}
          },
          "mutable": false,
          "attr": "async-method",
          "reflectToAttr": false,
          "docs": "HTTP method for async requests.",
          "docsTags": [
            {
              "name": "default",
              "text": "'GET'"
            }
          ],
          "default": "'GET'",
          "values": [
            {
              "value": "GET",
              "type": "string"
            },
            {
              "value": "POST",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "asyncUrl",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "async-url",
          "reflectToAttr": false,
          "docs": "URL endpoint for async data fetching.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "chipDot",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "chip-dot",
          "reflectToAttr": false,
          "docs": "Whether a dot should be displayed on the chip trigger.",
          "docsTags": [
            {
              "name": "default",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "chipIcon",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "chip-icon",
          "reflectToAttr": false,
          "docs": "The name of the icon to display in the chip trigger.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "chipLarge",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "chip-large",
          "reflectToAttr": false,
          "docs": "Whether the chip trigger should be displayed in a larger size.",
          "docsTags": [
            {
              "name": "default",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "chipSentiment",
          "type": "\"accent\" | \"brand\" | \"danger\" | \"info\" | \"neutral\" | \"success\" | \"warning\"",
          "complexType": {
            "original": "ChipSentimentType",
            "resolved": "\"accent\" | \"brand\" | \"danger\" | \"info\" | \"neutral\" | \"success\" | \"warning\"",
            "references": {
              "ChipSentimentType": {
                "location": "import",
                "path": "@utils/types",
                "id": "src/utils/types.ts::ChipSentimentType"
              }
            }
          },
          "mutable": false,
          "attr": "chip-sentiment",
          "reflectToAttr": false,
          "docs": "The sentiment for the chip trigger. Matches Pine chip sentiments.",
          "docsTags": [
            {
              "name": "default",
              "text": "'neutral'"
            }
          ],
          "default": "'neutral'",
          "values": [
            {
              "value": "accent",
              "type": "string"
            },
            {
              "value": "brand",
              "type": "string"
            },
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "info",
              "type": "string"
            },
            {
              "value": "neutral",
              "type": "string"
            },
            {
              "value": "success",
              "type": "string"
            },
            {
              "value": "warning",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true,
          "getter": false,
          "setter": false
        },
        {
          "name": "customOptionLayouts",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "custom-option-layouts",
          "reflectToAttr": false,
          "docs": "Enable custom layout content for options. Options with data-layout attribute will render their HTML content.\n⚠️ Security Warning: Only use with trusted content. Basic XSS protection is applied, but avoid user-generated content.",
          "docsTags": [
            {
              "name": "default",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "customTriggerContent",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "custom-trigger-content",
          "reflectToAttr": false,
          "docs": "Enable custom layout content for the button trigger via the trigger-content slot.\nWhen true, uses slot content for initial state but updates dynamically with selected option layout.\n⚠️ Security Warning: Only use with trusted content. Basic XSS protection is applied, but avoid user-generated content.",
          "docsTags": [
            {
              "name": "default",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "debounce",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "debounce",
          "reflectToAttr": false,
          "docs": "Debounce delay in milliseconds for search/fetch.",
          "docsTags": [
            {
              "name": "default",
              "text": "300"
            }
          ],
          "default": "300",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "If true, the combobox is disabled.",
          "docsTags": [
            {
              "name": "default",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "dropdownMount",
          "type": "\"body\" | \"host\"",
          "complexType": {
            "original": "'host' | 'body'",
            "resolved": "\"body\" | \"host\"",
            "references": {}
          },
          "mutable": false,
          "attr": "dropdown-mount",
          "reflectToAttr": false,
          "docs": "Where to mount the dropdown listbox (`host` or `body`, sometimes called “append to body”).\nUse `body` inside scrollable containers (for example modals) so the list is not clipped by\n`overflow: hidden` ancestors. The portal is appended to the nearest `<dialog>` when present\n(including `pds-modal` / `showModal()`), using a composed ascent so shadow DOM and slot\nboundaries do not hide the dialog from discovery; otherwise it is appended to `document.body`.\nKeyboard focus remains on the trigger via\n`aria-activedescendant` so modal focus traps continue to work. Custom `empty` and `loading`\nslots are not supported when `body` is used; the default empty and loading content is shown instead.",
          "docsTags": [
            {
              "name": "default",
              "text": "'host'"
            }
          ],
          "default": "'host'",
          "values": [
            {
              "value": "body",
              "type": "string"
            },
            {
              "value": "host",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "dropdownPlacement",
          "type": "\"bottom-end\" | \"bottom-start\" | \"top-end\" | \"top-start\"",
          "complexType": {
            "original": "'bottom-start' | 'bottom-end' | 'top-start' | 'top-end'",
            "resolved": "\"bottom-end\" | \"bottom-start\" | \"top-end\" | \"top-start\"",
            "references": {}
          },
          "mutable": false,
          "attr": "dropdown-placement",
          "reflectToAttr": false,
          "docs": "Placement of the dropdown relative to the trigger.",
          "docsTags": [
            {
              "name": "default",
              "text": "'bottom-start'"
            }
          ],
          "default": "'bottom-start'",
          "values": [
            {
              "value": "bottom-end",
              "type": "string"
            },
            {
              "value": "bottom-start",
              "type": "string"
            },
            {
              "value": "top-end",
              "type": "string"
            },
            {
              "value": "top-start",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "dropdownWidth",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "dropdown-width",
          "reflectToAttr": false,
          "docs": "Width of the dropdown. Any valid CSS width value.",
          "docsTags": [
            {
              "name": "default",
              "text": "'236px'"
            }
          ],
          "default": "'236px'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "fetchTimeout",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "fetch-timeout",
          "reflectToAttr": false,
          "docs": "Timeout in milliseconds for async fetch requests.",
          "docsTags": [
            {
              "name": "default",
              "text": "30000"
            }
          ],
          "default": "30000",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "formatResult",
          "type": "(item: unknown) => ComboboxOption",
          "complexType": {
            "original": "(item: unknown) => ComboboxOption",
            "resolved": "(item: unknown) => ComboboxOption",
            "references": {
              "ComboboxOption": {
                "location": "import",
                "path": "./combobox-interface",
                "id": "src/components/pds-combobox/combobox-interface.ts::ComboboxOption"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Function to format async results. Receives raw API response item.",
          "docsTags": [],
          "values": [
            {
              "type": "(item: unknown) => ComboboxOption"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideLabel",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-label",
          "reflectToAttr": false,
          "docs": "Visually hides the label text for instances where only the combobox should be displayed.\nThe visible `<label>` is omitted (same pattern as `pds-select`) so label spacing does not reserve layout;\nthe trigger uses `aria-label` so the name stays available to assistive technology.",
          "docsTags": [
            {
              "name": "default",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "Text to be displayed as the combobox label.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "loading",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": true,
          "attr": "loading",
          "reflectToAttr": false,
          "docs": "Whether the component is currently loading async options.",
          "docsTags": [
            {
              "name": "default",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "maxHeight",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "max-height",
          "reflectToAttr": false,
          "docs": "Maximum height of the dropdown. Can be any valid CSS height value (e.g., '200px', '10rem').\nWhen content exceeds this height, the dropdown will scroll.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "mode",
          "type": "\"filter\" | \"select-only\"",
          "complexType": {
            "original": "'filter' | 'select-only'",
            "resolved": "\"filter\" | \"select-only\"",
            "references": {}
          },
          "mutable": false,
          "attr": "mode",
          "reflectToAttr": false,
          "docs": "Determines the combobox mode: 'filter' (filter options as you type) or 'select-only' (show all options).\nIn filter mode, reopening the menu while the input still shows the label of the selected option temporarily lists\nall options until you type (so you can switch to a different choice without clearing the field first).",
          "docsTags": [
            {
              "name": "default",
              "text": "'filter'"
            }
          ],
          "default": "'filter'",
          "values": [
            {
              "value": "filter",
              "type": "string"
            },
            {
              "value": "select-only",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "name",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "name",
          "reflectToAttr": true,
          "docs": "The name of the form control. Submitted with the form as part of a name/value pair.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "options",
          "type": "ComboboxOption[]",
          "complexType": {
            "original": "ComboboxOption[]",
            "resolved": "ComboboxOption[]",
            "references": {
              "ComboboxOption": {
                "location": "import",
                "path": "./combobox-interface",
                "id": "src/components/pds-combobox/combobox-interface.ts::ComboboxOption"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Options provided externally (for consumer-managed async).",
          "docsTags": [],
          "values": [
            {
              "type": "ComboboxOption[]"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "placeholder",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "placeholder",
          "reflectToAttr": false,
          "docs": "Placeholder text for the input field.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "trigger",
          "type": "\"button\" | \"chip\" | \"input\"",
          "complexType": {
            "original": "'input' | 'button' | 'chip'",
            "resolved": "\"button\" | \"chip\" | \"input\"",
            "references": {}
          },
          "mutable": false,
          "attr": "trigger",
          "reflectToAttr": false,
          "docs": "Determines the combobox trigger: 'input' (editable input), 'button' (button-like, non-editable), or 'chip' (chip-like, non-editable).",
          "docsTags": [
            {
              "name": "default",
              "text": "'input'"
            }
          ],
          "default": "'input'",
          "values": [
            {
              "value": "button",
              "type": "string"
            },
            {
              "value": "chip",
              "type": "string"
            },
            {
              "value": "input",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "triggerShape",
          "type": "\"input\" | \"pill\"",
          "complexType": {
            "original": "'pill' | 'input'",
            "resolved": "\"input\" | \"pill\"",
            "references": {}
          },
          "mutable": false,
          "attr": "trigger-shape",
          "reflectToAttr": false,
          "docs": "The shape of the button trigger. Use 'input' to render the trigger with input-like styling\n(subtle border radius, input height) for use in form or filter rows alongside PdsSelect and PdsMultiselect.",
          "docsTags": [
            {
              "name": "default",
              "text": "'pill'"
            }
          ],
          "default": "'pill'",
          "values": [
            {
              "value": "input",
              "type": "string"
            },
            {
              "value": "pill",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "triggerVariant",
          "type": "\"accent\" | \"destructive\" | \"primary\" | \"secondary\"",
          "complexType": {
            "original": "'secondary' | 'primary' | 'accent' | 'destructive'",
            "resolved": "\"accent\" | \"destructive\" | \"primary\" | \"secondary\"",
            "references": {}
          },
          "mutable": false,
          "attr": "trigger-variant",
          "reflectToAttr": false,
          "docs": "The visual variant for the button trigger. Matches Pine button variants.",
          "docsTags": [
            {
              "name": "default",
              "text": "'secondary'"
            }
          ],
          "default": "'secondary'",
          "values": [
            {
              "value": "accent",
              "type": "string"
            },
            {
              "value": "destructive",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            },
            {
              "value": "secondary",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "triggerWidth",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "trigger-width",
          "reflectToAttr": false,
          "docs": "Width of the trigger (button or input). Any valid CSS width value.",
          "docsTags": [
            {
              "name": "default",
              "text": "'fit-content'"
            }
          ],
          "default": "'fit-content'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": true,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "The value of the combobox input.",
          "docsTags": [
            {
              "name": "default",
              "text": "''"
            }
          ],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [
        {
          "name": "getSelectedValue",
          "returns": {
            "type": "Promise<string>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<string | null>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<string>"
          },
          "signature": "getSelectedValue() => Promise<string | null>",
          "parameters": [],
          "docs": "Gets the value of the currently selected option.",
          "docsTags": []
        },
        {
          "name": "setFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "setFocus() => Promise<void>",
          "parameters": [],
          "docs": "Sets focus on the native input element.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "pdsComboboxChange",
          "detail": "{ value: string; }",
          "bubbles": true,
          "complexType": {
            "original": "{ value: string }",
            "resolved": "{ value: string; }",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the value changes.",
          "docsTags": []
        },
        {
          "event": "pdsComboboxLoadOptions",
          "detail": "ComboboxLoadOptionsEventDetail",
          "bubbles": true,
          "complexType": {
            "original": "ComboboxLoadOptionsEventDetail",
            "resolved": "ComboboxLoadOptionsEventDetail",
            "references": {
              "ComboboxLoadOptionsEventDetail": {
                "location": "import",
                "path": "./combobox-interface",
                "id": "src/components/pds-combobox/combobox-interface.ts::ComboboxLoadOptionsEventDetail"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emitted to request more options (pagination).",
          "docsTags": []
        },
        {
          "event": "pdsComboboxSearch",
          "detail": "ComboboxSearchEventDetail",
          "bubbles": true,
          "complexType": {
            "original": "ComboboxSearchEventDetail",
            "resolved": "ComboboxSearchEventDetail",
            "references": {
              "ComboboxSearchEventDetail": {
                "location": "import",
                "path": "./combobox-interface",
                "id": "src/components/pds-combobox/combobox-interface.ts::ComboboxSearchEventDetail"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emitted on search input (for consumer-managed async).",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "empty",
          "docs": "Custom empty state message when no options match"
        },
        {
          "name": "loading",
          "docs": "Custom loading indicator"
        },
        {
          "name": "option",
          "docs": "Option elements for the combobox dropdown"
        },
        {
          "name": "trigger-content",
          "docs": "Custom content for the button trigger when customTriggerContent is true"
        }
      ],
      "parts": [
        {
          "name": "button-trigger",
          "docs": ""
        },
        {
          "name": "chip-trigger",
          "docs": ""
        },
        {
          "name": "combobox",
          "docs": ""
        },
        {
          "name": "input",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [
        "pds-loader",
        "pds-box",
        "pds-icon",
        "pds-chip"
      ],
      "dependencyGraph": {
        "pds-combobox": [
          "pds-loader",
          "pds-box",
          "pds-icon",
          "pds-chip"
        ],
        "pds-chip": [
          "pds-icon"
        ]
      }
    },
    {
      "filePath": "src/components/pds-container/pds-container.tsx",
      "encapsulation": "shadow",
      "tag": "pds-container",
      "readme": "# pds-container\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "part",
          "text": "container - The inner semantic container element"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "centered",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "centered",
          "reflectToAttr": false,
          "docs": "If `true`, the container is centered horizontally using `margin-inline: auto`.",
          "docsTags": [
            {
              "name": "default",
              "text": "true"
            }
          ],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "size",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "size",
          "reflectToAttr": false,
          "docs": "Sets the maximum width of the container. Accepts a named size token\n(`'sm'` | `'md'` | `'lg'` | `'xl'` | `'full'`) or any valid CSS length value (e.g. `'640px'`, `'50rem'`).\nWhen omitted, no max-width is applied.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "tag",
          "type": "\"article\" | \"div\" | \"main\" | \"section\"",
          "complexType": {
            "original": "'div' | 'main' | 'section' | 'article'",
            "resolved": "\"article\" | \"div\" | \"main\" | \"section\"",
            "references": {}
          },
          "mutable": false,
          "attr": "tag",
          "reflectToAttr": false,
          "docs": "Sets the semantic HTML tag rendered as the inner container element.",
          "docsTags": [
            {
              "name": "default",
              "text": "'div'"
            }
          ],
          "default": "'div'",
          "values": [
            {
              "value": "article",
              "type": "string"
            },
            {
              "value": "div",
              "type": "string"
            },
            {
              "value": "main",
              "type": "string"
            },
            {
              "value": "section",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "container",
          "docs": "The inner semantic container element"
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "src/components/pds-copytext/pds-copytext.tsx",
      "encapsulation": "shadow",
      "tag": "pds-copytext",
      "readme": "# pds-copytext\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "border",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "border",
          "reflectToAttr": true,
          "docs": "Determines whether `copytext` should have a visible border.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "true"
            }
          ],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "fullWidth",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "full-width",
          "reflectToAttr": false,
          "docs": "Determines whether `copytext` should expand to the full width of its container.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "truncate",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "truncate",
          "reflectToAttr": false,
          "docs": "Determines whether the `value` should truncate and display with an ellipsis.\nWhen text overflows, a tooltip showing the full value will appear on hover/focus.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "The string displayed that is also copied to the clipboard upon interaction.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "pdsCopyTextClick",
          "detail": "string",
          "bubbles": true,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "Event fired when copyText button is clicked.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [
        "pds-button",
        "pds-icon"
      ],
      "dependencyGraph": {
        "pds-copytext": [
          "pds-button",
          "pds-icon"
        ],
        "pds-button": [
          "pds-icon",
          "pds-loader"
        ]
      }
    },
    {
      "filePath": "src/components/pds-divider/pds-divider.tsx",
      "encapsulation": "shadow",
      "tag": "pds-divider",
      "readme": "# pds-divider\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "offset",
          "type": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
          "complexType": {
            "original": "'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'",
            "resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | \"xxs\"",
            "references": {}
          },
          "mutable": false,
          "attr": "offset",
          "reflectToAttr": false,
          "docs": "Adds offset margin/padding to expand the width (horizontal) or the height (vertical) of divider.",
          "docsTags": [],
          "values": [
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "vertical",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "vertical",
          "reflectToAttr": false,
          "docs": "Sets divider to display vertically.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "src/components/pds-dropdown-menu/pds-dropdown-menu.tsx",
      "encapsulation": "shadow",
      "tag": "pds-dropdown-menu",
      "readme": "# pds-dropdown\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "part",
          "text": "menu-panel - Exposes the dropdown menu container for styling."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "placement",
          "type": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
          "complexType": {
            "original": "PlacementType",
            "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
            "references": {
              "PlacementType": {
                "location": "import",
                "path": "@utils/types",
                "id": "src/utils/types.ts::PlacementType"
              }
            }
          },
          "mutable": false,
          "attr": "placement",
          "reflectToAttr": false,
          "docs": "The placement of the dropdown panel relative to the trigger.",
          "docsTags": [
            {
              "name": "default",
              "text": "'bottom-start'"
            }
          ],
          "default": "'bottom-start'",
          "values": [
            {
              "value": "bottom",
              "type": "string"
            },
            {
              "value": "bottom-end",
              "type": "string"
            },
            {
              "value": "bottom-start",
              "type": "string"
            },
            {
              "value": "left",
              "type": "string"
            },
            {
              "value": "left-end",
              "type": "string"
            },
            {
              "value": "left-start",
              "type": "string"
            },
            {
              "value": "right",
              "type": "string"
            },
            {
              "value": "right-end",
              "type": "string"
            },
            {
              "value": "right-start",
              "type": "string"
            },
            {
              "value": "top",
              "type": "string"
            },
            {
              "value": "top-end",
              "type": "string"
            },
            {
              "value": "top-start",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [
        {
          "event": "keydown",
          "target": "window",
          "capture": false,
          "passive": false
        },
        {
          "event": "click",
          "target": "window",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "menu-panel",
          "docs": "Exposes the dropdown menu container for styling."
        }
      ],
      "dependents": [],
      "dependencies": [
        "pds-box"
      ],
      "dependencyGraph": {
        "pds-dropdown-menu": [
          "pds-box"
        ]
      }
    },
    {
      "filePath": "src/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.tsx",
      "encapsulation": "shadow",
      "tag": "pds-dropdown-menu-item",
      "readme": "# pds-dropdown-item\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "part",
          "text": "button"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "destructive",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "destructive",
          "reflectToAttr": false,
          "docs": "It determines whether or not the dropdown-item is destructive.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": true,
          "docs": "It determines whether or not the dropdown-item is disabled.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "download",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "download",
          "reflectToAttr": false,
          "docs": "Prompts the user to save the linked URL instead of navigating to it.\nIt can be used without a value to download with the default filename,\nor with a string value to suggest a specific filename for the download.\nOnly applies when href is set.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "external",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "external",
          "reflectToAttr": true,
          "docs": "Determines whether the link should open in a new tab and display an external icon.\nThis is a simpler alternative to using `target=\"_blank\"` for the common case.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "href",
          "type": "string",
          "complexType": {
            "original": "string | undefined",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "href",
          "reflectToAttr": false,
          "docs": "If provided, renders the dropdown-item as an anchor (`<a>`) element instead of a button.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "target",
          "type": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
          "complexType": {
            "original": "'_blank' | '_self' | '_parent' | '_top'",
            "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
            "references": {}
          },
          "mutable": false,
          "attr": "target",
          "reflectToAttr": true,
          "docs": "Specifies where to open the linked document when href is provided.\nTakes precedence over the `external` prop if both are set.\nOnly applies when href is set.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "undefined"
            }
          ],
          "values": [
            {
              "value": "_blank",
              "type": "string"
            },
            {
              "value": "_parent",
              "type": "string"
            },
            {
              "value": "_self",
              "type": "string"
            },
            {
              "value": "_top",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [
        {
          "name": "clickItem",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "clickItem() => Promise<void>",
          "parameters": [],
          "docs": "Trigger the click event",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "pdsClick",
          "detail": "{ itemIndex: number; item: HTMLPdsDropdownMenuItemElement; content: string; }",
          "bubbles": true,
          "complexType": {
            "original": "{itemIndex: number, item: HTMLPdsDropdownMenuItemElement, content: string}",
            "resolved": "{ itemIndex: number; item: HTMLPdsDropdownMenuItemElement; content: string; }",
            "references": {
              "HTMLPdsDropdownMenuItemElement": {
                "location": "global",
                "id": "global::HTMLPdsDropdownMenuItemElement"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the dropdown-item is clicked.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "button",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [
        "pds-link"
      ],
      "dependencyGraph": {
        "pds-dropdown-menu-item": [
          "pds-link"
        ],
        "pds-link": [
          "pds-icon"
        ]
      }
    },
    {
      "filePath": "src/components/pds-dropdown-menu/pds-dropdown-menu-separator/pds-dropdown-menu-separator.tsx",
      "encapsulation": "shadow",
      "tag": "pds-dropdown-menu-separator",
      "readme": "# pds-dropdown-item\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "It determines whether or not the dropdown-item is disabled.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "src/components/pds-filters/pds-filter/pds-filter.tsx",
      "encapsulation": "shadow",
      "tag": "pds-filter",
      "readme": "# pds-filter\n\n\n",
      "docs": "Individual filter component with cross-browser popover positioning.\n\nUses a hybrid approach for optimal cross-browser compatibility:\n- Modern browsers: CSS anchor positioning + JavaScript flip classes\n- Fallback browsers: JavaScript positioning with viewport boundary detection",
      "docsTags": [
        {
          "name": "part",
          "text": "button - Exposes the trigger button element for styling."
        },
        {
          "name": "part",
          "text": "button-content - Exposes the button content container for styling."
        },
        {
          "name": "part",
          "text": "button-text - Exposes the button text for styling."
        },
        {
          "name": "part",
          "text": "icon - Exposes the icon component for styling."
        },
        {
          "name": "part",
          "text": "popover - Exposes the popover container for styling."
        },
        {
          "name": "slot",
          "text": "(default) - Popover content that will be displayed when the filter is open."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true,
          "getter": false,
          "setter": false
        },
        {
          "name": "icon",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "icon",
          "reflectToAttr": false,
          "docs": "The name of the icon to display in the trigger button.\nFor 'clear' variant, this is ignored as it always shows trash icon.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "text",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "text",
          "reflectToAttr": false,
          "docs": "The text content displayed in the trigger button.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "variant",
          "type": "\"clear\" | \"default\" | \"more\" | \"selected\"",
          "complexType": {
            "original": "PdsFilterVariant",
            "resolved": "\"clear\" | \"default\" | \"more\" | \"selected\"",
            "references": {
              "PdsFilterVariant": {
                "location": "import",
                "path": "./filter-interface",
                "id": "src/components/pds-filters/pds-filter/filter-interface.ts::PdsFilterVariant"
              }
            }
          },
          "mutable": false,
          "attr": "variant",
          "reflectToAttr": false,
          "docs": "The variant style of the filter trigger.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "'default'"
            }
          ],
          "default": "'default'",
          "values": [
            {
              "value": "clear",
              "type": "string"
            },
            {
              "value": "default",
              "type": "string"
            },
            {
              "value": "more",
              "type": "string"
            },
            {
              "value": "selected",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [
        {
          "name": "hideFilter",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "hideFilter() => Promise<void>",
          "parameters": [],
          "docs": "Closes the filter popover programmatically.\nNote: Clear variant does not support popover functionality.",
          "docsTags": []
        },
        {
          "name": "showFilter",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "showFilter() => Promise<void>",
          "parameters": [],
          "docs": "Opens the filter popover programmatically.\nNote: Clear variant does not support popover functionality.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "pdsFilterClear",
          "detail": "PdsFilterClearEventDetail",
          "bubbles": true,
          "complexType": {
            "original": "PdsFilterClearEventDetail",
            "resolved": "PdsFilterClearEventDetail",
            "references": {
              "PdsFilterClearEventDetail": {
                "location": "import",
                "path": "./filter-interface",
                "id": "src/components/pds-filters/pds-filter/filter-interface.ts::PdsFilterClearEventDetail"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Event emitted when the clear variant is clicked.",
          "docsTags": []
        },
        {
          "event": "pdsFilterClose",
          "detail": "PdsFilterCloseEventDetail",
          "bubbles": true,
          "complexType": {
            "original": "PdsFilterCloseEventDetail",
            "resolved": "PdsFilterCloseEventDetail",
            "references": {
              "PdsFilterCloseEventDetail": {
                "location": "import",
                "path": "./filter-interface",
                "id": "src/components/pds-filters/pds-filter/filter-interface.ts::PdsFilterCloseEventDetail"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Event emitted when the filter popover is closed.",
          "docsTags": []
        },
        {
          "event": "pdsFilterOpen",
          "detail": "PdsFilterOpenEventDetail",
          "bubbles": true,
          "complexType": {
            "original": "PdsFilterOpenEventDetail",
            "resolved": "PdsFilterOpenEventDetail",
            "references": {
              "PdsFilterOpenEventDetail": {
                "location": "import",
                "path": "./filter-interface",
                "id": "src/components/pds-filters/pds-filter/filter-interface.ts::PdsFilterOpenEventDetail"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Event emitted when the filter popover is opened.",
          "docsTags": []
        }
      ],
      "listeners": [
        {
          "event": "resize",
          "target": "window",
          "capture": false,
          "passive": true
        },
        {
          "event": "scroll",
          "target": "window",
          "capture": false,
          "passive": true
        },
        {
          "event": "toggle",
          "target": "document",
          "capture": false,
          "passive": false
        },
        {
          "event": "click",
          "target": "document",
          "capture": false,
          "passive": false
        },
        {
          "event": "keydown",
          "target": "document",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [],
      "slots": [
        {
          "name": "(default)",
          "docs": "Popover content that will be displayed when the filter is open."
        }
      ],
      "parts": [
        {
          "name": "button",
          "docs": "Exposes the trigger button element for styling."
        },
        {
          "name": "button-content",
          "docs": "Exposes the button content container for styling."
        },
        {
          "name": "button-text",
          "docs": "Exposes the button text for styling."
        },
        {
          "name": "icon",
          "docs": "Exposes the icon component for styling."
        },
        {
          "name": "popover",
          "docs": "Exposes the popover container for styling."
        }
      ],
      "dependents": [],
      "dependencies": [
        "pds-icon"
      ],
      "dependencyGraph": {
        "pds-filter": [
          "pds-icon"
        ]
      }
    },
    {
      "filePath": "src/components/pds-filters/pds-filters.tsx",
      "encapsulation": "shadow",
      "tag": "pds-filters",
      "readme": "# pds-filters\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "(default) - Container for pds-filter components."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "(default)",
          "docs": "Container for pds-filter components."
        }
      ],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "src/components/pds-image/pds-image.tsx",
      "encapsulation": "shadow",
      "tag": "pds-image",
      "readme": "# pds-image\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "alt",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "alt",
          "reflectToAttr": false,
          "docs": "The image's alt tag. If none is provided,\nit will default to an empty string, which is desired for\ndecorative images.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "''"
            }
          ],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "height",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "height",
          "reflectToAttr": false,
          "docs": "The height of the image in pixels. Setting this will\ndevote space in the layout to prevent layout\nshifts when the image is loaded.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "loading",
          "type": "\"eager\" | \"lazy\"",
          "complexType": {
            "original": "'eager' | 'lazy'",
            "resolved": "\"eager\" | \"lazy\"",
            "references": {}
          },
          "mutable": false,
          "attr": "loading",
          "reflectToAttr": false,
          "docs": "Indicates how the browser should load the image.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "eager"
            }
          ],
          "default": "'eager'",
          "values": [
            {
              "value": "eager",
              "type": "string"
            },
            {
              "value": "lazy",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "sizes",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "sizes",
          "reflectToAttr": false,
          "docs": "Determines the intended display size of an image\nwithin certain breakpoints. Has no effect if `srcset`\nis not set or value has no width descriptor.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "src",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "src",
          "reflectToAttr": false,
          "docs": "The image's source.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "srcset",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "srcset",
          "reflectToAttr": false,
          "docs": "A set of image sources for the browser to use\nfor responsiveness.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "width",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "width",
          "reflectToAttr": false,
          "docs": "The width of the image in pixels. Setting this will\ndevote space in the layout to prevent layout\nshifts when the image is loaded.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [
        {
          "name": "--dimension-aspect-ratio",
          "annotation": "prop",
          "docs": "The image's aspect ratio."
        }
      ],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "src/components/pds-input/pds-input.tsx",
      "encapsulation": "shadow",
      "tag": "pds-input",
      "readme": "# pds-input\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "append - Content to be displayed after the input field"
        },
        {
          "name": "slot",
          "text": "prefix - Content that is displayed visually within the input field before the input field"
        },
        {
          "name": "slot",
          "text": "prepend - Content to be displayed before the input field"
        },
        {
          "name": "slot",
          "text": "suffix - Content that is displayed visually within the input field after the input field"
        },
        {
          "name": "slot",
          "text": "action - Content to be displayed in the label area, typically for help icons or links"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "autocomplete",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "autocomplete",
          "reflectToAttr": false,
          "docs": "Specifies if and how the browser provides `autocomplete` assistance for the field.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true,
          "getter": false,
          "setter": false
        },
        {
          "name": "debounce",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "debounce",
          "reflectToAttr": false,
          "docs": "Sets the number of milliseconds to wait before updating the value.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "Determines whether or not the input field is disabled.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "errorMessage",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "error-message",
          "reflectToAttr": false,
          "docs": "Specifies the error message and provides an error-themed treatment to the field.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "fullWidth",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "full-width",
          "reflectToAttr": false,
          "docs": "Determines whether or not the input field takes full width of its container.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "helperMessage",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "helper-message",
          "reflectToAttr": false,
          "docs": "Displays a message or hint below the input field.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideLabel",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-label",
          "reflectToAttr": false,
          "docs": "Visually hides the label text for instances where only the input should be displayed. Label remains accessible to assistive technology such as screen readers.\nNote: When true, the action slot is also hidden to maintain a minimal UI.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "highlight",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "highlight",
          "reflectToAttr": true,
          "docs": "Applies highlight styling to the input field.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "invalid",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "invalid",
          "reflectToAttr": false,
          "docs": "Determines whether or not the input field is invalid or throws an error.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "Text to be displayed as the input label.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "max",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "max",
          "reflectToAttr": false,
          "docs": "Specifies the maximum value for the input field.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "maxlength",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "maxlength",
          "reflectToAttr": false,
          "docs": "Specifies the maximum number of characters allowed in the input field.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "min",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "min",
          "reflectToAttr": false,
          "docs": "Specifies the minimum value for the input field.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "minlength",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "minlength",
          "reflectToAttr": false,
          "docs": "Specifies the minimum number of characters allowed in the input field.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "name",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "Specifies the name. Submitted with the form name/value pair.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "pattern",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "pattern",
          "reflectToAttr": false,
          "docs": "Specifies the regular expression that the input value is checked against.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "placeholder",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "placeholder",
          "reflectToAttr": false,
          "docs": "Specifies a short hint that describes the expected value of the input field.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "readonly",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "readonly",
          "reflectToAttr": false,
          "docs": "Determines whether or not the input field is readonly.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "required",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "required",
          "reflectToAttr": false,
          "docs": "Determines whether or not the input field is required.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "step",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "step",
          "reflectToAttr": false,
          "docs": "Works with the `min` and `max` attributes to define increments for the input field.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "type",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "type",
          "reflectToAttr": false,
          "docs": "Determines the type of control that will be displayed\n`'email'`, `'number'`, `'password'`, `'tel'`, `'text'`, `'url'`",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "\"text\""
            }
          ],
          "default": "'text'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "number | string",
          "complexType": {
            "original": "string | number | null",
            "resolved": "number | string",
            "references": {}
          },
          "mutable": true,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "The value of the input.",
          "docsTags": [
            {
              "name": "default",
              "text": "''"
            }
          ],
          "default": "''",
          "values": [
            {
              "type": "number"
            },
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [
        {
          "name": "setFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "setFocus() => Promise<void>",
          "parameters": [],
          "docs": "Sets focus on the native `input` in the `pds-input`. Use this method instead of the global\n`input.focus()`.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "pdsBlur",
          "detail": "FocusEvent",
          "bubbles": true,
          "complexType": {
            "original": "FocusEvent",
            "resolved": "FocusEvent",
            "references": {
              "FocusEvent": {
                "location": "global",
                "id": "global::FocusEvent"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the input loses focus.",
          "docsTags": []
        },
        {
          "event": "pdsChange",
          "detail": "InputChangeEventDetail",
          "bubbles": true,
          "complexType": {
            "original": "InputChangeEventDetail",
            "resolved": "InputChangeEventDetail",
            "references": {
              "InputChangeEventDetail": {
                "location": "import",
                "path": "./input-interface",
                "id": "src/components/pds-input/input-interface.ts::InputChangeEventDetail"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the value has changed.\n\nThis event will not emit when programmatically setting the `value` property.",
          "docsTags": []
        },
        {
          "event": "pdsFocus",
          "detail": "FocusEvent",
          "bubbles": true,
          "complexType": {
            "original": "FocusEvent",
            "resolved": "FocusEvent",
            "references": {
              "FocusEvent": {
                "location": "global",
                "id": "global::FocusEvent"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the input has focus.",
          "docsTags": []
        },
        {
          "event": "pdsInput",
          "detail": "InputInputEventDetail",
          "bubbles": true,
          "complexType": {
            "original": "InputInputEventDetail",
            "resolved": "InputInputEventDetail",
            "references": {
              "InputInputEventDetail": {
                "location": "import",
                "path": "./input-interface",
                "id": "src/components/pds-input/input-interface.ts::InputInputEventDetail"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when a keyboard input occurs.",
          "docsTags": []
        },
        {
          "event": "pdsKeyDown",
          "detail": "KeyboardEvent",
          "bubbles": true,
          "complexType": {
            "original": "KeyboardEvent",
            "resolved": "KeyboardEvent",
            "references": {
              "KeyboardEvent": {
                "location": "global",
                "id": "global::KeyboardEvent"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when a key is pressed down in the input.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "action",
          "docs": "Content to be displayed in the label area, typically for help icons or links"
        },
        {
          "name": "append",
          "docs": "Content to be displayed after the input field"
        },
        {
          "name": "prefix",
          "docs": "Content that is displayed visually within the input field before the input field"
        },
        {
          "name": "prepend",
          "docs": "Content to be displayed before the input field"
        },
        {
          "name": "suffix",
          "docs": "Content that is displayed visually within the input field after the input field"
        }
      ],
      "parts": [
        {
          "name": "action",
          "docs": ""
        },
        {
          "name": "append",
          "docs": ""
        },
        {
          "name": "prefix",
          "docs": ""
        },
        {
          "name": "prepend",
          "docs": ""
        },
        {
          "name": "suffix",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [
        "pds-icon"
      ],
      "dependencyGraph": {
        "pds-input": [
          "pds-icon"
        ]
      }
    },
    {
      "filePath": "src/components/pds-link/pds-link.tsx",
      "encapsulation": "shadow",
      "tag": "pds-link",
      "readme": "# pds-link\n\nLink is mainly used as navigational element and usually appear within or directly following a paragraph or sentence. The \"plain link\" is used for interactive user generated text like product, post, and offer titles.\n",
      "docs": "Link is mainly used as navigational element and usually appear within or directly following a paragraph or sentence. The \"plain link\" is used for interactive user generated text like product, post, and offer titles.",
      "docsTags": [
        {
          "name": "part",
          "text": "link - Link element styles."
        },
        {
          "name": "slot",
          "text": "(default) - Text content placed between the opening and closing tags. If no text is provided, the **href** will be used as a fallback."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "color",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "color",
          "reflectToAttr": false,
          "docs": "Sets the link color.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "download",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "download",
          "reflectToAttr": false,
          "docs": "Prompts the user to save the linked URL instead of navigating to it.\nIt can be used without a value to download with the default filename,\nor with a string value to suggest a specific filename for the download.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "external",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "external",
          "reflectToAttr": false,
          "docs": "Determines whether the link should open in a new tab.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            },
            {
              "name": "deprecated",
              "text": "Consider using the `target` prop for more control. This prop will be maintained for backward compatibility."
            }
          ],
          "default": "false",
          "deprecation": "Consider using the `target` prop for more control. This prop will be maintained for backward compatibility.",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "fontSize",
          "type": "\"lg\" | \"md\" | \"sm\"",
          "complexType": {
            "original": "'sm' | 'md' | 'lg'",
            "resolved": "\"lg\" | \"md\" | \"sm\"",
            "references": {}
          },
          "mutable": false,
          "attr": "font-size",
          "reflectToAttr": false,
          "docs": "The font size of the link's text.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "lg"
            }
          ],
          "default": "'lg'",
          "values": [
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "href",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "href",
          "reflectToAttr": false,
          "docs": "The hyperlink's destination URL. If no text is provided in the custom slot, the href will be used.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true,
          "getter": false,
          "setter": false
        },
        {
          "name": "target",
          "type": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
          "complexType": {
            "original": "'_blank' | '_self' | '_parent' | '_top'",
            "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
            "references": {}
          },
          "mutable": false,
          "attr": "target",
          "reflectToAttr": false,
          "docs": "Specifies where to open the linked document.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "undefined"
            },
            {
              "name": "example",
              "text": "<pds-link href=\"https://example.com\" target=\"_blank\">Opens in new tab</pds-link>"
            }
          ],
          "values": [
            {
              "value": "_blank",
              "type": "string"
            },
            {
              "value": "_parent",
              "type": "string"
            },
            {
              "value": "_self",
              "type": "string"
            },
            {
              "value": "_top",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "variant",
          "type": "\"inline\" | \"plain\"",
          "complexType": {
            "original": "'inline' | 'plain'",
            "resolved": "\"inline\" | \"plain\"",
            "references": {}
          },
          "mutable": false,
          "attr": "variant",
          "reflectToAttr": false,
          "docs": "Sets the link variant styles.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "inline"
            }
          ],
          "default": "'inline'",
          "values": [
            {
              "value": "inline",
              "type": "string"
            },
            {
              "value": "plain",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "(default)",
          "docs": "Text content placed between the opening and closing tags. If no text is provided, the **href** will be used as a fallback."
        }
      ],
      "parts": [
        {
          "name": "link",
          "docs": "Link element styles."
        }
      ],
      "dependents": [
        "pds-dropdown-menu-item"
      ],
      "dependencies": [
        "pds-icon"
      ],
      "dependencyGraph": {
        "pds-link": [
          "pds-icon"
        ],
        "pds-dropdown-menu-item": [
          "pds-link"
        ]
      }
    },
    {
      "filePath": "src/components/pds-loader/pds-loader.tsx",
      "encapsulation": "shadow",
      "tag": "pds-loader",
      "readme": "# pds-loader\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "part",
          "text": "loader-svg - Exposes the spinner SVG element for color customization."
        },
        {
          "name": "slot",
          "text": "label - Default slot for Loader label text."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "isLoading",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "is-loading",
          "reflectToAttr": false,
          "docs": "If false, the loader will be hidden.",
          "docsTags": [
            {
              "name": "default",
              "text": "true"
            }
          ],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "showLabel",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "show-label",
          "reflectToAttr": false,
          "docs": "Determines whether the loader should display a label.",
          "docsTags": [
            {
              "name": "default",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "size",
          "type": "string",
          "complexType": {
            "original": "| 'xs' // 24px\n  | 'sm' // 32px\n  | 'md' // 48px\n  | 'lg' // 64px\n  | 'xl' // 80px\n  | string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "size",
          "reflectToAttr": true,
          "docs": "Sets the size of the spinner loader. Value can be preset or custom.",
          "docsTags": [
            {
              "name": "default",
              "text": "'md'"
            }
          ],
          "default": "'md'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "variant",
          "type": "\"spinner\" | \"typing\"",
          "complexType": {
            "original": "'spinner' | 'typing'",
            "resolved": "\"spinner\" | \"typing\"",
            "references": {}
          },
          "mutable": false,
          "attr": "variant",
          "reflectToAttr": false,
          "docs": "Determines the type of loader.",
          "docsTags": [
            {
              "name": "default",
              "text": "'spinner'"
            }
          ],
          "default": "'spinner'",
          "values": [
            {
              "value": "spinner",
              "type": "string"
            },
            {
              "value": "typing",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "label",
          "docs": "Default slot for Loader label text."
        }
      ],
      "parts": [
        {
          "name": "loader-svg",
          "docs": "Exposes the spinner SVG element for color customization."
        }
      ],
      "dependents": [
        "pds-button",
        "pds-combobox",
        "pds-multiselect"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "pds-button": [
          "pds-loader"
        ],
        "pds-combobox": [
          "pds-loader"
        ],
        "pds-multiselect": [
          "pds-loader"
        ]
      }
    },
    {
      "filePath": "src/components/pds-modal/pds-modal.tsx",
      "encapsulation": "none",
      "tag": "pds-modal",
      "readme": "# pds-modal\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "backdropDismiss",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "backdrop-dismiss",
          "reflectToAttr": false,
          "docs": "Whether the modal can be dismissed by clicking the backdrop",
          "docsTags": [
            {
              "name": "default",
              "text": "true"
            }
          ],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "open",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": true,
          "attr": "open",
          "reflectToAttr": false,
          "docs": "Whether the modal is open",
          "docsTags": [
            {
              "name": "default",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "scrollable",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "scrollable",
          "reflectToAttr": false,
          "docs": "Whether the modal content should be scrollable",
          "docsTags": [
            {
              "name": "default",
              "text": "true"
            }
          ],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "size",
          "type": "\"fullscreen\" | \"lg\" | \"md\" | \"sm\"",
          "complexType": {
            "original": "'sm' | 'md' | 'lg' | 'fullscreen'",
            "resolved": "\"fullscreen\" | \"lg\" | \"md\" | \"sm\"",
            "references": {}
          },
          "mutable": false,
          "attr": "size",
          "reflectToAttr": false,
          "docs": "The size of the modal",
          "docsTags": [
            {
              "name": "default",
              "text": "'md'"
            }
          ],
          "default": "'md'",
          "values": [
            {
              "value": "fullscreen",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [
        {
          "name": "hideModal",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "hideModal() => Promise<void>",
          "parameters": [],
          "docs": "Closes the modal",
          "docsTags": []
        },
        {
          "name": "showModal",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "HTMLElement": {
                "location": "global",
                "id": "global::HTMLElement"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "showModal() => Promise<void>",
          "parameters": [],
          "docs": "Opens the modal",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "pdsModalClose",
          "detail": "void",
          "bubbles": true,
          "complexType": {
            "original": "void",
            "resolved": "void",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the modal is closed",
          "docsTags": []
        },
        {
          "event": "pdsModalOpen",
          "detail": "void",
          "bubbles": true,
          "complexType": {
            "original": "void",
            "resolved": "void",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the modal is opened",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "modal",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "src/components/pds-modal/pds-modal-content/pds-modal-content.tsx",
      "encapsulation": "none",
      "tag": "pds-modal-content",
      "readme": "# pds-modal-content\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "border",
          "type": "\"both\" | \"bottom\" | \"none\" | \"top\"",
          "complexType": {
            "original": "'none' | 'both' | 'top' | 'bottom'",
            "resolved": "\"both\" | \"bottom\" | \"none\" | \"top\"",
            "references": {}
          },
          "mutable": true,
          "attr": "border",
          "reflectToAttr": true,
          "docs": "The border style for the content area. When not explicitly set, automatically determined based on scroll state.",
          "docsTags": [
            {
              "name": "default",
              "text": "'none'"
            }
          ],
          "default": "'none'",
          "values": [
            {
              "value": "both",
              "type": "string"
            },
            {
              "value": "bottom",
              "type": "string"
            },
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "top",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "src/components/pds-modal/pds-modal-footer/pds-modal-footer.tsx",
      "encapsulation": "none",
      "tag": "pds-modal-footer",
      "readme": "# pds-modal-footer\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "src/components/pds-modal/pds-modal-header/pds-modal-header.tsx",
      "encapsulation": "none",
      "tag": "pds-modal-header",
      "readme": "# pds-modal-header\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "src/components/pds-multiselect/pds-multiselect.tsx",
      "encapsulation": "shadow",
      "tag": "pds-multiselect",
      "readme": "# pds-multiselect\n\nA multiselect component that allows users to select multiple options from a searchable dropdown list. Selected items are displayed as removable chips in a Select2-style pillbox interface.\n\n## Features\n\n- **Pillbox UI**: Selected items appear as removable chips inside the input container\n- **Typeahead Search**: Filter options as you type\n- **Checkbox Options**: Clear selection state with real checkboxes in the dropdown\n- **Async Support**: Fetch options from a URL endpoint or manage data externally\n- **Infinite Scroll**: Automatic pagination when scrolling to the bottom\n- **Keyboard Navigation**: Full keyboard support for accessibility\n- **Form Integration**: Works with native forms and FormData\n",
      "docs": "A multiselect component that allows users to select multiple options from a searchable dropdown list. Selected items are displayed as removable chips in a Select2-style pillbox interface.",
      "docsTags": [
        {
          "name": "slot",
          "text": "(default) - Static option elements for the multiselect"
        },
        {
          "name": "slot",
          "text": "empty - Custom empty state message when no options match"
        },
        {
          "name": "slot",
          "text": "loading - Custom loading indicator"
        },
        {
          "name": "part",
          "text": "trigger - The trigger surface that opens the dropdown panel"
        },
        {
          "name": "part",
          "text": "pill-toggle - The chevron button inside the inline pill trigger"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "asyncMethod",
          "type": "\"GET\" | \"POST\"",
          "complexType": {
            "original": "'GET' | 'POST'",
            "resolved": "\"GET\" | \"POST\"",
            "references": {}
          },
          "mutable": false,
          "attr": "async-method",
          "reflectToAttr": false,
          "docs": "HTTP method for async requests.",
          "docsTags": [
            {
              "name": "default",
              "text": "'GET'"
            }
          ],
          "default": "'GET'",
          "values": [
            {
              "value": "GET",
              "type": "string"
            },
            {
              "value": "POST",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "asyncUrl",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "async-url",
          "reflectToAttr": false,
          "docs": "URL endpoint for async data fetching.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "closePanelOnSelect",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "close-panel-on-select",
          "reflectToAttr": false,
          "docs": "Whether to close the panel after an option is selected.\nDefaults to `false` (panel stays open for multi-select).",
          "docsTags": [
            {
              "name": "default",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true,
          "getter": false,
          "setter": false
        },
        {
          "name": "createUrl",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "create-url",
          "reflectToAttr": false,
          "docs": "URL endpoint for creating new options. When set, shows \"Add\" option when no matches found.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "csrfHeaderName",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "csrf-header-name",
          "reflectToAttr": false,
          "docs": "CSRF header name for authenticated requests. Defaults to `X-CSRF-Token`.",
          "docsTags": [
            {
              "name": "default",
              "text": "'X-CSRF-Token'"
            }
          ],
          "default": "'X-CSRF-Token'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "csrfToken",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "csrf-token",
          "reflectToAttr": false,
          "docs": "CSRF token for authenticated requests. If not provided, attempts to read from meta tag.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "debounce",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "debounce",
          "reflectToAttr": false,
          "docs": "Debounce delay in milliseconds for search/fetch.",
          "docsTags": [
            {
              "name": "default",
              "text": "300"
            }
          ],
          "default": "300",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "Determines whether or not the multiselect is disabled.",
          "docsTags": [
            {
              "name": "default",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "errorMessage",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "error-message",
          "reflectToAttr": false,
          "docs": "Error message to display.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "fetchTimeout",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "fetch-timeout",
          "reflectToAttr": false,
          "docs": "Timeout in milliseconds for async fetch requests.",
          "docsTags": [
            {
              "name": "default",
              "text": "30000"
            }
          ],
          "default": "30000",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "formatResult",
          "type": "(item: unknown) => MultiselectOption",
          "complexType": {
            "original": "(item: unknown) => MultiselectOption",
            "resolved": "(item: unknown) => MultiselectOption",
            "references": {
              "MultiselectOption": {
                "location": "import",
                "path": "./multiselect-interface",
                "id": "src/components/pds-multiselect/multiselect-interface.ts::MultiselectOption"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Function to format async results. Receives raw API response item.",
          "docsTags": [],
          "values": [
            {
              "type": "(item: unknown) => MultiselectOption"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "helperMessage",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "helper-message",
          "reflectToAttr": false,
          "docs": "Helper message to display below the input.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideLabel",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-label",
          "reflectToAttr": false,
          "docs": "Visually hides the label but keeps it accessible.",
          "docsTags": [
            {
              "name": "default",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideSelectedItems",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-selected-items",
          "reflectToAttr": false,
          "docs": "Hides the selected items summary section in the dropdown panel.",
          "docsTags": [
            {
              "name": "default",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "invalid",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "invalid",
          "reflectToAttr": false,
          "docs": "If true, the multiselect is in an invalid state.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "Text to be displayed as the multiselect label.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "loading",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": true,
          "attr": "loading",
          "reflectToAttr": false,
          "docs": "Whether the component is currently loading async options.",
          "docsTags": [
            {
              "name": "default",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "maxHeight",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "max-height",
          "reflectToAttr": false,
          "docs": "Maximum height of the dropdown before scrolling.",
          "docsTags": [
            {
              "name": "default",
              "text": "'300px'"
            }
          ],
          "default": "'300px'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "maxInlinePills",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "max-inline-pills",
          "reflectToAttr": false,
          "docs": "Maximum chips shown inline before collapsing to a \"+N more\" badge.\nOnly applies when `selectedDisplay='pill'` and `pillPosition='inline'`.",
          "docsTags": [
            {
              "name": "default",
              "text": "3"
            }
          ],
          "default": "3",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "maxSelections",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "max-selections",
          "reflectToAttr": false,
          "docs": "Maximum number of selections allowed.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "minWidth",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "min-width",
          "reflectToAttr": false,
          "docs": "Minimum width of the dropdown panel.",
          "docsTags": [
            {
              "name": "default",
              "text": "'250px'"
            }
          ],
          "default": "'250px'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "name",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "Specifies the name. Submitted with the form as part of a name/value pair.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "options",
          "type": "MultiselectOption[]",
          "complexType": {
            "original": "MultiselectOption[]",
            "resolved": "MultiselectOption[]",
            "references": {
              "MultiselectOption": {
                "location": "import",
                "path": "./multiselect-interface",
                "id": "src/components/pds-multiselect/multiselect-interface.ts::MultiselectOption"
              }
            }
          },
          "mutable": false,
          "reflectToAttr": false,
          "docs": "Options provided externally (for consumer-managed async).\nWhen using `group` on options, keep each group block contiguous in the array.\nThe same `group` label appearing again after other items produces a separate header (same as native `<optgroup>`).",
          "docsTags": [],
          "values": [
            {
              "type": "MultiselectOption[]"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "panelWidth",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "panel-width",
          "reflectToAttr": false,
          "docs": "Width of the dropdown panel. Defaults to the trigger width.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "pillPosition",
          "type": "\"below\" | \"inline\"",
          "complexType": {
            "original": "'inline' | 'below'",
            "resolved": "\"below\" | \"inline\"",
            "references": {}
          },
          "mutable": false,
          "attr": "pill-position",
          "reflectToAttr": false,
          "docs": "Position of pill chips when `selectedDisplay` is `'pill'`.\n`'inline'` places chips inside the trigger; `'below'` places chips in a\nflex-wrap row directly below the trigger.",
          "docsTags": [
            {
              "name": "default",
              "text": "'inline'"
            }
          ],
          "default": "'inline'",
          "values": [
            {
              "value": "below",
              "type": "string"
            },
            {
              "value": "inline",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "placeholder",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "placeholder",
          "reflectToAttr": false,
          "docs": "Placeholder text for the input field.",
          "docsTags": [
            {
              "name": "default",
              "text": "'Select...'"
            }
          ],
          "default": "'Select...'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "required",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "required",
          "reflectToAttr": false,
          "docs": "If true, the multiselect is required.",
          "docsTags": [
            {
              "name": "default",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "searchPlaceholder",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "search-placeholder",
          "reflectToAttr": false,
          "docs": "Placeholder text for the search input inside the dropdown panel.",
          "docsTags": [
            {
              "name": "default",
              "text": "'Find...'"
            }
          ],
          "default": "'Find...'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "selectedDisplay",
          "type": "\"count\" | \"pill\"",
          "complexType": {
            "original": "'count' | 'pill'",
            "resolved": "\"count\" | \"pill\"",
            "references": {}
          },
          "mutable": false,
          "attr": "selected-display",
          "reflectToAttr": false,
          "docs": "Display mode for selected items outside the dropdown panel.\n`'count'` shows \"N item(s)\" text in the trigger (default). `'pill'` renders\nselected items as dismissible pds-chip tags.",
          "docsTags": [
            {
              "name": "default",
              "text": "'count'"
            }
          ],
          "default": "'count'",
          "values": [
            {
              "value": "count",
              "type": "string"
            },
            {
              "value": "pill",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "triggerWidth",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "trigger-width",
          "reflectToAttr": false,
          "docs": "Width of the trigger button (and reference for dropdown positioning).",
          "docsTags": [
            {
              "name": "default",
              "text": "'100%'"
            }
          ],
          "default": "'100%'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "string[]",
          "complexType": {
            "original": "string[]",
            "resolved": "string[]",
            "references": {}
          },
          "mutable": true,
          "reflectToAttr": false,
          "docs": "Array of selected option values.",
          "docsTags": [
            {
              "name": "default",
              "text": "[]"
            }
          ],
          "default": "[]",
          "values": [
            {
              "type": "string[]"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [
        {
          "name": "clear",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "clear() => Promise<void>",
          "parameters": [],
          "docs": "Clears all selected values and resets the component.",
          "docsTags": []
        },
        {
          "name": "setFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "setFocus() => Promise<void>",
          "parameters": [],
          "docs": "Sets focus on the trigger button.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "pdsMultiselectChange",
          "detail": "MultiselectChangeEventDetail",
          "bubbles": true,
          "complexType": {
            "original": "MultiselectChangeEventDetail",
            "resolved": "MultiselectChangeEventDetail",
            "references": {
              "MultiselectChangeEventDetail": {
                "location": "import",
                "path": "./multiselect-interface",
                "id": "src/components/pds-multiselect/multiselect-interface.ts::MultiselectChangeEventDetail"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when selection changes.",
          "docsTags": []
        },
        {
          "event": "pdsMultiselectCreate",
          "detail": "MultiselectCreateEventDetail",
          "bubbles": true,
          "complexType": {
            "original": "MultiselectCreateEventDetail",
            "resolved": "MultiselectCreateEventDetail",
            "references": {
              "MultiselectCreateEventDetail": {
                "location": "import",
                "path": "./multiselect-interface",
                "id": "src/components/pds-multiselect/multiselect-interface.ts::MultiselectCreateEventDetail"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when a new option is created.",
          "docsTags": []
        },
        {
          "event": "pdsMultiselectDismiss",
          "detail": "void",
          "bubbles": true,
          "complexType": {
            "original": "void",
            "resolved": "void",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the dropdown is dismissed via Escape key or click outside.\n\nThis event fires only when the user explicitly dismisses the panel without making a selection:\n- ✅ Fires: Pressing Escape key while dropdown is open\n- ✅ Fires: Clicking outside the component while dropdown is open\n- ❌ Does NOT fire: When panel closes due to selection (including when `closePanelOnSelect` is true)\n- ❌ Does NOT fire: When panel closes programmatically via `closeDropdown()`\n\nEquivalent to Sage's `onEscapeHook`. Use this to restore parent UI state or run cleanup when the user cancels their interaction.",
          "docsTags": []
        },
        {
          "event": "pdsMultiselectLoadOptions",
          "detail": "MultiselectLoadOptionsEventDetail",
          "bubbles": true,
          "complexType": {
            "original": "MultiselectLoadOptionsEventDetail",
            "resolved": "MultiselectLoadOptionsEventDetail",
            "references": {
              "MultiselectLoadOptionsEventDetail": {
                "location": "import",
                "path": "./multiselect-interface",
                "id": "src/components/pds-multiselect/multiselect-interface.ts::MultiselectLoadOptionsEventDetail"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emitted to request more options (pagination).",
          "docsTags": []
        },
        {
          "event": "pdsMultiselectSearch",
          "detail": "MultiselectSearchEventDetail",
          "bubbles": true,
          "complexType": {
            "original": "MultiselectSearchEventDetail",
            "resolved": "MultiselectSearchEventDetail",
            "references": {
              "MultiselectSearchEventDetail": {
                "location": "import",
                "path": "./multiselect-interface",
                "id": "src/components/pds-multiselect/multiselect-interface.ts::MultiselectSearchEventDetail"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emitted on search input (for consumer-managed async).",
          "docsTags": []
        }
      ],
      "listeners": [
        {
          "event": "keydown",
          "target": "window",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [],
      "slots": [
        {
          "name": "(default)",
          "docs": "Static option elements for the multiselect"
        },
        {
          "name": "empty",
          "docs": "Custom empty state message when no options match"
        },
        {
          "name": "loading",
          "docs": "Custom loading indicator"
        }
      ],
      "parts": [
        {
          "name": "pill-toggle",
          "docs": "The chevron button inside the inline pill trigger"
        },
        {
          "name": "trigger",
          "docs": "The trigger surface that opens the dropdown panel"
        }
      ],
      "dependents": [],
      "dependencies": [
        "pds-box",
        "pds-icon",
        "pds-text",
        "pds-checkbox",
        "pds-loader",
        "pds-chip"
      ],
      "dependencyGraph": {
        "pds-multiselect": [
          "pds-box",
          "pds-icon",
          "pds-text",
          "pds-checkbox",
          "pds-loader",
          "pds-chip"
        ],
        "pds-checkbox": [
          "pds-icon"
        ],
        "pds-chip": [
          "pds-icon"
        ]
      }
    },
    {
      "filePath": "src/components/pds-popover/pds-popover.tsx",
      "encapsulation": "shadow",
      "tag": "pds-popover",
      "readme": "# pds-popover\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "trigger - The trigger element for the popover"
        },
        {
          "name": "slot",
          "text": "(default) - The content to display inside the popover"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "maxWidth",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "max-width",
          "reflectToAttr": false,
          "docs": "Sets the maximum width of the popover content",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "352"
            }
          ],
          "default": "352",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "placement",
          "type": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
          "complexType": {
            "original": "PlacementType",
            "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
            "references": {
              "PlacementType": {
                "location": "import",
                "path": "@utils/types",
                "id": "src/utils/types.ts::PlacementType"
              }
            }
          },
          "mutable": false,
          "attr": "placement",
          "reflectToAttr": true,
          "docs": "Determines the preferred position of the popover",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "\"right\""
            }
          ],
          "default": "'right'",
          "values": [
            {
              "value": "bottom",
              "type": "string"
            },
            {
              "value": "bottom-end",
              "type": "string"
            },
            {
              "value": "bottom-start",
              "type": "string"
            },
            {
              "value": "left",
              "type": "string"
            },
            {
              "value": "left-end",
              "type": "string"
            },
            {
              "value": "left-start",
              "type": "string"
            },
            {
              "value": "right",
              "type": "string"
            },
            {
              "value": "right-end",
              "type": "string"
            },
            {
              "value": "right-start",
              "type": "string"
            },
            {
              "value": "top",
              "type": "string"
            },
            {
              "value": "top-end",
              "type": "string"
            },
            {
              "value": "top-start",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "popoverTargetAction",
          "type": "\"hide\" | \"show\" | \"toggle\"",
          "complexType": {
            "original": "'show' | 'toggle' | 'hide'",
            "resolved": "\"hide\" | \"show\" | \"toggle\"",
            "references": {}
          },
          "mutable": false,
          "attr": "popover-target-action",
          "reflectToAttr": false,
          "docs": "Determines the action that triggers the popover. For manual popovers, the consumer is responsible for toggling this value.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "\"show\""
            }
          ],
          "default": "'show'",
          "values": [
            {
              "value": "hide",
              "type": "string"
            },
            {
              "value": "show",
              "type": "string"
            },
            {
              "value": "toggle",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "popoverType",
          "type": "\"auto\" | \"manual\"",
          "complexType": {
            "original": "'auto' | 'manual'",
            "resolved": "\"auto\" | \"manual\"",
            "references": {}
          },
          "mutable": false,
          "attr": "popover-type",
          "reflectToAttr": false,
          "docs": "Determines the type of popover. Auto popovers can be \"light dismissed\" by clicking outside of the popover.\nManual popovers require the consumer to handle the visibility of the popover.",
          "docsTags": [
            {
              "name": "default",
              "text": "'auto'"
            }
          ],
          "default": "'auto'",
          "values": [
            {
              "value": "auto",
              "type": "string"
            },
            {
              "value": "manual",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [
        {
          "name": "hide",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "hide() => Promise<void>",
          "parameters": [],
          "docs": "Closes the popover programmatically",
          "docsTags": []
        },
        {
          "name": "show",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "show() => Promise<void>",
          "parameters": [],
          "docs": "Opens the popover programmatically",
          "docsTags": []
        },
        {
          "name": "toggle",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "toggle() => Promise<void>",
          "parameters": [],
          "docs": "Toggles the popover open/closed state programmatically",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "pdsPopoverClose",
          "detail": "PdsPopoverEventDetail",
          "bubbles": true,
          "complexType": {
            "original": "PdsPopoverEventDetail",
            "resolved": "PdsPopoverEventDetail",
            "references": {
              "PdsPopoverEventDetail": {
                "location": "import",
                "path": "./popover-interface",
                "id": "src/components/pds-popover/popover-interface.ts::PdsPopoverEventDetail"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the popover is closed",
          "docsTags": []
        },
        {
          "event": "pdsPopoverOpen",
          "detail": "PdsPopoverEventDetail",
          "bubbles": true,
          "complexType": {
            "original": "PdsPopoverEventDetail",
            "resolved": "PdsPopoverEventDetail",
            "references": {
              "PdsPopoverEventDetail": {
                "location": "import",
                "path": "./popover-interface",
                "id": "src/components/pds-popover/popover-interface.ts::PdsPopoverEventDetail"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the popover is opened",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "(default)",
          "docs": "The content to display inside the popover"
        },
        {
          "name": "trigger",
          "docs": "The trigger element for the popover"
        }
      ],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "src/components/pds-progress/pds-progress.tsx",
      "encapsulation": "shadow",
      "tag": "pds-progress",
      "readme": "# pds-progress\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "animated",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "animated",
          "reflectToAttr": false,
          "docs": "Determines whether or not progress is animated.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute and the label `for` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true,
          "getter": false,
          "setter": false
        },
        {
          "name": "fillColor",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "fill-color",
          "reflectToAttr": false,
          "docs": "Sets the progress fill color. Accepts a color token or a [valid color value](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value).",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "'var(--pine-color-blue-300)'"
            }
          ],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "String used for label text. Label is visually hidden but required for better accessibility.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true,
          "getter": false,
          "setter": false
        },
        {
          "name": "percent",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "percent",
          "reflectToAttr": false,
          "docs": "Sets the progress fill pecentage and visually displayed when `show-percentage=true`.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "0"
            }
          ],
          "default": "0",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "showPercent",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "show-percent",
          "reflectToAttr": false,
          "docs": "Determines whether or not the percent value should be displayed as text.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "src/components/pds-property/pds-property.tsx",
      "encapsulation": "shadow",
      "tag": "pds-property",
      "readme": "# pds-property\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "(default) - The property text content."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "icon",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "icon",
          "reflectToAttr": false,
          "docs": "The name of the icon to display before the property text.",
          "docsTags": [
            {
              "name": "default",
              "text": "'star'"
            }
          ],
          "default": "'star'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "(default)",
          "docs": "The property text content."
        }
      ],
      "parts": [],
      "dependents": [],
      "dependencies": [
        "pds-box",
        "pds-icon"
      ],
      "dependencyGraph": {
        "pds-property": [
          "pds-box",
          "pds-icon"
        ]
      }
    },
    {
      "filePath": "src/components/pds-radio/pds-radio.tsx",
      "encapsulation": "scoped",
      "tag": "pds-radio",
      "readme": "# pds-radio\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "image - Custom image content to display instead of the default radio input"
        },
        {
          "name": "part",
          "text": "image-container - The container for the image"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "checked",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "checked",
          "reflectToAttr": false,
          "docs": "Determines whether or not the radio is checked.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute and the label `for` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "Determines whether or not the radio is disabled.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "errorMessage",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "error-message",
          "reflectToAttr": false,
          "docs": "Displays error message text describing an invalid state.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hasBorder",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "has-border",
          "reflectToAttr": false,
          "docs": "Adds a border around the radio component for better visual separation.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "helperMessage",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "helper-message",
          "reflectToAttr": false,
          "docs": "Displays helper message text below radio.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideLabel",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-label",
          "reflectToAttr": false,
          "docs": "Visually hides the label text for instances where only the radio should be displayed. Label remains accessible to assistive technology such as screen readers.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "invalid",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "invalid",
          "reflectToAttr": false,
          "docs": "Determines whether or not the radio is invalid.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "String used for label text next to radio.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "name",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "String used for radio `name` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "required",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "required",
          "reflectToAttr": false,
          "docs": "Determines whether or not the radio is required.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "The value of the radio that is submitted with a form.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "pdsRadioChange",
          "detail": "boolean",
          "bubbles": true,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emits a boolean indicating whether the radio is currently checked or unchecked.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "image",
          "docs": "Custom image content to display instead of the default radio input"
        }
      ],
      "parts": [
        {
          "name": "image-container",
          "docs": "The container for the image"
        }
      ],
      "dependents": [],
      "dependencies": [
        "pds-icon"
      ],
      "dependencyGraph": {
        "pds-radio": [
          "pds-icon"
        ]
      }
    },
    {
      "filePath": "src/components/pds-radio-group/pds-radio-group.tsx",
      "encapsulation": "scoped",
      "tag": "pds-radio-group",
      "readme": "# pds-radio-group\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "(default) - Child pds-radio components"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "direction",
          "type": "\"column\" | \"row\"",
          "complexType": {
            "original": "'row' | 'column'",
            "resolved": "\"column\" | \"row\"",
            "references": {}
          },
          "mutable": false,
          "attr": "direction",
          "reflectToAttr": false,
          "docs": "Layout direction for the radio group.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "column"
            }
          ],
          "default": "'column'",
          "values": [
            {
              "value": "column",
              "type": "string"
            },
            {
              "value": "row",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "Determines whether or not the radio group is disabled.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "errorMessage",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "error-message",
          "reflectToAttr": false,
          "docs": "Displays error message text describing an invalid state for the entire group.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "gap",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "gap",
          "reflectToAttr": false,
          "docs": "Spacing between radio items. Accepts t-shirt sizes (none, xxs, xs, sm, md, lg, xl, xxl) or core spacing tokens (025, 050, 100, etc.).",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "xs"
            }
          ],
          "default": "'xs'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "groupLabel",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "group-label",
          "reflectToAttr": false,
          "docs": "String used for group label/heading.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "helperMessage",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "helper-message",
          "reflectToAttr": false,
          "docs": "Displays helper message text below the radio group.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "invalid",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "invalid",
          "reflectToAttr": false,
          "docs": "Determines whether or not the radio group is invalid.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "name",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "String used for radio `name` attribute. Applied to all child radios.\nRequired for proper radio group behavior (mutual exclusivity and form submission).",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "required",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "required",
          "reflectToAttr": false,
          "docs": "Determines whether or not the radio group is required.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "pdsRadioGroupChange",
          "detail": "RadioGroupChangeEventDetail",
          "bubbles": true,
          "complexType": {
            "original": "RadioGroupChangeEventDetail",
            "resolved": "RadioGroupChangeEventDetail",
            "references": {
              "RadioGroupChangeEventDetail": {
                "location": "import",
                "path": "./radio-group-interface",
                "id": "src/components/pds-radio-group/radio-group-interface.ts::RadioGroupChangeEventDetail"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emits when a radio in the group is selected, providing the selected value and component ID.",
          "docsTags": []
        }
      ],
      "listeners": [
        {
          "event": "change",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [],
      "slots": [
        {
          "name": "(default)",
          "docs": "Child pds-radio components"
        }
      ],
      "parts": [],
      "dependents": [],
      "dependencies": [
        "pds-icon"
      ],
      "dependencyGraph": {
        "pds-radio-group": [
          "pds-icon"
        ]
      }
    },
    {
      "filePath": "src/components/pds-row/pds-row.tsx",
      "encapsulation": "none",
      "tag": "pds-row",
      "readme": "# pds-row\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "alignItems",
          "type": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
          "complexType": {
            "original": "`start` | `center` | `end` | `baseline` | `stretch`",
            "resolved": "\"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {}
          },
          "mutable": false,
          "attr": "align-items",
          "reflectToAttr": false,
          "docs": "Defines the vertical alignment of the row items.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "start"
            }
          ],
          "values": [
            {
              "value": "baseline",
              "type": "string"
            },
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "end",
              "type": "string"
            },
            {
              "value": "start",
              "type": "string"
            },
            {
              "value": "stretch",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "border",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "border",
          "reflectToAttr": false,
          "docs": "If `true`, the row will have a border.",
          "docsTags": [
            {
              "name": "default",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "colGap",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType | null",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "col-gap",
          "reflectToAttr": false,
          "docs": "Defines the spacing between the row items.",
          "docsTags": [],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "colGapBlock",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType | null",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "col-gap-block",
          "reflectToAttr": false,
          "docs": "Defines the spacing between the row items vertically.",
          "docsTags": [],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "colGapInline",
          "type": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
          "complexType": {
            "original": "BoxSpacingType | null",
            "resolved": "\"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"025\" | \"050\" | \"100\" | \"125\" | \"150\" | \"200\" | \"250\" | \"300\" | \"350\" | \"400\" | \"450\" | \"500\" | \"550\" | \"600\" | \"650\" | \"700\" | \"750\" | \"800\"",
            "references": {
              "BoxSpacingType": {
                "location": "import",
                "path": "../../utils/types",
                "id": "src/utils/types.ts::BoxSpacingType"
              }
            }
          },
          "mutable": false,
          "attr": "col-gap-inline",
          "reflectToAttr": false,
          "docs": "Defines the spacing between the row items horizontally.",
          "docsTags": [],
          "values": [
            {
              "value": "none",
              "type": "string"
            },
            {
              "value": "xxs",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xxl",
              "type": "string"
            },
            {
              "value": "025",
              "type": "string"
            },
            {
              "value": "050",
              "type": "string"
            },
            {
              "value": "100",
              "type": "string"
            },
            {
              "value": "125",
              "type": "string"
            },
            {
              "value": "150",
              "type": "string"
            },
            {
              "value": "200",
              "type": "string"
            },
            {
              "value": "250",
              "type": "string"
            },
            {
              "value": "300",
              "type": "string"
            },
            {
              "value": "350",
              "type": "string"
            },
            {
              "value": "400",
              "type": "string"
            },
            {
              "value": "450",
              "type": "string"
            },
            {
              "value": "500",
              "type": "string"
            },
            {
              "value": "550",
              "type": "string"
            },
            {
              "value": "600",
              "type": "string"
            },
            {
              "value": "650",
              "type": "string"
            },
            {
              "value": "700",
              "type": "string"
            },
            {
              "value": "750",
              "type": "string"
            },
            {
              "value": "800",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "justifyContent",
          "type": "\"center\" | \"end\" | \"space-around\" | \"space-between\" | \"start\"",
          "complexType": {
            "original": "`start` | `center` | `end` | `space-between` | `space-around`",
            "resolved": "\"center\" | \"end\" | \"space-around\" | \"space-between\" | \"start\"",
            "references": {}
          },
          "mutable": false,
          "attr": "justify-content",
          "reflectToAttr": false,
          "docs": "Defines the horizontal alignment of the row items.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "start"
            }
          ],
          "values": [
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "end",
              "type": "string"
            },
            {
              "value": "space-around",
              "type": "string"
            },
            {
              "value": "space-between",
              "type": "string"
            },
            {
              "value": "start",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "minHeight",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "min-height",
          "reflectToAttr": false,
          "docs": "The minimum height of the row. Used in conjunction with alignment props",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "noWrap",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "no-wrap",
          "reflectToAttr": false,
          "docs": "If `true`, the row items will not wrap to the next line if horizontal space is not available.",
          "docsTags": [
            {
              "name": "default",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "src/components/pds-select/pds-select.tsx",
      "encapsulation": "shadow",
      "tag": "pds-select",
      "readme": "# pds-select\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "action - Content to be displayed in the label area, typically for help icons or links"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "autocomplete",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "autocomplete",
          "reflectToAttr": false,
          "docs": "Specifies if and how the browser provides `autocomplete` assistance for the field.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "Indicates whether or not the select field is disabled.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "errorMessage",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "error-message",
          "reflectToAttr": false,
          "docs": "Displays error message text describing an invalid state.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "helperMessage",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "helper-message",
          "reflectToAttr": false,
          "docs": "Displays helper message text below select.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideLabel",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-label",
          "reflectToAttr": false,
          "docs": "Visually hides the label text for instances where only the select should be displayed. Label remains accessible to assistive technology such as screen readers.\nNote: When true, the action slot is also hidden to maintain a minimal UI.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "highlight",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "highlight",
          "reflectToAttr": true,
          "docs": "Applies highlight styling to the select field.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "invalid",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "invalid",
          "reflectToAttr": false,
          "docs": "Determines whether or not the select is invalid.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "Text to be displayed as the select label.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "multiple",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "multiple",
          "reflectToAttr": false,
          "docs": "Indicates whether multiple options can be selected.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "name",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "Specifies the name. Submitted with the form name/value pair.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true,
          "getter": false,
          "setter": false
        },
        {
          "name": "required",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "required",
          "reflectToAttr": false,
          "docs": "Indicates whether or not the select field is required.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "string | string[]",
          "complexType": {
            "original": "string | string[]",
            "resolved": "string | string[]",
            "references": {}
          },
          "mutable": true,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "The value(s) of the selected option(s).",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            },
            {
              "type": "string[]"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "pdsBlur",
          "detail": "FocusEvent",
          "bubbles": true,
          "complexType": {
            "original": "FocusEvent",
            "resolved": "FocusEvent",
            "references": {
              "FocusEvent": {
                "location": "global",
                "id": "global::FocusEvent"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the select loses focus.",
          "docsTags": []
        },
        {
          "event": "pdsFocus",
          "detail": "FocusEvent",
          "bubbles": true,
          "complexType": {
            "original": "FocusEvent",
            "resolved": "FocusEvent",
            "references": {
              "FocusEvent": {
                "location": "global",
                "id": "global::FocusEvent"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the select gains focus.",
          "docsTags": []
        },
        {
          "event": "pdsKeyDown",
          "detail": "KeyboardEvent",
          "bubbles": true,
          "complexType": {
            "original": "KeyboardEvent",
            "resolved": "KeyboardEvent",
            "references": {
              "KeyboardEvent": {
                "location": "global",
                "id": "global::KeyboardEvent"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when a key is pressed down in the select.",
          "docsTags": []
        },
        {
          "event": "pdsSelectChange",
          "detail": "InputEvent",
          "bubbles": true,
          "complexType": {
            "original": "InputEvent",
            "resolved": "InputEvent",
            "references": {
              "InputEvent": {
                "location": "global",
                "id": "global::InputEvent"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the select value changes.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "action",
          "docs": "Content to be displayed in the label area, typically for help icons or links"
        }
      ],
      "parts": [
        {
          "name": "action",
          "docs": ""
        },
        {
          "name": "select",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [
        "pds-icon"
      ],
      "dependencyGraph": {
        "pds-select": [
          "pds-icon"
        ]
      }
    },
    {
      "filePath": "src/components/pds-sortable/pds-sortable.tsx",
      "encapsulation": "scoped",
      "tag": "pds-sortable",
      "readme": "# pds-sortable\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "border",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "border",
          "reflectToAttr": true,
          "docs": "Determines whether `sortable` should have a border.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the sortable container `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": true,
          "docs": "Determines whether or not the sortable is disabled.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "dividers",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "dividers",
          "reflectToAttr": true,
          "docs": "Determines whether `sortable` items should be divided with border.",
          "docsTags": [
            {
              "name": "default",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "handleType",
          "type": "\"handle\" | \"row\"",
          "complexType": {
            "original": "'handle' | 'row'",
            "resolved": "\"handle\" | \"row\"",
            "references": {}
          },
          "mutable": false,
          "attr": "handle-type",
          "reflectToAttr": false,
          "docs": "Determines the grabbable area for the `pds-sortable-item`.",
          "docsTags": [
            {
              "name": "default",
              "text": "'row'"
            }
          ],
          "default": "'row'",
          "values": [
            {
              "value": "handle",
              "type": "string"
            },
            {
              "value": "row",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "pdsSortableItemMoved",
          "detail": "SortableEvent",
          "bubbles": true,
          "complexType": {
            "original": "SortableEvent",
            "resolved": "SortableEvent",
            "references": {
              "SortableEvent": {
                "location": "import",
                "path": "sortablejs",
                "id": "../../node_modules/@types/sortablejs/index.d.ts::SortableEvent"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Event emitted when a sortable item is moved.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "src/components/pds-sortable/pds-sortable-item/pds-sortable-item.tsx",
      "encapsulation": "scoped",
      "tag": "pds-sortable-item",
      "readme": "# pds-sortable-item\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "sortable-item-actions - Content is placed within the `pds-sortable-item__actions` element as children. This slot is only rendered if `actions` is set to `true`."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the sortable item `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "enableActions",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "enable-actions",
          "reflectToAttr": false,
          "docs": "Determines whether `sortable-item-actions` slot should be enabled.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "showHandle",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": true,
          "attr": "show-handle",
          "reflectToAttr": false,
          "docs": "Determines whether `sortable-item` should have a handle.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "sortable-item-actions",
          "docs": "Content is placed within the `pds-sortable-item__actions` element as children. This slot is only rendered if `actions` is set to `true`."
        }
      ],
      "parts": [],
      "dependents": [],
      "dependencies": [
        "pds-icon"
      ],
      "dependencyGraph": {
        "pds-sortable-item": [
          "pds-icon"
        ]
      }
    },
    {
      "filePath": "src/components/pds-switch/pds-switch.tsx",
      "encapsulation": "shadow",
      "tag": "pds-switch",
      "readme": "# pds-switch\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "checked",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": true,
          "attr": "checked",
          "reflectToAttr": false,
          "docs": "Determines the input 'checked' state.",
          "docsTags": [
            {
              "name": "default",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute and the label `for` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "Determines the input 'disabled' state, preventing user interaction.",
          "docsTags": [
            {
              "name": "default",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "errorMessage",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "error-message",
          "reflectToAttr": false,
          "docs": "Displays message text describing an invalid state.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "helperMessage",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "helper-message",
          "reflectToAttr": false,
          "docs": "Displays help text for additional description of an input.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideLabel",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-label",
          "reflectToAttr": false,
          "docs": "Visually hides the label text for instances where only the switch should be displayed. Label remains accessible to assistive technology such as screen readers.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "invalid",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "invalid",
          "reflectToAttr": false,
          "docs": "Determines the input 'invalid' state, signifying an error is present.",
          "docsTags": [
            {
              "name": "default",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "Displays text to describe the input.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true,
          "getter": false,
          "setter": false
        },
        {
          "name": "name",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "Identifies form data and unifies a group of radio inputs for toggling a single property/value.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "required",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "required",
          "reflectToAttr": false,
          "docs": "Determines the 'required' state of the input.",
          "docsTags": [
            {
              "name": "default",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "Provides input with a string submitted in form data.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "pdsSwitchChange",
          "detail": "InputEvent",
          "bubbles": true,
          "complexType": {
            "original": "InputEvent",
            "resolved": "InputEvent",
            "references": {
              "InputEvent": {
                "location": "global",
                "id": "global::InputEvent"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emits an event on input change.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [
        "pds-icon"
      ],
      "dependencyGraph": {
        "pds-switch": [
          "pds-icon"
        ]
      }
    },
    {
      "filePath": "src/components/pds-tabs/pds-tab/pds-tab.tsx",
      "encapsulation": "none",
      "tag": "pds-tab",
      "readme": "# pds-tabs\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "disabled",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "Determines the tab's disabled state.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "name",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "Sets the related tab name, this name must match a `pds-tabpanel`'s tab name property",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "src/components/pds-table/pds-table.tsx",
      "encapsulation": "shadow",
      "tag": "pds-table",
      "readme": "# pds-table\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "compact",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "compact",
          "reflectToAttr": false,
          "docs": "Determines if the table displays with reduced table cell padding.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the table `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true,
          "getter": false,
          "setter": false
        },
        {
          "name": "defaultSortColumn",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "default-sort-column",
          "reflectToAttr": false,
          "docs": "The name of the column to sort by on initial load.\nMust match the text content of a sortable column header.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "defaultSortDirection",
          "type": "\"asc\" | \"desc\"",
          "complexType": {
            "original": "'asc' | 'desc'",
            "resolved": "\"asc\" | \"desc\"",
            "references": {}
          },
          "mutable": false,
          "attr": "default-sort-direction",
          "reflectToAttr": false,
          "docs": "The direction to sort the default column on initial load.\nOnly applies if `defaultSortColumn` is set.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "'asc'"
            }
          ],
          "default": "'asc'",
          "values": [
            {
              "value": "asc",
              "type": "string"
            },
            {
              "value": "desc",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disableSelectAll",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "disable-select-all",
          "reflectToAttr": false,
          "docs": "Hides the select-all checkbox in the table header while keeping individual row checkboxes functional.\nOnly applies when `selectable` is true.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "fixedColumn",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "fixed-column",
          "reflectToAttr": false,
          "docs": "Determines if the should display a fixed first column.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "responsive",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "responsive",
          "reflectToAttr": false,
          "docs": "Enables the table to be responsive by horizontally scrolling on smaller screens.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "rowDividers",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "row-dividers",
          "reflectToAttr": true,
          "docs": "Adds divider borders between table rows. The last row will not have a bottom border.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "selectable",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "selectable",
          "reflectToAttr": false,
          "docs": "Determines if the table displays checkboxes for selectable rows.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "pdsTableSelectAll",
          "detail": "{ isSelected: boolean; }",
          "bubbles": true,
          "complexType": {
            "original": "{ isSelected: boolean }",
            "resolved": "{ isSelected: boolean; }",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "Event that is emitted when the select all checkbox is clicked, carrying the selected value.",
          "docsTags": []
        }
      ],
      "listeners": [
        {
          "event": "pdsTableSort",
          "capture": false,
          "passive": false
        },
        {
          "event": "pdsTableSelectAll",
          "capture": false,
          "passive": false
        },
        {
          "event": "pdsTableRowSelected",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "responsive-container",
          "docs": ""
        },
        {
          "name": "responsive-table",
          "docs": ""
        },
        {
          "name": "responsive-wrapper",
          "docs": ""
        },
        {
          "name": "scroll-shadow-left",
          "docs": ""
        },
        {
          "name": "scroll-shadow-right",
          "docs": ""
        },
        {
          "name": "table",
          "docs": ""
        },
        {
          "name": "table-inner",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "src/components/pds-table/pds-table-body/pds-table-body.tsx",
      "encapsulation": "shadow",
      "tag": "pds-table-body",
      "readme": "# pds-table-body\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "body",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "src/components/pds-table/pds-table-cell/pds-table-cell.tsx",
      "encapsulation": "shadow",
      "tag": "pds-table-cell",
      "readme": "# pds-table-cell\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "cellAlign",
          "type": "\"center\" | \"end\" | \"justify\" | \"start\"",
          "complexType": {
            "original": "'start' | 'center' | 'end' | 'justify'",
            "resolved": "\"center\" | \"end\" | \"justify\" | \"start\"",
            "references": {}
          },
          "mutable": false,
          "attr": "cell-align",
          "reflectToAttr": false,
          "docs": "Sets the text alignment within the cell.",
          "docsTags": [],
          "values": [
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "end",
              "type": "string"
            },
            {
              "value": "justify",
              "type": "string"
            },
            {
              "value": "start",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "truncate",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "truncate",
          "reflectToAttr": false,
          "docs": "Truncates content to a max width and adds an ellipsis.\nWhen text overflows, a tooltip showing the full text will appear on hover/focus.\nNote: When truncate is enabled, the element automatically receives tabindex=\"0\" for keyboard accessibility.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "cell",
          "docs": ""
        }
      ],
      "dependents": [
        "pds-table-row"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "pds-table-row": [
          "pds-table-cell"
        ]
      }
    },
    {
      "filePath": "src/components/pds-table/pds-table-head/pds-table-head.tsx",
      "encapsulation": "shadow",
      "tag": "pds-table-head",
      "readme": "# pds-table-head\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "background",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "background",
          "reflectToAttr": true,
          "docs": "Adds a subtle background color to the table head.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "border",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "border",
          "reflectToAttr": true,
          "docs": "Adds top and bottom borders to the table head.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "indeterminate",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": true,
          "attr": "indeterminate",
          "reflectToAttr": false,
          "docs": "Determines if the select all checkbox is in an indeterminate state.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "isSelected",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": true,
          "attr": "is-selected",
          "reflectToAttr": false,
          "docs": "Determines if the table row is currently selected.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "pdsTableSelectAll",
          "detail": "{ isSelected: boolean; }",
          "bubbles": true,
          "complexType": {
            "original": "{ isSelected: boolean }",
            "resolved": "{ isSelected: boolean; }",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "Event that is emitted when the select all checkbox is clicked, carrying the selected value.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "head",
          "docs": ""
        },
        {
          "name": "select-all-checkbox",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [
        "pds-table-head-cell",
        "pds-checkbox"
      ],
      "dependencyGraph": {
        "pds-table-head": [
          "pds-table-head-cell",
          "pds-checkbox"
        ],
        "pds-table-head-cell": [
          "pds-icon"
        ],
        "pds-checkbox": [
          "pds-icon"
        ]
      }
    },
    {
      "filePath": "src/components/pds-table/pds-table-head-cell/pds-table-head-cell.tsx",
      "encapsulation": "shadow",
      "tag": "pds-table-head-cell",
      "readme": "# pds-table-head-cell\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "cellAlign",
          "type": "\"center\" | \"end\" | \"justify\" | \"start\"",
          "complexType": {
            "original": "'start' | 'center' | 'end' | 'justify'",
            "resolved": "\"center\" | \"end\" | \"justify\" | \"start\"",
            "references": {}
          },
          "mutable": false,
          "attr": "cell-align",
          "reflectToAttr": false,
          "docs": "Sets the text alignment within the head cell.",
          "docsTags": [],
          "values": [
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "end",
              "type": "string"
            },
            {
              "value": "justify",
              "type": "string"
            },
            {
              "value": "start",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "sortable",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "sortable",
          "reflectToAttr": false,
          "docs": "Determines whether the table column is sortable when set to `true`.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [
        {
          "name": "clearActiveSort",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "clearActiveSort() => Promise<void>",
          "parameters": [],
          "docs": "Clears the active sort state from this column.\nUsed internally when another column becomes active.",
          "docsTags": []
        },
        {
          "name": "setActiveSort",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "(direction: \"asc\" | \"desc\") => Promise<void>",
            "parameters": [
              {
                "name": "direction",
                "type": "\"desc\" | \"asc\"",
                "docs": "- The sort direction to apply ('asc' or 'desc')"
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "setActiveSort(direction: \"asc\" | \"desc\") => Promise<void>",
          "parameters": [
            {
              "name": "direction",
              "type": "\"desc\" | \"asc\"",
              "docs": "- The sort direction to apply ('asc' or 'desc')"
            }
          ],
          "docs": "Programmatically sets this column as the active sort column with the specified direction.\nUsed by pds-table to apply a default sort on initial load.",
          "docsTags": [
            {
              "name": "param",
              "text": "direction - The sort direction to apply ('asc' or 'desc')"
            }
          ]
        }
      ],
      "events": [
        {
          "event": "pdsTableSort",
          "detail": "{ column: string; direction: string; }",
          "bubbles": true,
          "complexType": {
            "original": "{ column: string; direction: string }",
            "resolved": "{ column: string; direction: string; }",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "Event emitted to signal that a table column header has been sorted, providing information about the sorted column's name and sorting direction.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "head-cell",
          "docs": ""
        },
        {
          "name": "sort-icon",
          "docs": ""
        }
      ],
      "dependents": [
        "pds-table-head"
      ],
      "dependencies": [
        "pds-icon"
      ],
      "dependencyGraph": {
        "pds-table-head-cell": [
          "pds-icon"
        ],
        "pds-table-head": [
          "pds-table-head-cell"
        ]
      }
    },
    {
      "filePath": "src/components/pds-table/pds-table-row/pds-table-row.tsx",
      "encapsulation": "shadow",
      "tag": "pds-table-row",
      "readme": "# pds-table-row\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "indeterminate",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": true,
          "attr": "indeterminate",
          "reflectToAttr": false,
          "docs": "Determines if the row selected is in an indeterminate state.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "isSelected",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": true,
          "attr": "is-selected",
          "reflectToAttr": false,
          "docs": "Determines if the table row is currently selected.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [
        {
          "event": "pdsTableRowSelected",
          "detail": "{ rowIndex: number; isSelected: boolean; }",
          "bubbles": true,
          "complexType": {
            "original": "{ rowIndex: number; isSelected: boolean; }",
            "resolved": "{ rowIndex: number; isSelected: boolean; }",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "Event that is emitted when the checkbox is clicked, carrying the selected value.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "row",
          "docs": ""
        },
        {
          "name": "row-checkbox",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [
        "pds-table-cell",
        "pds-checkbox"
      ],
      "dependencyGraph": {
        "pds-table-row": [
          "pds-table-cell",
          "pds-checkbox"
        ],
        "pds-checkbox": [
          "pds-icon"
        ]
      }
    },
    {
      "filePath": "src/components/pds-tabs/pds-tabpanel/pds-tabpanel.tsx",
      "encapsulation": "none",
      "tag": "pds-tabpanel",
      "readme": "# pds-tabs\n\n\n",
      "docs": "",
      "docsTags": [],
      "usage": {},
      "props": [
        {
          "name": "name",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "Sets the related tab name, this name must match a `pds-tab`'s tab name property",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "src/components/pds-tabs/pds-tabs.tsx",
      "encapsulation": "shadow",
      "tag": "pds-tabs",
      "readme": "# pds-tabs\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "tabs - Content is placed within the `div[role=\"tablist\"]` element as children"
        },
        {
          "name": "slot",
          "text": "tabpanels - Content is placed directly after the `div[role=\"tablist\"]` element as siblings"
        },
        {
          "name": "part",
          "text": "tab-list - Exposes the container element that holds all the tab buttons for styling."
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "activeTabName",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": true,
          "attr": "active-tab-name",
          "reflectToAttr": false,
          "docs": "Sets the starting active tab name and maintains the name as the component re-renders",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true,
          "getter": false,
          "setter": false
        },
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true,
          "getter": false,
          "setter": false
        },
        {
          "name": "tablistLabel",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "tablist-label",
          "reflectToAttr": false,
          "docs": "Sets the aria-label attached to the tablist element",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true,
          "getter": false,
          "setter": false
        },
        {
          "name": "variant",
          "type": "\"availability\" | \"filter\" | \"pill\" | \"primary\"",
          "complexType": {
            "original": "'primary' | 'availability' | 'filter' | 'pill'",
            "resolved": "\"availability\" | \"filter\" | \"pill\" | \"primary\"",
            "references": {}
          },
          "mutable": false,
          "attr": "variant",
          "reflectToAttr": false,
          "docs": "Sets tabs variant styles as outlined in Figma documentation",
          "docsTags": [],
          "values": [
            {
              "value": "availability",
              "type": "string"
            },
            {
              "value": "filter",
              "type": "string"
            },
            {
              "value": "pill",
              "type": "string"
            },
            {
              "value": "primary",
              "type": "string"
            }
          ],
          "optional": false,
          "required": true,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [
        {
          "event": "pdsTabClick",
          "target": "body",
          "capture": false,
          "passive": false
        },
        {
          "event": "keydown",
          "capture": false,
          "passive": false
        }
      ],
      "styles": [
        {
          "name": "--tabs-dimension-panel-margin-top",
          "annotation": "prop",
          "docs": "Optional margin-top for panels"
        },
        {
          "name": "--tabs-dimension-panel-padding",
          "annotation": "prop",
          "docs": "Optional padding for panels"
        }
      ],
      "slots": [
        {
          "name": "tabpanels",
          "docs": "Content is placed directly after the `div[role=\"tablist\"]` element as siblings"
        },
        {
          "name": "tabs",
          "docs": "Content is placed within the `div[role=\"tablist\"]` element as children"
        }
      ],
      "parts": [
        {
          "name": "tab-list",
          "docs": "Exposes the container element that holds all the tab buttons for styling."
        }
      ],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    },
    {
      "filePath": "src/components/pds-text/pds-text.tsx",
      "encapsulation": "shadow",
      "tag": "pds-text",
      "readme": "# pds-text\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "part",
          "text": "content - The text content container"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "align",
          "type": "\"center\" | \"end\" | \"justify\" | \"start\"",
          "complexType": {
            "original": "'start' | 'center' | 'end' | 'justify'",
            "resolved": "\"center\" | \"end\" | \"justify\" | \"start\"",
            "references": {}
          },
          "mutable": false,
          "attr": "align",
          "reflectToAttr": false,
          "docs": "Sets the text alignment.",
          "docsTags": [],
          "values": [
            {
              "value": "center",
              "type": "string"
            },
            {
              "value": "end",
              "type": "string"
            },
            {
              "value": "justify",
              "type": "string"
            },
            {
              "value": "start",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "color",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "color",
          "reflectToAttr": false,
          "docs": "Sets the text color.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "decoration",
          "type": "\"strikethrough\" | \"underline-dotted\"",
          "complexType": {
            "original": "'strikethrough' | 'underline-dotted'",
            "resolved": "\"strikethrough\" | \"underline-dotted\"",
            "references": {}
          },
          "mutable": false,
          "attr": "decoration",
          "reflectToAttr": false,
          "docs": "Sets the text decoration.",
          "docsTags": [],
          "values": [
            {
              "value": "strikethrough",
              "type": "string"
            },
            {
              "value": "underline-dotted",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "gutter",
          "type": "\"2xl\" | \"2xs\" | \"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
          "complexType": {
            "original": "'2xl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | '2xs'",
            "resolved": "\"2xl\" | \"2xs\" | \"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
            "references": {}
          },
          "mutable": false,
          "attr": "gutter",
          "reflectToAttr": false,
          "docs": "Set the bottom margin for the text.",
          "docsTags": [],
          "values": [
            {
              "value": "2xl",
              "type": "string"
            },
            {
              "value": "2xs",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "italic",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "italic",
          "reflectToAttr": false,
          "docs": "If set or `true`, the text will be italic.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "size",
          "type": "\"2xl\" | \"2xs\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
          "complexType": {
            "original": "| '2xl'\n    | 'xl'\n    | 'lg'\n    | 'md'\n    | 'sm'\n    | 'xs'\n    | '2xs'\n    | 'h1'\n    | 'h2'\n    | 'h3'\n    | 'h4'\n    | 'h5'\n    | 'h6'",
            "resolved": "\"2xl\" | \"2xs\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
            "references": {}
          },
          "mutable": false,
          "attr": "size",
          "reflectToAttr": false,
          "docs": "Sets the font size.",
          "docsTags": [],
          "values": [
            {
              "value": "2xl",
              "type": "string"
            },
            {
              "value": "2xs",
              "type": "string"
            },
            {
              "value": "h1",
              "type": "string"
            },
            {
              "value": "h2",
              "type": "string"
            },
            {
              "value": "h3",
              "type": "string"
            },
            {
              "value": "h4",
              "type": "string"
            },
            {
              "value": "h5",
              "type": "string"
            },
            {
              "value": "h6",
              "type": "string"
            },
            {
              "value": "lg",
              "type": "string"
            },
            {
              "value": "md",
              "type": "string"
            },
            {
              "value": "sm",
              "type": "string"
            },
            {
              "value": "xl",
              "type": "string"
            },
            {
              "value": "xs",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "tag",
          "type": "\"code\" | \"em\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\" | \"pre\" | \"span\" | \"strong\"",
          "complexType": {
            "original": "| 'h1'\n    | 'h2'\n    | 'h3'\n    | 'h4'\n    | 'h5'\n    | 'h6'\n    | 'p'\n    | 'span'\n    | 'code'\n    | 'pre'\n    | 'strong'\n    | 'em'",
            "resolved": "\"code\" | \"em\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\" | \"pre\" | \"span\" | \"strong\"",
            "references": {}
          },
          "mutable": false,
          "attr": "tag",
          "reflectToAttr": false,
          "docs": "Determines what semantic text tag to render.",
          "docsTags": [
            {
              "name": "default",
              "text": "'p'"
            }
          ],
          "default": "'p'",
          "values": [
            {
              "value": "code",
              "type": "string"
            },
            {
              "value": "em",
              "type": "string"
            },
            {
              "value": "h1",
              "type": "string"
            },
            {
              "value": "h2",
              "type": "string"
            },
            {
              "value": "h3",
              "type": "string"
            },
            {
              "value": "h4",
              "type": "string"
            },
            {
              "value": "h5",
              "type": "string"
            },
            {
              "value": "h6",
              "type": "string"
            },
            {
              "value": "p",
              "type": "string"
            },
            {
              "value": "pre",
              "type": "string"
            },
            {
              "value": "span",
              "type": "string"
            },
            {
              "value": "strong",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "truncate",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "truncate",
          "reflectToAttr": true,
          "docs": "If set or `true`, the text will be truncated. Must add a `width` to the element.\nWhen text overflows, a tooltip showing the full text will appear on hover/focus.\nNote: When truncate is enabled, the element automatically receives tabindex=\"0\" for keyboard accessibility.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "weight",
          "type": "\"bold\" | \"extra-light\" | \"light\" | \"medium\" | \"regular\" | \"semibold\"",
          "complexType": {
            "original": "| 'extra-light'\n    | 'light'\n    | 'regular'\n    | 'medium'\n    | 'semibold'\n    | 'bold'",
            "resolved": "\"bold\" | \"extra-light\" | \"light\" | \"medium\" | \"regular\" | \"semibold\"",
            "references": {}
          },
          "mutable": false,
          "attr": "weight",
          "reflectToAttr": false,
          "docs": "Sets the font weight.",
          "docsTags": [],
          "values": [
            {
              "value": "bold",
              "type": "string"
            },
            {
              "value": "extra-light",
              "type": "string"
            },
            {
              "value": "light",
              "type": "string"
            },
            {
              "value": "medium",
              "type": "string"
            },
            {
              "value": "regular",
              "type": "string"
            },
            {
              "value": "semibold",
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "content",
          "docs": "The text content container"
        }
      ],
      "dependents": [
        "pds-alert",
        "pds-multiselect"
      ],
      "dependencies": [],
      "dependencyGraph": {
        "pds-alert": [
          "pds-text"
        ],
        "pds-multiselect": [
          "pds-text"
        ]
      }
    },
    {
      "filePath": "src/components/pds-textarea/pds-textarea.tsx",
      "encapsulation": "shadow",
      "tag": "pds-textarea",
      "readme": "# pds-textarea\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "action - Content to be displayed in the label area, typically for help icons or links"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "autocomplete",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "autocomplete",
          "reflectToAttr": false,
          "docs": "Specifies if and how the browser provides `autocomplete` assistance for the field.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true,
          "getter": false,
          "setter": false
        },
        {
          "name": "debounce",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "debounce",
          "reflectToAttr": false,
          "docs": "The amount of time, in milliseconds, to wait to trigger the event after each keystroke.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "disabled",
          "reflectToAttr": false,
          "docs": "Determines whether or not the textarea is disabled.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "errorMessage",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "error-message",
          "reflectToAttr": false,
          "docs": "Displays an error message below the textarea field.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "helperMessage",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "helper-message",
          "reflectToAttr": false,
          "docs": "Displays a message or hint below the textarea field.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideLabel",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "hide-label",
          "reflectToAttr": false,
          "docs": "Visually hides the label text for instances where only the textarea should be displayed. Label remains accessible to assistive technology such as screen readers.\nNote: When true, the action slot is also hidden to maintain a minimal UI.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "highlight",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "highlight",
          "reflectToAttr": true,
          "docs": "Applies highlight styling to the textarea field.",
          "docsTags": [],
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "invalid",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": true,
          "attr": "invalid",
          "reflectToAttr": false,
          "docs": "Determines whether or not the textarea is invalid or throws an error.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "label",
          "reflectToAttr": false,
          "docs": "Text to be displayed as the textarea label.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "maxLength",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "max-length",
          "reflectToAttr": true,
          "docs": "Specifies the maximum number of characters allowed in the textarea. When set, displays a character counter.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "name",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "name",
          "reflectToAttr": false,
          "docs": "Specifies the name. Submitted with the form name/value pair. This value will mirror the componentId.",
          "docsTags": [
            {
              "name": "default",
              "text": "this.componentId"
            }
          ],
          "default": "this.componentId",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "placeholder",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "placeholder",
          "reflectToAttr": false,
          "docs": "Specifies a short hint that describes the expected value of the textarea.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "readonly",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "readonly",
          "reflectToAttr": false,
          "docs": "Determines whether or not the textarea is readonly.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "required",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "required",
          "reflectToAttr": false,
          "docs": "Determines whether or not the textarea is required.",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "rows",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "rows",
          "reflectToAttr": false,
          "docs": "Sets number of rows of text visible without needing to scroll in the textarea.",
          "docsTags": [],
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "string",
          "complexType": {
            "original": "string | null",
            "resolved": "string",
            "references": {}
          },
          "mutable": true,
          "attr": "value",
          "reflectToAttr": false,
          "docs": "The value of the textarea.",
          "docsTags": [
            {
              "name": "default",
              "text": "''"
            }
          ],
          "default": "''",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [
        {
          "name": "setFocus",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "setFocus() => Promise<void>",
          "parameters": [],
          "docs": "Sets focus on the native `textarea` in the `pds-textarea`. Use this method instead of the global\n`textarea.focus()`.",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "pdsBlur",
          "detail": "FocusEvent",
          "bubbles": true,
          "complexType": {
            "original": "FocusEvent",
            "resolved": "FocusEvent",
            "references": {
              "FocusEvent": {
                "location": "global",
                "id": "global::FocusEvent"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the input loses focus.",
          "docsTags": []
        },
        {
          "event": "pdsFocus",
          "detail": "FocusEvent",
          "bubbles": true,
          "complexType": {
            "original": "FocusEvent",
            "resolved": "FocusEvent",
            "references": {
              "FocusEvent": {
                "location": "global",
                "id": "global::FocusEvent"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when the input has focus.",
          "docsTags": []
        },
        {
          "event": "pdsInput",
          "detail": "TextareaInputEventDetail",
          "bubbles": true,
          "complexType": {
            "original": "TextareaInputEventDetail",
            "resolved": "TextareaInputEventDetail",
            "references": {
              "TextareaInputEventDetail": {
                "location": "import",
                "path": "./textarea-interface",
                "id": "src/components/pds-textarea/textarea-interface.ts::TextareaInputEventDetail"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when a keyboard input occurs.\n\nFor elements that accept text input (`type=text`, `type=tel`, etc.), the interface\nis [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent); for others,\nthe interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If\nthe input is cleared on edit, the type is `null`.",
          "docsTags": []
        },
        {
          "event": "pdsKeyDown",
          "detail": "KeyboardEvent",
          "bubbles": true,
          "complexType": {
            "original": "KeyboardEvent",
            "resolved": "KeyboardEvent",
            "references": {
              "KeyboardEvent": {
                "location": "global",
                "id": "global::KeyboardEvent"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Emitted when a key is pressed down in the textarea.",
          "docsTags": []
        },
        {
          "event": "pdsTextareaChange",
          "detail": "TextareaChangeEventDetail",
          "bubbles": true,
          "complexType": {
            "original": "TextareaChangeEventDetail",
            "resolved": "TextareaChangeEventDetail",
            "references": {
              "TextareaChangeEventDetail": {
                "location": "import",
                "path": "./textarea-interface",
                "id": "src/components/pds-textarea/textarea-interface.ts::TextareaChangeEventDetail"
              }
            }
          },
          "cancelable": true,
          "composed": true,
          "docs": "Event emitted whenever the value of the textarea changes.\n\nThis event will not emit when programmatically setting the `value` property.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "action",
          "docs": "Content to be displayed in the label area, typically for help icons or links"
        }
      ],
      "parts": [
        {
          "name": "action",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [
        "pds-icon"
      ],
      "dependencyGraph": {
        "pds-textarea": [
          "pds-icon"
        ]
      }
    },
    {
      "filePath": "src/components/pds-toast/pds-toast.tsx",
      "encapsulation": "shadow",
      "tag": "pds-toast",
      "readme": "# pds-toast\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "part",
          "text": "dismiss"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": true,
          "getter": false,
          "setter": false
        },
        {
          "name": "dismissible",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "dismissible",
          "reflectToAttr": false,
          "docs": "Whether the toast can be dismissed manually via the close button.\nNote: This only controls manual dismissal. Auto-dismissal via duration still applies.",
          "docsTags": [
            {
              "name": "default",
              "text": "true"
            }
          ],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "duration",
          "type": "number",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "mutable": false,
          "attr": "duration",
          "reflectToAttr": false,
          "docs": "The duration in milliseconds to show the toast before auto-dismissing.\nSet to 0 to disable auto-dismiss.",
          "docsTags": [
            {
              "name": "default",
              "text": "4500"
            }
          ],
          "default": "4500",
          "values": [
            {
              "type": "number"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "icon",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "icon",
          "reflectToAttr": false,
          "docs": "The name of the icon to display in the toast.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": true,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "type",
          "type": "\"danger\" | \"default\" | \"loading\"",
          "complexType": {
            "original": "'default' | 'danger' | 'loading'",
            "resolved": "\"danger\" | \"default\" | \"loading\"",
            "references": {}
          },
          "mutable": false,
          "attr": "type",
          "reflectToAttr": false,
          "docs": "The type of toast to display.\n- default: Grey background (default)\n- danger: Red background\n- loading: With spinner animation",
          "docsTags": [
            {
              "name": "default",
              "text": "'default'"
            }
          ],
          "default": "'default'",
          "values": [
            {
              "value": "danger",
              "type": "string"
            },
            {
              "value": "default",
              "type": "string"
            },
            {
              "value": "loading",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [
        {
          "name": "dismiss",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "dismiss() => Promise<void>",
          "parameters": [],
          "docs": "",
          "docsTags": []
        }
      ],
      "events": [
        {
          "event": "pdsToastDismissed",
          "detail": "{ componentId?: string; }",
          "bubbles": true,
          "complexType": {
            "original": "{ componentId?: string }",
            "resolved": "{ componentId?: string; }",
            "references": {}
          },
          "cancelable": true,
          "composed": true,
          "docs": "Event emitted when the toast is dismissed, either manually or automatically.",
          "docsTags": []
        }
      ],
      "listeners": [],
      "styles": [],
      "slots": [],
      "parts": [
        {
          "name": "dismiss",
          "docs": ""
        }
      ],
      "dependents": [],
      "dependencies": [
        "pds-icon"
      ],
      "dependencyGraph": {
        "pds-toast": [
          "pds-icon"
        ]
      }
    },
    {
      "filePath": "src/components/pds-tooltip/pds-tooltip.tsx",
      "encapsulation": "none",
      "tag": "pds-tooltip",
      "readme": "# pds-tooltip\n\n\n",
      "docs": "",
      "docsTags": [
        {
          "name": "slot",
          "text": "(default) - The tooltip's target element"
        },
        {
          "name": "slot",
          "text": "content - HTML content for the tooltip"
        }
      ],
      "usage": {},
      "props": [
        {
          "name": "componentId",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "component-id",
          "reflectToAttr": false,
          "docs": "A unique identifier used for the underlying component `id` attribute.",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "content",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "content",
          "reflectToAttr": false,
          "docs": "Content for the tooltip. If HTML is required, use the content slot",
          "docsTags": [],
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hasArrow",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "has-arrow",
          "reflectToAttr": false,
          "docs": "Determines whether or not the tooltip has an arrow",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "true"
            }
          ],
          "default": "true",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "htmlContent",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": false,
          "attr": "html-content",
          "reflectToAttr": false,
          "docs": "Enable this option when using the content slot",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "maxWidth",
          "type": "string",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "mutable": false,
          "attr": "max-width",
          "reflectToAttr": false,
          "docs": "Sets the maximum width of the tooltip content",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "\"352px\""
            }
          ],
          "default": "'352px'",
          "values": [
            {
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "opened",
          "type": "boolean",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "mutable": true,
          "attr": "opened",
          "reflectToAttr": true,
          "docs": "Determines whether or not the tooltip is visible",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "false"
            }
          ],
          "default": "false",
          "values": [
            {
              "type": "boolean"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "placement",
          "type": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
          "complexType": {
            "original": "PlacementType",
            "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
            "references": {
              "PlacementType": {
                "location": "import",
                "path": "@utils/types",
                "id": "src/utils/types.ts::PlacementType"
              }
            }
          },
          "mutable": false,
          "attr": "placement",
          "reflectToAttr": true,
          "docs": "Determines the preferred position of the tooltip",
          "docsTags": [
            {
              "name": "defaultValue",
              "text": "\"right\""
            }
          ],
          "default": "'right'",
          "values": [
            {
              "value": "bottom",
              "type": "string"
            },
            {
              "value": "bottom-end",
              "type": "string"
            },
            {
              "value": "bottom-start",
              "type": "string"
            },
            {
              "value": "left",
              "type": "string"
            },
            {
              "value": "left-end",
              "type": "string"
            },
            {
              "value": "left-start",
              "type": "string"
            },
            {
              "value": "right",
              "type": "string"
            },
            {
              "value": "right-end",
              "type": "string"
            },
            {
              "value": "right-start",
              "type": "string"
            },
            {
              "value": "top",
              "type": "string"
            },
            {
              "value": "top-end",
              "type": "string"
            },
            {
              "value": "top-start",
              "type": "string"
            }
          ],
          "optional": false,
          "required": false,
          "getter": false,
          "setter": false
        }
      ],
      "methods": [
        {
          "name": "hideTooltip",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "hideTooltip() => Promise<void>",
          "parameters": [],
          "docs": "Hides the tooltip by disabling the opened property",
          "docsTags": []
        },
        {
          "name": "showTooltip",
          "returns": {
            "type": "Promise<void>",
            "docs": ""
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "signature": "showTooltip() => Promise<void>",
          "parameters": [],
          "docs": "Shows the tooltip by enabling the opened property",
          "docsTags": []
        }
      ],
      "events": [],
      "listeners": [],
      "styles": [],
      "slots": [
        {
          "name": "(default)",
          "docs": "The tooltip's target element"
        },
        {
          "name": "content",
          "docs": "HTML content for the tooltip"
        }
      ],
      "parts": [],
      "dependents": [],
      "dependencies": [],
      "dependencyGraph": {}
    }
  ],
  "typeLibrary": {
    "src/utils/types.ts::BoxSpacingType": {
      "declaration": "export type BoxSpacingType =\n  'none'\n  | 'xxs'\n  | 'xs'\n  | 'sm'\n  | 'md'\n  | 'lg'\n  | 'xl'\n  | 'xxl'\n  | '025'\n  | '050'\n  | '100'\n  | '125'\n  | '150'\n  | '200'\n  | '250'\n  | '300'\n  | '350'\n  | '400'\n  | '450'\n  | '500'\n  | '550'\n  | '600'\n  | '650'\n  | '700'\n  | '750'\n  | '800';",
      "docstring": "",
      "path": "src/utils/types.ts"
    },
    "src/utils/types.ts::BoxColumnType": {
      "declaration": "export type BoxColumnType =\n  '0'\n  | '1'\n  | '2'\n  | '3'\n  | '4'\n  | '5'\n  | '6'\n  | '7'\n  | '8'\n  | '9'\n  | '10'\n  | '11'\n  | '12';",
      "docstring": "",
      "path": "src/utils/types.ts"
    },
    "src/utils/types.ts::BoxShadowSizeType": {
      "declaration": "export type BoxShadowSizeType =\n  'none'\n  | '050'\n  | '100'\n  | '150'\n  | '200'\n  | '300'\n  | '400'\n  | '500'",
      "docstring": "",
      "path": "src/utils/types.ts"
    },
    "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts::Event": {
      "declaration": "any",
      "docstring": "",
      "path": "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts"
    },
    "src/components/pds-checkbox/checkbox-interface.ts::CheckboxChangeEventDetail": {
      "declaration": "export interface CheckboxChangeEventDetail<T = any> {\n  checked: boolean;\n  value: T;\n}",
      "docstring": "",
      "path": "src/components/pds-checkbox/checkbox-interface.ts"
    },
    "src/utils/types.ts::ChipSizeType": {
      "declaration": "export type ChipSizeType =\n  'sm'\n  | 'md'\n  | 'lg';",
      "docstring": "",
      "path": "src/utils/types.ts"
    },
    "src/utils/types.ts::ChipSentimentType": {
      "declaration": "export type ChipSentimentType =\n  'accent'\n  | 'brand'\n  | 'danger'\n  | 'info'\n  | 'neutral'\n  | 'success'\n  | 'warning';",
      "docstring": "",
      "path": "src/utils/types.ts"
    },
    "src/utils/types.ts::ChipVariantType": {
      "declaration": "export type ChipVariantType =\n  'text'\n  | 'tag'\n  | 'dropdown';",
      "docstring": "",
      "path": "src/utils/types.ts"
    },
    "src/components/pds-combobox/combobox-interface.ts::ComboboxOption": {
      "declaration": "export interface ComboboxOption {\n  id: string | number;\n  text: string;\n  [key: string]: unknown;\n}",
      "docstring": "",
      "path": "src/components/pds-combobox/combobox-interface.ts"
    },
    "src/components/pds-combobox/combobox-interface.ts::ComboboxSearchEventDetail": {
      "declaration": "export interface ComboboxSearchEventDetail {\n  query: string;\n}",
      "docstring": "",
      "path": "src/components/pds-combobox/combobox-interface.ts"
    },
    "src/components/pds-combobox/combobox-interface.ts::ComboboxLoadOptionsEventDetail": {
      "declaration": "export interface ComboboxLoadOptionsEventDetail {\n  query: string;\n  page: number;\n}",
      "docstring": "",
      "path": "src/components/pds-combobox/combobox-interface.ts"
    },
    "src/utils/types.ts::PlacementType": {
      "declaration": "export type PlacementType =\n  | 'top-start'\n  | 'top'\n  | 'top-end'\n  | 'left-start'\n  | 'left'\n  | 'left-end'\n  | 'right-start'\n  | 'right'\n  | 'right-end'\n  | 'bottom-start'\n  | 'bottom'\n  | 'bottom-end';",
      "docstring": "",
      "path": "src/utils/types.ts"
    },
    "src/components/pds-filters/pds-filter/filter-interface.ts::PdsFilterVariant": {
      "declaration": "export type PdsFilterVariant = 'default' | 'selected' | 'more' | 'clear';",
      "docstring": "",
      "path": "src/components/pds-filters/pds-filter/filter-interface.ts"
    },
    "src/components/pds-filters/pds-filter/filter-interface.ts::PdsFilterOpenEventDetail": {
      "declaration": "export interface PdsFilterOpenEventDetail {\n  componentId: string;\n  variant: PdsFilterVariant;\n  text?: string;\n}",
      "docstring": "",
      "path": "src/components/pds-filters/pds-filter/filter-interface.ts"
    },
    "src/components/pds-filters/pds-filter/filter-interface.ts::PdsFilterCloseEventDetail": {
      "declaration": "export interface PdsFilterCloseEventDetail {\n  componentId: string;\n  variant: PdsFilterVariant;\n  text?: string;\n}",
      "docstring": "",
      "path": "src/components/pds-filters/pds-filter/filter-interface.ts"
    },
    "src/components/pds-filters/pds-filter/filter-interface.ts::PdsFilterClearEventDetail": {
      "declaration": "export interface PdsFilterClearEventDetail {\n  componentId: string;\n  text?: string;\n}",
      "docstring": "",
      "path": "src/components/pds-filters/pds-filter/filter-interface.ts"
    },
    "src/components/pds-input/input-interface.ts::InputChangeEventDetail": {
      "declaration": "export interface InputChangeEventDetail {\n  value?: string | number | null;\n  event?: Event;\n}",
      "docstring": "",
      "path": "src/components/pds-input/input-interface.ts"
    },
    "src/components/pds-input/input-interface.ts::InputInputEventDetail": {
      "declaration": "export interface InputInputEventDetail {\n  value?: string | number | null;\n  event?: Event;\n}",
      "docstring": "",
      "path": "src/components/pds-input/input-interface.ts"
    },
    "src/components/pds-multiselect/multiselect-interface.ts::MultiselectOption": {
      "declaration": "export interface MultiselectOption {\n  id: string | number;\n  text: string;\n  /** When `true`, the option is rendered as non-interactive and cannot be selected. */\n  disabled?: boolean;\n  /**\n   * Optional section label for grouped rendering (with `options` prop or parsed slots).\n   * Options that share a `group` value must be contiguous in the array; non-contiguous\n   * rows with the same label produce separate headers (mirrors native `<optgroup>`).\n   */\n  group?: string;\n  isCreateOption?: boolean;\n  [key: string]: unknown;\n}",
      "docstring": "",
      "path": "src/components/pds-multiselect/multiselect-interface.ts"
    },
    "src/components/pds-multiselect/multiselect-interface.ts::MultiselectChangeEventDetail": {
      "declaration": "export interface MultiselectChangeEventDetail {\n  values: string[];\n  items: MultiselectOption[];\n}",
      "docstring": "",
      "path": "src/components/pds-multiselect/multiselect-interface.ts"
    },
    "src/components/pds-multiselect/multiselect-interface.ts::MultiselectSearchEventDetail": {
      "declaration": "export interface MultiselectSearchEventDetail {\n  query: string;\n}",
      "docstring": "",
      "path": "src/components/pds-multiselect/multiselect-interface.ts"
    },
    "src/components/pds-multiselect/multiselect-interface.ts::MultiselectLoadOptionsEventDetail": {
      "declaration": "export interface MultiselectLoadOptionsEventDetail {\n  query: string;\n  page: number;\n}",
      "docstring": "",
      "path": "src/components/pds-multiselect/multiselect-interface.ts"
    },
    "src/components/pds-multiselect/multiselect-interface.ts::MultiselectCreateEventDetail": {
      "declaration": "export interface MultiselectCreateEventDetail {\n  query: string;\n  newOption: MultiselectOption;\n}",
      "docstring": "",
      "path": "src/components/pds-multiselect/multiselect-interface.ts"
    },
    "src/components/pds-popover/popover-interface.ts::PdsPopoverEventDetail": {
      "declaration": "export interface PdsPopoverEventDetail {\n  componentId: string;\n  popoverType: 'auto' | 'manual';\n}",
      "docstring": "",
      "path": "src/components/pds-popover/popover-interface.ts"
    },
    "src/components/pds-radio-group/radio-group-interface.ts::RadioGroupChangeEventDetail": {
      "declaration": "export interface RadioGroupChangeEventDetail {\n  checked: boolean;\n  value?: string;\n  componentId?: string;\n}",
      "docstring": "",
      "path": "src/components/pds-radio-group/radio-group-interface.ts"
    },
    "../../node_modules/@types/sortablejs/index.d.ts::SortableEvent": {
      "declaration": "any",
      "docstring": "",
      "path": "../../node_modules/@types/sortablejs/index.d.ts"
    },
    "src/components/pds-textarea/textarea-interface.ts::TextareaInputEventDetail": {
      "declaration": "export interface TextareaInputEventDetail {\n  event?: Event;\n  value?: string | null;\n}",
      "docstring": "",
      "path": "src/components/pds-textarea/textarea-interface.ts"
    },
    "src/components/pds-textarea/textarea-interface.ts::TextareaChangeEventDetail": {
      "declaration": "export interface TextareaChangeEventDetail {\n  event?: Event;\n  value?: string | null;\n}",
      "docstring": "",
      "path": "src/components/pds-textarea/textarea-interface.ts"
    }
  }
}