placer-toolkit 1.0.0-alpha.2 → 1.0.0-alpha.3

package/dist/custom-elements.json

@@ -2,6 +2,141 @@
   "schemaVersion": "1.0.0",
   "readme": "",
   "modules": [
+    {
+      "kind": "javascript-module",
+      "path": ".js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "PcBadge",
+          "cssParts": [
+            {
+              "description": "The component’s base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The badge’s content.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "| \"primary\"\n        | \"success\"\n        | \"neutral\"\n        | \"warning\"\n        | \"danger\""
+              },
+              "default": "\"primary\"",
+              "description": "The badge’s appearance.",
+              "attribute": "appearance",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "\"accent\" | \"filled\" | \"outlined\""
+              },
+              "default": "\"accent\"",
+              "description": "The badge’s variant.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "rounded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Gives the badge a rounded rectangle shape.",
+              "attribute": "rounded",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "pulse",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the badge pulsate to draw attention.",
+              "attribute": "pulse",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "appearance",
+              "type": {
+                "text": "| \"primary\"\n        | \"success\"\n        | \"neutral\"\n        | \"warning\"\n        | \"danger\""
+              },
+              "default": "\"primary\"",
+              "description": "The badge’s appearance.",
+              "fieldName": "appearance"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "\"accent\" | \"filled\" | \"outlined\""
+              },
+              "default": "\"accent\"",
+              "description": "The badge’s variant.",
+              "fieldName": "variant"
+            },
+            {
+              "name": "rounded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Gives the badge a rounded rectangle shape.",
+              "fieldName": "rounded"
+            },
+            {
+              "name": "pulse",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the badge pulsate to draw attention.",
+              "fieldName": "pulse"
+            }
+          ],
+          "superclass": {
+            "name": "PlacerElement",
+            "module": "/src/internal/placer-element.js"
+          },
+          "summary": "Badges are used to draw attention and display statuses or counts.",
+          "jsDoc": "/**\n * @summary Badges are used to draw attention and display statuses or counts.\n * @status experimental\n * @since 0.1.0\n *\n * @slot - The badge’s content.\n *\n * @csspart base - The component’s base wrapper.\n */",
+          "status": "experimental",
+          "since": "0.1.0",
+          "tagName": "pc-badge",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "PcBadge",
+          "declaration": {
+            "name": "PcBadge",
+            "module": ".js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "pc-badge",
+          "declaration": {
+            "name": "PcBadge",
+            "module": ".js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": ".js",
@@ -202,222 +337,87 @@
         {
           "kind": "class",
           "description": "",
-          "name": "PcBadge",
-          "cssParts": [
-            {
-              "description": "The component’s base wrapper.",
-              "name": "base"
-            }
-          ],
+          "name": "PcAnimation",
           "slots": [
             {
-              "description": "The badge’s content.",
+              "description": "The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple `<pc-animation>` elements.",
               "name": ""
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "appearance",
+              "name": "animation",
               "type": {
-                "text": "| \"primary\"\n        | \"success\"\n        | \"neutral\"\n        | \"warning\"\n        | \"danger\""
+                "text": "Animation | undefined"
               },
-              "default": "\"primary\"",
-              "description": "The badge’s appearance.",
-              "attribute": "appearance",
-              "reflects": true
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "hasStarted",
               "type": {
-                "text": "\"accent\" | \"filled\" | \"outlined\""
+                "text": "boolean"
               },
-              "default": "\"accent\"",
-              "description": "The badge’s variant.",
-              "attribute": "variant",
-              "reflects": true
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "rounded",
+              "name": "name",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Gives the badge a rounded rectangle shape.",
-              "attribute": "rounded",
-              "reflects": true
+              "default": "\"none\"",
+              "description": "The name of the built‐in animation to use. For custom animations, use the `keyframes` prop.",
+              "attribute": "name"
             },
             {
               "kind": "field",
-              "name": "pulse",
+              "name": "play",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Makes the badge pulsate to draw attention.",
-              "attribute": "pulse",
+              "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when the animation finishes or gets cancelled.",
+              "attribute": "play",
               "reflects": true
-            }
-          ],
-          "attributes": [
+            },
             {
-              "name": "appearance",
+              "kind": "field",
+              "name": "delay",
               "type": {
-                "text": "| \"primary\"\n        | \"success\"\n        | \"neutral\"\n        | \"warning\"\n        | \"danger\""
+                "text": "number"
               },
-              "default": "\"primary\"",
-              "description": "The badge’s appearance.",
-              "fieldName": "appearance"
+              "default": "0",
+              "description": "The number of milliseconds to delay the start of the animation.",
+              "attribute": "delay"
             },
             {
-              "name": "variant",
+              "kind": "field",
+              "name": "direction",
               "type": {
-                "text": "\"accent\" | \"filled\" | \"outlined\""
+                "text": "PlaybackDirection"
               },
-              "default": "\"accent\"",
-              "description": "The badge’s variant.",
-              "fieldName": "variant"
+              "default": "\"normal\"",
+              "description": "Determines the direction of playback as well as the behaviour when reaching the end of an iteration. Learn more about the CSS [`animation-direction`](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction) property.",
+              "attribute": "direction"
             },
             {
-              "name": "rounded",
+              "kind": "field",
+              "name": "duration",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Gives the badge a rounded rectangle shape.",
-              "fieldName": "rounded"
+              "default": "1000",
+              "description": "The number of milliseconds each iteration of the animation takes to complete.",
+              "attribute": "duration"
             },
             {
-              "name": "pulse",
+              "kind": "field",
+              "name": "easing",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Makes the badge pulsate to draw attention.",
-              "fieldName": "pulse"
-            }
-          ],
-          "superclass": {
-            "name": "PlacerElement",
-            "module": "/src/internal/placer-element.js"
-          },
-          "summary": "Badges are used to draw attention and display statuses or counts.",
-          "jsDoc": "/**\n * @summary Badges are used to draw attention and display statuses or counts.\n * @status experimental\n * @since 0.1.0\n *\n * @slot - The badge’s content.\n *\n * @csspart base - The component’s base wrapper.\n */",
-          "status": "experimental",
-          "since": "0.1.0",
-          "tagName": "pc-badge",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "PcBadge",
-          "declaration": {
-            "name": "PcBadge",
-            "module": ".js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "pc-badge",
-          "declaration": {
-            "name": "PcBadge",
-            "module": ".js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": ".js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "PcAnimation",
-          "slots": [
-            {
-              "description": "The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple `<pc-animation>` elements.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "animation",
-              "type": {
-                "text": "Animation | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "hasStarted",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"none\"",
-              "description": "The name of the built‐in animation to use. For custom animations, use the `keyframes` prop.",
-              "attribute": "name"
-            },
-            {
-              "kind": "field",
-              "name": "play",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when the animation finishes or gets cancelled.",
-              "attribute": "play",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "delay",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The number of milliseconds to delay the start of the animation.",
-              "attribute": "delay"
-            },
-            {
-              "kind": "field",
-              "name": "direction",
-              "type": {
-                "text": "PlaybackDirection"
-              },
-              "default": "\"normal\"",
-              "description": "Determines the direction of playback as well as the behaviour when reaching the end of an iteration. Learn more about the CSS [`animation-direction`](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction) property.",
-              "attribute": "direction"
-            },
-            {
-              "kind": "field",
-              "name": "duration",
-              "type": {
-                "text": "number"
-              },
-              "default": "1000",
-              "description": "The number of milliseconds each iteration of the animation takes to complete.",
-              "attribute": "duration"
-            },
-            {
-              "kind": "field",
-              "name": "easing",
-              "type": {
-                "text": "string"
+                "text": "string"
               },
               "default": "\"ease-in-out\"",
               "description": "The easing function to use for the animation. This can be an easing function name like `easeInSine` or a custom easing function like `cubic-bezier(0.12, 0, 0.39, 0)`.",
@@ -1392,6 +1392,123 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": ".js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "PcCard",
+          "cssProperties": [
+            {
+              "name": "--spacing",
+              "description": "The amount of space around and between sections of the card.",
+              "default": "var(--pc-spacing-l)"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component’s base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The container that wraps the card’s media.",
+              "name": "media"
+            },
+            {
+              "description": "The container that wraps the card’s header.",
+              "name": "header"
+            },
+            {
+              "description": "The container that wraps the card’s main content.",
+              "name": "body"
+            },
+            {
+              "description": "The container that wraps the card’s footer.",
+              "name": "footer"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The card’s main content.",
+              "name": ""
+            },
+            {
+              "description": "An optional media section to render at the start of the card.",
+              "name": "media"
+            },
+            {
+              "description": "An optional header for the card.",
+              "name": "header"
+            },
+            {
+              "description": "An optional footer for the card.",
+              "name": "footer"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController( this, \"media\", \"header\", \"footer\", )"
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "| \"accent\"\n        | \"filled\"\n        | \"outlined\"\n        | \"plain\""
+              },
+              "default": "\"outlined\"",
+              "description": "The card’s variant.",
+              "attribute": "variant",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "| \"accent\"\n        | \"filled\"\n        | \"outlined\"\n        | \"plain\""
+              },
+              "default": "\"outlined\"",
+              "description": "The card’s variant.",
+              "fieldName": "variant"
+            }
+          ],
+          "superclass": {
+            "name": "PlacerElement",
+            "module": "/src/internal/placer-element.js"
+          },
+          "summary": "Cards can be used to group related subjects in a container.",
+          "jsDoc": "/**\n * @summary Cards can be used to group related subjects in a container.\n * @status experimental\n * @since 0.1.0\n *\n * @slot - The card’s main content.\n * @slot media - An optional media section to render at the start of the card.\n * @slot header - An optional header for the card.\n * @slot footer - An optional footer for the card.\n *\n * @csspart base - The component’s base wrapper.\n * @csspart media - The container that wraps the card’s media.\n * @csspart header - The container that wraps the card’s header.\n * @csspart body - The container that wraps the card’s main content.\n * @csspart footer - The container that wraps the card’s footer.\n *\n * @cssproperty --spacing: var(--pc-spacing-l) - The amount of space around and between sections of the card.\n */",
+          "status": "experimental",
+          "since": "0.1.0",
+          "tagName": "pc-card",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "PcCard",
+          "declaration": {
+            "name": "PcCard",
+            "module": ".js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "pc-card",
+          "declaration": {
+            "name": "PcCard",
+            "module": ".js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": ".js",
@@ -1526,159 +1643,42 @@
         {
           "kind": "class",
           "description": "",
-          "name": "PcCard",
-          "cssProperties": [
-            {
-              "name": "--spacing",
-              "description": "The amount of space around and between sections of the card.",
-              "default": "var(--pc-spacing-l)"
-            }
-          ],
+          "name": "PcCheckbox",
           "cssParts": [
             {
               "description": "The component’s base wrapper.",
               "name": "base"
             },
             {
-              "description": "The container that wraps the card’s media.",
-              "name": "media"
+              "description": "The container that wraps the checkbox’s state.",
+              "name": "control"
             },
             {
-              "description": "The container that wraps the card’s header.",
-              "name": "header"
+              "description": "Matches the `control` part when the checkbox is checked.",
+              "name": "checkbox-checked"
             },
             {
-              "description": "The container that wraps the card’s main content.",
-              "name": "body"
+              "description": "Matches the `control` part when the checkbox is indeterminate.",
+              "name": "checkbox-indeterminate"
             },
             {
-              "description": "The container that wraps the card’s footer.",
-              "name": "footer"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The card’s main content.",
-              "name": ""
+              "description": "The checked icon, a `<pc-icon>` element.",
+              "name": "icon-checked"
             },
             {
-              "description": "An optional media section to render at the start of the card.",
-              "name": "media"
+              "description": "The indeterminate icon, a `<pc-icon>` element.",
+              "name": "icon-indeterminate"
             },
             {
-              "description": "An optional header for the card.",
-              "name": "header"
+              "description": "The container that wraps the checkbox’s label.",
+              "name": "label"
             },
             {
-              "description": "An optional footer for the card.",
-              "name": "footer"
+              "description": "The container that wraps the checkbox’s hint.",
+              "name": "hint"
             }
           ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController( this, \"media\", \"header\", \"footer\", )"
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "| \"accent\"\n        | \"filled\"\n        | \"outlined\"\n        | \"plain\""
-              },
-              "default": "\"outlined\"",
-              "description": "The card’s variant.",
-              "attribute": "variant",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "| \"accent\"\n        | \"filled\"\n        | \"outlined\"\n        | \"plain\""
-              },
-              "default": "\"outlined\"",
-              "description": "The card’s variant.",
-              "fieldName": "variant"
-            }
-          ],
-          "superclass": {
-            "name": "PlacerElement",
-            "module": "/src/internal/placer-element.js"
-          },
-          "summary": "Cards can be used to group related subjects in a container.",
-          "jsDoc": "/**\n * @summary Cards can be used to group related subjects in a container.\n * @status experimental\n * @since 0.1.0\n *\n * @slot - The card’s main content.\n * @slot media - An optional media section to render at the start of the card.\n * @slot header - An optional header for the card.\n * @slot footer - An optional footer for the card.\n *\n * @csspart base - The component’s base wrapper.\n * @csspart media - The container that wraps the card’s media.\n * @csspart header - The container that wraps the card’s header.\n * @csspart body - The container that wraps the card’s main content.\n * @csspart footer - The container that wraps the card’s footer.\n *\n * @cssproperty --spacing: var(--pc-spacing-l) - The amount of space around and between sections of the card.\n */",
-          "status": "experimental",
-          "since": "0.1.0",
-          "tagName": "pc-card",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "PcCard",
-          "declaration": {
-            "name": "PcCard",
-            "module": ".js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "pc-card",
-          "declaration": {
-            "name": "PcCard",
-            "module": ".js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": ".js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "PcCheckbox",
-          "cssParts": [
-            {
-              "description": "The component’s base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The container that wraps the checkbox’s state.",
-              "name": "control"
-            },
-            {
-              "description": "Matches the `control` part when the checkbox is checked.",
-              "name": "checkbox-checked"
-            },
-            {
-              "description": "Matches the `control` part when the checkbox is indeterminate.",
-              "name": "checkbox-indeterminate"
-            },
-            {
-              "description": "The checked icon, a `<pc-icon>` element.",
-              "name": "icon-checked"
-            },
-            {
-              "description": "The indeterminate icon, a `<pc-icon>` element.",
-              "name": "icon-indeterminate"
-            },
-            {
-              "description": "The container that wraps the checkbox’s label.",
-              "name": "label"
-            },
-            {
-              "description": "The container that wraps the checkbox’s hint.",
-              "name": "hint"
-            }
-          ],
-          "slots": [
+          "slots": [
             {
               "description": "The checkbox’s label.",
               "name": ""
@@ -5739,261 +5739,238 @@
         {
           "kind": "class",
           "description": "",
-          "name": "PcFormatNumber",
-          "members": [
+          "name": "PcIcon",
+          "cssProperties": [
             {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
+              "name": "--fa-primary-color",
+              "description": "The primary colour for the primary layer in duotone icons.",
+              "default": "currentColor"
             },
             {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The number to format.",
-              "attribute": "value"
+              "name": "--fa-secondary-color",
+              "description": "The secondary colour for the secondary layer in duotone icons.",
+              "default": "currentColor"
             },
             {
-              "kind": "field",
-              "name": "type",
-              "type": {
-                "text": "\"currency\" | \"decimal\" | \"percent\""
-              },
-              "default": "\"decimal\"",
-              "description": "The formatting style to use.",
-              "attribute": "type"
+              "name": "--fa-primary-opacity",
+              "description": "The primary opacity for the primary layer in duotone icons.",
+              "default": "1"
             },
             {
-              "kind": "field",
-              "name": "withoutGrouping",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Turns off grouping separators.",
-              "attribute": "without-grouping"
+              "name": "--fa-secondary-opacity",
+              "description": "The secondary opacity for the secondary layer in duotone icons.",
+              "default": "0.4"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component’s internal SVG element.",
+              "name": "svg"
             },
+            {
+              "description": "The `<use>` element generated when using `spriteSheet: true`.",
+              "name": "use"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "currency",
+              "name": "svg",
               "type": {
-                "text": "string"
+                "text": "SVGElement | HTMLTemplateResult | null"
               },
-              "default": "\"USD\"",
-              "description": "The [ISO 4217](https://en.wikipedia.org/wiki/ISO_4217) currency code to use when formatting.",
-              "attribute": "currency"
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "currencyDisplay",
+              "name": "name",
               "type": {
-                "text": "| \"symbol\"\n        | \"narrowSymbol\"\n        | \"code\"\n        | \"name\""
+                "text": "string | undefined"
               },
-              "default": "\"symbol\"",
-              "description": "Specifies how to display the currency.",
-              "attribute": "currency-display"
+              "description": "The name of the icon to render. Available names depend on the icon library being used.",
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "minimumIntegerDigits",
+              "name": "iconStyle",
               "type": {
-                "text": "number | undefined"
+                "text": "string"
               },
-              "description": "The minimum number of integer digits to use. Possible values are 1–21.",
-              "attribute": "minimum-integer-digits"
+              "default": "\"solid\"",
+              "description": "The icon style to use for the icon. If not configured, this only works for the default icon library.",
+              "attribute": "icon-style",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "minimumFractionDigits",
+              "name": "autoWidth",
               "type": {
-                "text": "number | undefined"
+                "text": "boolean"
               },
-              "description": "The minimum number of fraction digits to use. Possible values are 0–100.",
-              "attribute": "minimum-fraction-digits"
+              "default": "false",
+              "description": "Sets the width of the icon to match the cropped SVG viewBox. This operates like the Font Awesome `fa-width-auto` class.",
+              "attribute": "auto-width",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "maximumFractionDigits",
+              "name": "swapOpacity",
               "type": {
-                "text": "number | undefined"
+                "text": "boolean"
               },
-              "description": "The maximum number of fraction digits to use. Possible values are 0–100.",
-              "attribute": "maximum-fraction-digits"
+              "default": "false",
+              "description": "Swaps the opacity of duotone icons. Has no effect on custom icon libraries.",
+              "attribute": "swap-opacity",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "minimumSignificantDigits",
+              "name": "src",
               "type": {
-                "text": "number | undefined"
+                "text": "string | undefined"
               },
-              "description": "The minimum number of significant digits to use. Possible values are 1–21.",
-              "attribute": "minimum-significant-digits"
+              "description": "The external URL of an SVG file. Make sure you trust the content you are included, as it will be executed as code and can result in XSS attacks.",
+              "attribute": "src"
             },
             {
               "kind": "field",
-              "name": "maximumSignificantDigits",
+              "name": "label",
               "type": {
-                "text": "number | undefined"
+                "text": "string"
               },
-              "description": "The maximum number of significant digits to use,. Possible values are 1–21.",
-              "attribute": "maximum-significant-digits"
+              "default": "\"\"",
+              "description": "A label to include for assistive devices. If omitted, the icon will be considered presentational and ignored by assistive devices.",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "useSI",
+              "name": "library",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Forces the component to use the SI standard for formatting. This overrides locale‐specific rules.",
-              "attribute": "use-si"
+              "default": "\"default\"",
+              "description": "The name of a registered icon library.",
+              "attribute": "library",
+              "reflects": true
             },
             {
               "kind": "method",
-              "name": "formatSINumber",
+              "name": "getIconSource",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "number"
-                  }
+                  "text": "IconSource"
                 }
-              ]
+              }
+            },
+            {
+              "kind": "field",
+              "name": "resolveIcon",
+              "privacy": "private",
+              "description": "Given a URL, this function returns the resulting SVG element or an appropriate error icon."
             }
           ],
-          "attributes": [
+          "events": [
             {
-              "name": "value",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The number to format.",
-              "fieldName": "value"
+              "description": "Emitted when the icon has loaded. When using `spriteSheet: true`, this will not emit.",
+              "name": "pc-load"
             },
             {
-              "name": "type",
-              "type": {
-                "text": "\"currency\" | \"decimal\" | \"percent\""
-              },
-              "default": "\"decimal\"",
-              "description": "The formatting style to use.",
-              "fieldName": "type"
-            },
+              "description": "Emitted when the icon fails to load due to an error. When using `spriteSheet: true`, this will not emit.",
+              "name": "pc-error"
+            }
+          ],
+          "attributes": [
             {
-              "name": "without-grouping",
+              "name": "name",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Turns off grouping separators.",
-              "fieldName": "withoutGrouping"
+              "description": "The name of the icon to render. Available names depend on the icon library being used.",
+              "fieldName": "name"
             },
             {
-              "name": "currency",
+              "name": "icon-style",
               "type": {
                 "text": "string"
               },
-              "default": "\"USD\"",
-              "description": "The [ISO 4217](https://en.wikipedia.org/wiki/ISO_4217) currency code to use when formatting.",
-              "fieldName": "currency"
-            },
-            {
-              "name": "currency-display",
-              "type": {
-                "text": "| \"symbol\"\n        | \"narrowSymbol\"\n        | \"code\"\n        | \"name\""
-              },
-              "default": "\"symbol\"",
-              "description": "Specifies how to display the currency.",
-              "fieldName": "currencyDisplay"
-            },
-            {
-              "name": "minimum-integer-digits",
-              "type": {
-                "text": "number | undefined"
-              },
-              "description": "The minimum number of integer digits to use. Possible values are 1–21.",
-              "fieldName": "minimumIntegerDigits"
+              "default": "\"solid\"",
+              "description": "The icon style to use for the icon. If not configured, this only works for the default icon library.",
+              "fieldName": "iconStyle"
             },
             {
-              "name": "minimum-fraction-digits",
+              "name": "auto-width",
               "type": {
-                "text": "number | undefined"
+                "text": "boolean"
               },
-              "description": "The minimum number of fraction digits to use. Possible values are 0–100.",
-              "fieldName": "minimumFractionDigits"
+              "default": "false",
+              "description": "Sets the width of the icon to match the cropped SVG viewBox. This operates like the Font Awesome `fa-width-auto` class.",
+              "fieldName": "autoWidth"
             },
             {
-              "name": "maximum-fraction-digits",
+              "name": "swap-opacity",
               "type": {
-                "text": "number | undefined"
+                "text": "boolean"
               },
-              "description": "The maximum number of fraction digits to use. Possible values are 0–100.",
-              "fieldName": "maximumFractionDigits"
+              "default": "false",
+              "description": "Swaps the opacity of duotone icons. Has no effect on custom icon libraries.",
+              "fieldName": "swapOpacity"
             },
             {
-              "name": "minimum-significant-digits",
+              "name": "src",
               "type": {
-                "text": "number | undefined"
+                "text": "string | undefined"
               },
-              "description": "The minimum number of significant digits to use. Possible values are 1–21.",
-              "fieldName": "minimumSignificantDigits"
+              "description": "The external URL of an SVG file. Make sure you trust the content you are included, as it will be executed as code and can result in XSS attacks.",
+              "fieldName": "src"
             },
             {
-              "name": "maximum-significant-digits",
+              "name": "label",
               "type": {
-                "text": "number | undefined"
+                "text": "string"
               },
-              "description": "The maximum number of significant digits to use,. Possible values are 1–21.",
-              "fieldName": "maximumSignificantDigits"
+              "default": "\"\"",
+              "description": "A label to include for assistive devices. If omitted, the icon will be considered presentational and ignored by assistive devices.",
+              "fieldName": "label"
             },
             {
-              "name": "use-si",
+              "name": "library",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Forces the component to use the SI standard for formatting. This overrides locale‐specific rules.",
-              "fieldName": "useSI"
+              "default": "\"default\"",
+              "description": "The name of a registered icon library.",
+              "fieldName": "library"
             }
           ],
           "superclass": {
             "name": "PlacerElement",
             "module": "/src/internal/placer-element.js"
           },
-          "summary": "Formats a number using the specified locale and options.",
-          "jsDoc": "/**\n * @summary Formats a number using the specified locale and options.\n * @status experimental\n * @since 1.0.0-alpha.1\n */",
+          "summary": "Icons are visual symbols that represent actions, objects or ideas.",
+          "jsDoc": "/**\n * @summary Icons are visual symbols that represent actions, objects or ideas.\n * @status experimental\n * @since 0.1.0\n *\n * @event pc-load - Emitted when the icon has loaded. When using `spriteSheet: true`, this will not emit.\n * @event pc-error - Emitted when the icon fails to load due to an error. When using `spriteSheet: true`, this will not emit.\n *\n * @csspart svg - The component’s internal SVG element.\n * @csspart use - The `<use>` element generated when using `spriteSheet: true`.\n *\n * @cssproperty --fa-primary-color: currentColor - The primary colour for the primary layer in duotone icons.\n * @cssproperty --fa-secondary-color: currentColor - The secondary colour for the secondary layer in duotone icons.\n * @cssproperty --fa-primary-opacity: 1 - The primary opacity for the primary layer in duotone icons.\n * @cssproperty --fa-secondary-opacity: 0.4 - The secondary opacity for the secondary layer in duotone icons.\n */",
           "status": "experimental",
-          "since": "1.0.0-alpha.1",
-          "tagName": "pc-format-number",
+          "since": "0.1.0",
+          "tagName": "pc-icon",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "PcFormatNumber",
+          "name": "PcIcon",
           "declaration": {
-            "name": "PcFormatNumber",
+            "name": "PcIcon",
             "module": ".js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "pc-format-number",
+          "name": "pc-icon",
           "declaration": {
-            "name": "PcFormatNumber",
+            "name": "PcIcon",
             "module": ".js"
           }
         }
@@ -6004,403 +5981,426 @@
       "path": ".js",
       "declarations": [
         {
-          "kind": "class",
-          "description": "",
-          "name": "PcIcon",
-          "cssProperties": [
-            {
-              "name": "--fa-primary-color",
-              "description": "The primary colour for the primary layer in duotone icons.",
-              "default": "currentColor"
-            },
-            {
-              "name": "--fa-secondary-color",
-              "description": "The secondary colour for the secondary layer in duotone icons.",
-              "default": "currentColor"
-            },
-            {
-              "name": "--fa-primary-opacity",
-              "description": "The primary opacity for the primary layer in duotone icons.",
-              "default": "1"
-            },
+          "kind": "variable",
+          "name": "library",
+          "type": {
+            "text": "IconLibrary"
+          },
+          "default": "{ name: \"default\", resolver: (name: string, iconStyle = \"solid\", autoWidth = false) => { return getIconURL(name, iconStyle, autoWidth); }, mutator: (svg, hostElement) => { if ( hostElement?.iconStyle && !svg.hasAttribute(\"data-duotone-initialized\") ) { const { iconStyle } = hostElement; if ( iconStyle?.startsWith(\"duotone\") || iconStyle?.startsWith(\"sharp-duotone\") || iconStyle === \"jelly-duo-regular\" || iconStyle === \"notdog-duo-solid\" || iconStyle?.startsWith(\"thumbprint\") || iconStyle === \"utility-duo-semibold\" ) { const paths = [...svg.querySelectorAll<SVGPathElement>(\"path\")]; const primaryPath = paths.find( (path) => !path.hasAttribute(\"opacity\"), ); const secondaryPath = paths.find((path) => path.hasAttribute(\"opacity\"), ); if (!primaryPath || !secondaryPath) { return; } primaryPath.setAttribute(\"data-duotone-primary\", \"\"); secondaryPath.setAttribute(\"data-duotone-secondary\", \"\"); if (hostElement.swapOpacity && primaryPath && secondaryPath) { const originalOpacity = secondaryPath.getAttribute(\"opacity\") || \"0.4\"; primaryPath.style.setProperty( \"--fa-primary-opacity\", originalOpacity, ); secondaryPath.style.setProperty( \"--fa-secondary-opacity\", \"1\", ); } svg.setAttribute(\"data-duotone-initialized\", \"\"); } } }, }"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "library",
+            "module": ".js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": ".js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "systemLibrary",
+          "type": {
+            "text": "IconLibrary"
+          },
+          "default": "{ name: \"system\", resolver: (name: string, iconStyle = \"solid\") => { let collection = icons[iconStyle]; // Fall back to a question mark if the icon is missing let svg = collection[name] ?? icons.regular[name] ?? icons.regular[\"circle-question\"]; if (svg) { return dataURI(svg); } return \"\"; }, }"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "systemLibrary",
+            "module": ".js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": ".js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "watchIcon",
+          "parameters": [
             {
-              "name": "--fa-secondary-opacity",
-              "description": "The secondary opacity for the secondary layer in duotone icons.",
-              "default": "0.4"
+              "name": "icon",
+              "type": {
+                "text": "PcIcon"
+              }
             }
-          ],
-          "cssParts": [
-            {
-              "description": "The component’s internal SVG element.",
-              "name": "svg"
-            },
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "unwatchIcon",
+          "parameters": [
             {
-              "description": "The `<use>` element generated when using `spriteSheet: true`.",
-              "name": "use"
+              "name": "icon",
+              "type": {
+                "text": "PcIcon"
+              }
             }
-          ],
-          "members": [
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "getIconLibrary",
+          "parameters": [
             {
-              "kind": "field",
-              "name": "svg",
+              "name": "name",
+              "optional": true,
               "type": {
-                "text": "SVGElement | HTMLTemplateResult | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "registerIconLibrary",
+          "parameters": [
             {
-              "kind": "field",
               "name": "name",
               "type": {
-                "text": "string | undefined"
-              },
-              "description": "The name of the icon to render. Available names depend on the icon library being used.",
-              "attribute": "name",
-              "reflects": true
+                "text": "string"
+              }
             },
             {
-              "kind": "field",
-              "name": "iconStyle",
+              "name": "options",
               "type": {
-                "text": "string"
-              },
-              "default": "\"solid\"",
-              "description": "The icon style to use for the icon. If not configured, this only works for the default icon library.",
-              "attribute": "icon-style",
-              "reflects": true
+                "text": "Omit<IconLibrary, \"name\">"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "unregisterIconLibrary",
+          "parameters": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "watchIcon",
+          "declaration": {
+            "name": "watchIcon",
+            "module": ".js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "unwatchIcon",
+          "declaration": {
+            "name": "unwatchIcon",
+            "module": ".js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getIconLibrary",
+          "declaration": {
+            "name": "getIconLibrary",
+            "module": ".js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerIconLibrary",
+          "declaration": {
+            "name": "registerIconLibrary",
+            "module": ".js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "unregisterIconLibrary",
+          "declaration": {
+            "name": "unregisterIconLibrary",
+            "module": ".js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": ".js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "PcFormatNumber",
+          "members": [
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
             },
             {
               "kind": "field",
-              "name": "autoWidth",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Sets the width of the icon to match the cropped SVG viewBox. This operates like the Font Awesome `fa-width-auto` class.",
-              "attribute": "auto-width",
-              "reflects": true
+              "default": "0",
+              "description": "The number to format.",
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "swapOpacity",
+              "name": "type",
               "type": {
-                "text": "boolean"
+                "text": "\"currency\" | \"decimal\" | \"percent\""
               },
-              "default": "false",
-              "description": "Swaps the opacity of duotone icons. Has no effect on custom icon libraries.",
-              "attribute": "swap-opacity",
-              "reflects": true
+              "default": "\"decimal\"",
+              "description": "The formatting style to use.",
+              "attribute": "type"
             },
             {
               "kind": "field",
-              "name": "src",
+              "name": "withoutGrouping",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "The external URL of an SVG file. Make sure you trust the content you are included, as it will be executed as code and can result in XSS attacks.",
-              "attribute": "src"
+              "default": "false",
+              "description": "Turns off grouping separators.",
+              "attribute": "without-grouping"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "currency",
               "type": {
                 "text": "string"
               },
-              "default": "\"\"",
-              "description": "A label to include for assistive devices. If omitted, the icon will be considered presentational and ignored by assistive devices.",
-              "attribute": "label"
+              "default": "\"USD\"",
+              "description": "The [ISO 4217](https://en.wikipedia.org/wiki/ISO_4217) currency code to use when formatting.",
+              "attribute": "currency"
             },
             {
               "kind": "field",
-              "name": "library",
+              "name": "currencyDisplay",
               "type": {
-                "text": "string"
+                "text": "| \"symbol\"\n        | \"narrowSymbol\"\n        | \"code\"\n        | \"name\""
               },
-              "default": "\"default\"",
-              "description": "The name of a registered icon library.",
-              "attribute": "library",
-              "reflects": true
+              "default": "\"symbol\"",
+              "description": "Specifies how to display the currency.",
+              "attribute": "currency-display"
             },
             {
-              "kind": "method",
-              "name": "getIconSource",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "IconSource"
-                }
-              }
+              "kind": "field",
+              "name": "minimumIntegerDigits",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "The minimum number of integer digits to use. Possible values are 1–21.",
+              "attribute": "minimum-integer-digits"
             },
             {
               "kind": "field",
-              "name": "resolveIcon",
-              "privacy": "private",
-              "description": "Given a URL, this function returns the resulting SVG element or an appropriate error icon."
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the icon has loaded. When using `spriteSheet: true`, this will not emit.",
-              "name": "pc-load"
+              "name": "minimumFractionDigits",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "The minimum number of fraction digits to use. Possible values are 0–100.",
+              "attribute": "minimum-fraction-digits"
             },
             {
-              "description": "Emitted when the icon fails to load due to an error. When using `spriteSheet: true`, this will not emit.",
-              "name": "pc-error"
-            }
-          ],
-          "attributes": [
+              "kind": "field",
+              "name": "maximumFractionDigits",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "The maximum number of fraction digits to use. Possible values are 0–100.",
+              "attribute": "maximum-fraction-digits"
+            },
             {
-              "name": "name",
+              "kind": "field",
+              "name": "minimumSignificantDigits",
               "type": {
-                "text": "string | undefined"
+                "text": "number | undefined"
               },
-              "description": "The name of the icon to render. Available names depend on the icon library being used.",
-              "fieldName": "name"
+              "description": "The minimum number of significant digits to use. Possible values are 1–21.",
+              "attribute": "minimum-significant-digits"
             },
             {
-              "name": "icon-style",
+              "kind": "field",
+              "name": "maximumSignificantDigits",
               "type": {
-                "text": "string"
+                "text": "number | undefined"
               },
-              "default": "\"solid\"",
-              "description": "The icon style to use for the icon. If not configured, this only works for the default icon library.",
-              "fieldName": "iconStyle"
+              "description": "The maximum number of significant digits to use,. Possible values are 1–21.",
+              "attribute": "maximum-significant-digits"
             },
             {
-              "name": "auto-width",
+              "kind": "field",
+              "name": "useSI",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Sets the width of the icon to match the cropped SVG viewBox. This operates like the Font Awesome `fa-width-auto` class.",
-              "fieldName": "autoWidth"
+              "description": "Forces the component to use the SI standard for formatting. This overrides locale‐specific rules.",
+              "attribute": "use-si"
             },
             {
-              "name": "swap-opacity",
+              "kind": "method",
+              "name": "formatSINumber",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Swaps the opacity of duotone icons. Has no effect on custom icon libraries.",
-              "fieldName": "swapOpacity"
+              "default": "0",
+              "description": "The number to format.",
+              "fieldName": "value"
             },
             {
-              "name": "src",
+              "name": "type",
               "type": {
-                "text": "string | undefined"
+                "text": "\"currency\" | \"decimal\" | \"percent\""
               },
-              "description": "The external URL of an SVG file. Make sure you trust the content you are included, as it will be executed as code and can result in XSS attacks.",
-              "fieldName": "src"
+              "default": "\"decimal\"",
+              "description": "The formatting style to use.",
+              "fieldName": "type"
             },
             {
-              "name": "label",
+              "name": "without-grouping",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "\"\"",
-              "description": "A label to include for assistive devices. If omitted, the icon will be considered presentational and ignored by assistive devices.",
-              "fieldName": "label"
+              "default": "false",
+              "description": "Turns off grouping separators.",
+              "fieldName": "withoutGrouping"
             },
             {
-              "name": "library",
+              "name": "currency",
               "type": {
                 "text": "string"
               },
-              "default": "\"default\"",
-              "description": "The name of a registered icon library.",
-              "fieldName": "library"
-            }
-          ],
-          "superclass": {
-            "name": "PlacerElement",
-            "module": "/src/internal/placer-element.js"
-          },
-          "summary": "Icons are visual symbols that represent actions, objects or ideas.",
-          "jsDoc": "/**\n * @summary Icons are visual symbols that represent actions, objects or ideas.\n * @status experimental\n * @since 0.1.0\n *\n * @event pc-load - Emitted when the icon has loaded. When using `spriteSheet: true`, this will not emit.\n * @event pc-error - Emitted when the icon fails to load due to an error. When using `spriteSheet: true`, this will not emit.\n *\n * @csspart svg - The component’s internal SVG element.\n * @csspart use - The `<use>` element generated when using `spriteSheet: true`.\n *\n * @cssproperty --fa-primary-color: currentColor - The primary colour for the primary layer in duotone icons.\n * @cssproperty --fa-secondary-color: currentColor - The secondary colour for the secondary layer in duotone icons.\n * @cssproperty --fa-primary-opacity: 1 - The primary opacity for the primary layer in duotone icons.\n * @cssproperty --fa-secondary-opacity: 0.4 - The secondary opacity for the secondary layer in duotone icons.\n */",
-          "status": "experimental",
-          "since": "0.1.0",
-          "tagName": "pc-icon",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "PcIcon",
-          "declaration": {
-            "name": "PcIcon",
-            "module": ".js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "pc-icon",
-          "declaration": {
-            "name": "PcIcon",
-            "module": ".js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": ".js",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "library",
-          "type": {
-            "text": "IconLibrary"
-          },
-          "default": "{ name: \"default\", resolver: (name: string, iconStyle = \"solid\", autoWidth = false) => { return getIconURL(name, iconStyle, autoWidth); }, mutator: (svg, hostElement) => { if ( hostElement?.iconStyle && !svg.hasAttribute(\"data-duotone-initialized\") ) { const { iconStyle } = hostElement; if ( iconStyle?.startsWith(\"duotone\") || iconStyle?.startsWith(\"sharp-duotone\") || iconStyle === \"jelly-duo-regular\" || iconStyle === \"notdog-duo-solid\" || iconStyle?.startsWith(\"thumbprint\") || iconStyle === \"utility-duo-semibold\" ) { const paths = [...svg.querySelectorAll<SVGPathElement>(\"path\")]; const primaryPath = paths.find( (path) => !path.hasAttribute(\"opacity\"), ); const secondaryPath = paths.find((path) => path.hasAttribute(\"opacity\"), ); if (!primaryPath || !secondaryPath) { return; } primaryPath.setAttribute(\"data-duotone-primary\", \"\"); secondaryPath.setAttribute(\"data-duotone-secondary\", \"\"); if (hostElement.swapOpacity && primaryPath && secondaryPath) { const originalOpacity = secondaryPath.getAttribute(\"opacity\") || \"0.4\"; primaryPath.style.setProperty( \"--fa-primary-opacity\", originalOpacity, ); secondaryPath.style.setProperty( \"--fa-secondary-opacity\", \"1\", ); } svg.setAttribute(\"data-duotone-initialized\", \"\"); } } }, }"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "library",
-            "module": ".js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": ".js",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "systemLibrary",
-          "type": {
-            "text": "IconLibrary"
-          },
-          "default": "{ name: \"system\", resolver: (name: string, iconStyle = \"solid\") => { let collection = icons[iconStyle]; // Fall back to a question mark if the icon is missing let svg = collection[name] ?? icons.regular[name] ?? icons.regular[\"circle-question\"]; if (svg) { return dataURI(svg); } return \"\"; }, }"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "systemLibrary",
-            "module": ".js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": ".js",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "watchIcon",
-          "parameters": [
+              "default": "\"USD\"",
+              "description": "The [ISO 4217](https://en.wikipedia.org/wiki/ISO_4217) currency code to use when formatting.",
+              "fieldName": "currency"
+            },
             {
-              "name": "icon",
+              "name": "currency-display",
               "type": {
-                "text": "PcIcon"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "unwatchIcon",
-          "parameters": [
+                "text": "| \"symbol\"\n        | \"narrowSymbol\"\n        | \"code\"\n        | \"name\""
+              },
+              "default": "\"symbol\"",
+              "description": "Specifies how to display the currency.",
+              "fieldName": "currencyDisplay"
+            },
             {
-              "name": "icon",
+              "name": "minimum-integer-digits",
               "type": {
-                "text": "PcIcon"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "getIconLibrary",
-          "parameters": [
+                "text": "number | undefined"
+              },
+              "description": "The minimum number of integer digits to use. Possible values are 1–21.",
+              "fieldName": "minimumIntegerDigits"
+            },
             {
-              "name": "name",
-              "optional": true,
+              "name": "minimum-fraction-digits",
               "type": {
-                "text": "string"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "registerIconLibrary",
-          "parameters": [
+                "text": "number | undefined"
+              },
+              "description": "The minimum number of fraction digits to use. Possible values are 0–100.",
+              "fieldName": "minimumFractionDigits"
+            },
             {
-              "name": "name",
+              "name": "maximum-fraction-digits",
               "type": {
-                "text": "string"
-              }
+                "text": "number | undefined"
+              },
+              "description": "The maximum number of fraction digits to use. Possible values are 0–100.",
+              "fieldName": "maximumFractionDigits"
             },
             {
-              "name": "options",
+              "name": "minimum-significant-digits",
               "type": {
-                "text": "Omit<IconLibrary, \"name\">"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "unregisterIconLibrary",
-          "parameters": [
+                "text": "number | undefined"
+              },
+              "description": "The minimum number of significant digits to use. Possible values are 1–21.",
+              "fieldName": "minimumSignificantDigits"
+            },
             {
-              "name": "name",
+              "name": "maximum-significant-digits",
               "type": {
-                "text": "string"
-              }
+                "text": "number | undefined"
+              },
+              "description": "The maximum number of significant digits to use,. Possible values are 1–21.",
+              "fieldName": "maximumSignificantDigits"
+            },
+            {
+              "name": "use-si",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Forces the component to use the SI standard for formatting. This overrides locale‐specific rules.",
+              "fieldName": "useSI"
             }
-          ]
+          ],
+          "superclass": {
+            "name": "PlacerElement",
+            "module": "/src/internal/placer-element.js"
+          },
+          "summary": "Formats a number using the specified locale and options.",
+          "jsDoc": "/**\n * @summary Formats a number using the specified locale and options.\n * @status experimental\n * @since 1.0.0-alpha.1\n */",
+          "status": "experimental",
+          "since": "1.0.0-alpha.1",
+          "tagName": "pc-format-number",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "watchIcon",
-          "declaration": {
-            "name": "watchIcon",
-            "module": ".js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "unwatchIcon",
-          "declaration": {
-            "name": "unwatchIcon",
-            "module": ".js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getIconLibrary",
-          "declaration": {
-            "name": "getIconLibrary",
-            "module": ".js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "registerIconLibrary",
+          "name": "PcFormatNumber",
           "declaration": {
-            "name": "registerIconLibrary",
+            "name": "PcFormatNumber",
             "module": ".js"
           }
         },
         {
-          "kind": "js",
-          "name": "unregisterIconLibrary",
+          "kind": "custom-element-definition",
+          "name": "pc-format-number",
           "declaration": {
-            "name": "unregisterIconLibrary",
+            "name": "PcFormatNumber",
             "module": ".js"
           }
         }
@@ -7261,261 +7261,115 @@
                 "text": "number | string | undefined"
               },
               "description": "The input’s minimum value. Only applies when the input’s `type` is set to `date` or `number`.",
-              "fieldName": "min"
-            },
-            {
-              "name": "max",
-              "type": {
-                "text": "number | string | undefined"
-              },
-              "description": "The input’s maximum value. Only applies when the input’s `type` is set to `date` or `number`.",
-              "fieldName": "max"
-            },
-            {
-              "name": "step",
-              "type": {
-                "text": "number | \"any\" | undefined"
-              },
-              "description": "Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is implied, allowing any numeric value. Only applies when the input’s `type` is set to `date` or `number`.",
-              "fieldName": "step"
-            },
-            {
-              "name": "autocapitalize",
-              "type": {
-                "text": "| \"off\"\n        | \"none\"\n        | \"on\"\n        | \"sentences\"\n        | \"words\"\n        | \"characters\""
-              },
-              "default": "\"none\"",
-              "description": "Controls whether and how text input is automatically capitalised as it is entered by the user.",
-              "fieldName": "autocapitalize"
-            },
-            {
-              "name": "autocorrect",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether the browser’s autocorrect feature is on or off.",
-              "fieldName": "autocorrect"
-            },
-            {
-              "name": "autocomplete",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
-              "fieldName": "autocomplete"
-            },
-            {
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Indicates that the input should receive focus on page load.",
-              "fieldName": "autofocus"
-            },
-            {
-              "name": "enterkeyhint",
-              "type": {
-                "text": "| \"enter\"\n        | \"done\"\n        | \"go\"\n        | \"next\"\n        | \"previous\"\n        | \"search\"\n        | \"send\""
-              },
-              "default": "\"enter\"",
-              "description": "Used to customise the label or icon of the Enter key on virtual keyboards.",
-              "fieldName": "enterkeyhint"
-            },
-            {
-              "name": "spellcheck",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Enables spellcheck on the input.",
-              "fieldName": "spellcheck"
-            },
-            {
-              "name": "inputmode",
-              "type": {
-                "text": "| \"none\"\n        | \"text\"\n        | \"decimal\"\n        | \"numeric\"\n        | \"tel\"\n        | \"search\"\n        | \"email\"\n        | \"url\""
-              },
-              "default": "\"text\"",
-              "description": "Tells the browser what type of data will be entered by the user, allowing virtual keyboards to display the correct keyboard type to the user.",
-              "fieldName": "inputmode"
-            }
-          ],
-          "superclass": {
-            "name": "PlacerElement",
-            "module": "/src/internal/placer-element.js"
-          },
-          "summary": "Inputs collect data from the user.",
-          "jsDoc": "/**\n * @summary Inputs collect data from the user.\n * @status experimental\n * @since 0.4.0\n *\n * @dependency pc-icon\n *\n * @slot - The input’s label. Alternatively, you can use the `label` attribute.\n * @slot prefix - A presentational prefix icon or similar element.\n * @slot suffix - A presentational suffix icon or similar element.\n * @slot clear-icon - An icon to use to replace the default clear icon.\n * @slot show-password-icon - An icon to use to replace the default show password icon.\n * @slot hide-password-icon - An icon to use to replace the default hide password icon.\n * @slot hint - Text that describes how to use the input. Alternatively, you can use the `hint` attribute.\n *\n * @event pc-change - Emitted when an alteration to the input’s value is committed by the user.\n * @event pc-input - Emitted when the input receives input.\n * @event pc-focus - Emitted when the input gains focus.\n * @event pc-blur - Emitted when the input loses focus (i.e., is blurred).\n * @event pc-clear - Emitted when the clear button is activated.\n * @event pc-invalid - Emitted when the form control has been checked for validity and its constraints aren’t satisfied.\n *\n * @csspart form-control - The form control that wraps the label, input and hint.\n * @csspart label - The input’s label.\n * @csspart input - The input.\n * @csspart hint - The input’s hint.\n * @csspart combobox - The container the wraps the prefix, suffix, input and clear icon.\n * @csspart prefix - The container that wraps the prefix slot.\n * @csspart suffix - The container that wraps the suffix slot.\n * @csspart display-input - The element that displays the input.\n * @csspart clear-button - The clear button.\n */",
-          "status": "experimental",
-          "since": "0.4.0",
-          "dependencies": [
-            "pc-icon"
-          ],
-          "tagName": "pc-input",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "PcInput",
-          "declaration": {
-            "name": "PcInput",
-            "module": ".js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "pc-input",
-          "declaration": {
-            "name": "PcInput",
-            "module": ".js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": ".js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "PcOption",
-          "cssParts": [
-            {
-              "description": "The checked icon, a `<pc-icon>` element.",
-              "name": "checked-icon"
-            },
-            {
-              "description": "The component’s base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The option’s label.",
-              "name": "label"
-            },
-            {
-              "description": "The container that wraps the prefix.",
-              "name": "prefix"
-            },
-            {
-              "description": "The container that wraps the suffix.",
-              "name": "suffix"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The option’s label.",
-              "name": ""
-            },
-            {
-              "description": "Used to prepend an icon or similar element to the option.",
-              "name": "prefix"
+              "fieldName": "min"
             },
             {
-              "description": "Used to append an icon or similar element to the option.",
-              "name": "suffix"
-            }
-          ],
-          "members": [
+              "name": "max",
+              "type": {
+                "text": "number | string | undefined"
+              },
+              "description": "The input’s maximum value. Only applies when the input’s `type` is set to `date` or `number`.",
+              "fieldName": "max"
+            },
             {
-              "kind": "field",
-              "name": "isInitialized",
+              "name": "step",
               "type": {
-                "text": "boolean"
+                "text": "number | \"any\" | undefined"
               },
-              "privacy": "private",
-              "default": "false"
+              "description": "Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is implied, allowing any numeric value. Only applies when the input’s `type` is set to `date` or `number`.",
+              "fieldName": "step"
             },
             {
-              "kind": "field",
-              "name": "value",
+              "name": "autocapitalize",
               "type": {
-                "text": "string"
+                "text": "| \"off\"\n        | \"none\"\n        | \"on\"\n        | \"sentences\"\n        | \"words\"\n        | \"characters\""
               },
-              "default": "\"\"",
-              "description": "The option’s value. When selected, the containing form control will receive this value. The value must be unique from other options in the same group. Values must not contain spaces, as spaces are used as delimiters when listing multiple values.",
-              "attribute": "value",
-              "reflects": true
+              "default": "\"none\"",
+              "description": "Controls whether and how text input is automatically capitalised as it is entered by the user.",
+              "fieldName": "autocapitalize"
             },
             {
-              "kind": "field",
-              "name": "disabled",
+              "name": "autocorrect",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the option, preventing selection.",
-              "attribute": "disabled",
-              "reflects": true
+              "description": "Indicates whether the browser’s autocorrect feature is on or off.",
+              "fieldName": "autocorrect"
             },
             {
-              "kind": "method",
-              "name": "handleDefaultSlotChange",
-              "privacy": "private"
+              "name": "autocomplete",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
+              "fieldName": "autocomplete"
             },
             {
-              "kind": "field",
-              "name": "handleHover",
-              "privacy": "private"
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Indicates that the input should receive focus on page load.",
+              "fieldName": "autofocus"
             },
             {
-              "kind": "method",
-              "name": "getTextLabel",
-              "description": "Returns a plain text label based on the option’s content."
-            }
-          ],
-          "attributes": [
-            {
-              "name": "value",
+              "name": "enterkeyhint",
               "type": {
-                "text": "string"
+                "text": "| \"enter\"\n        | \"done\"\n        | \"go\"\n        | \"next\"\n        | \"previous\"\n        | \"search\"\n        | \"send\""
               },
-              "default": "\"\"",
-              "description": "The option’s value. When selected, the containing form control will receive this value. The value must be unique from other options in the same group. Values must not contain spaces, as spaces are used as delimiters when listing multiple values.",
-              "fieldName": "value"
+              "default": "\"enter\"",
+              "description": "Used to customise the label or icon of the Enter key on virtual keyboards.",
+              "fieldName": "enterkeyhint"
             },
             {
-              "name": "disabled",
+              "name": "spellcheck",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Disables the option, preventing selection.",
-              "fieldName": "disabled"
+              "default": "true",
+              "description": "Enables spellcheck on the input.",
+              "fieldName": "spellcheck"
+            },
+            {
+              "name": "inputmode",
+              "type": {
+                "text": "| \"none\"\n        | \"text\"\n        | \"decimal\"\n        | \"numeric\"\n        | \"tel\"\n        | \"search\"\n        | \"email\"\n        | \"url\""
+              },
+              "default": "\"text\"",
+              "description": "Tells the browser what type of data will be entered by the user, allowing virtual keyboards to display the correct keyboard type to the user.",
+              "fieldName": "inputmode"
             }
           ],
           "superclass": {
             "name": "PlacerElement",
             "module": "/src/internal/placer-element.js"
           },
-          "summary": "Options define the selectable items within various form controls such as a [select](/components/select).",
-          "jsDoc": "/**\n * @summary Options define the selectable items within various form controls such as a [select](/components/select).\n * @status experimental\n * @since 0.5.1\n *\n * @dependency pc-icon\n *\n * @slot - The option’s label.\n * @slot prefix - Used to prepend an icon or similar element to the option.\n * @slot suffix - Used to append an icon or similar element to the option.\n *\n * @csspart checked-icon - The checked icon, a `<pc-icon>` element.\n * @csspart base - The component’s base wrapper.\n * @csspart label - The option’s label.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart suffix - The container that wraps the suffix.\n */",
+          "summary": "Inputs collect data from the user.",
+          "jsDoc": "/**\n * @summary Inputs collect data from the user.\n * @status experimental\n * @since 0.4.0\n *\n * @dependency pc-icon\n *\n * @slot - The input’s label. Alternatively, you can use the `label` attribute.\n * @slot prefix - A presentational prefix icon or similar element.\n * @slot suffix - A presentational suffix icon or similar element.\n * @slot clear-icon - An icon to use to replace the default clear icon.\n * @slot show-password-icon - An icon to use to replace the default show password icon.\n * @slot hide-password-icon - An icon to use to replace the default hide password icon.\n * @slot hint - Text that describes how to use the input. Alternatively, you can use the `hint` attribute.\n *\n * @event pc-change - Emitted when an alteration to the input’s value is committed by the user.\n * @event pc-input - Emitted when the input receives input.\n * @event pc-focus - Emitted when the input gains focus.\n * @event pc-blur - Emitted when the input loses focus (i.e., is blurred).\n * @event pc-clear - Emitted when the clear button is activated.\n * @event pc-invalid - Emitted when the form control has been checked for validity and its constraints aren’t satisfied.\n *\n * @csspart form-control - The form control that wraps the label, input and hint.\n * @csspart label - The input’s label.\n * @csspart input - The input.\n * @csspart hint - The input’s hint.\n * @csspart combobox - The container the wraps the prefix, suffix, input and clear icon.\n * @csspart prefix - The container that wraps the prefix slot.\n * @csspart suffix - The container that wraps the suffix slot.\n * @csspart display-input - The element that displays the input.\n * @csspart clear-button - The clear button.\n */",
           "status": "experimental",
-          "since": "0.5.1",
+          "since": "0.4.0",
           "dependencies": [
             "pc-icon"
           ],
-          "tagName": "pc-option",
+          "tagName": "pc-input",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "PcOption",
+          "name": "PcInput",
           "declaration": {
-            "name": "PcOption",
+            "name": "PcInput",
             "module": ".js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "pc-option",
+          "name": "pc-input",
           "declaration": {
-            "name": "PcOption",
+            "name": "PcInput",
             "module": ".js"
           }
         }
@@ -7720,6 +7574,152 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": ".js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "PcOption",
+          "cssParts": [
+            {
+              "description": "The checked icon, a `<pc-icon>` element.",
+              "name": "checked-icon"
+            },
+            {
+              "description": "The component’s base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The option’s label.",
+              "name": "label"
+            },
+            {
+              "description": "The container that wraps the prefix.",
+              "name": "prefix"
+            },
+            {
+              "description": "The container that wraps the suffix.",
+              "name": "suffix"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The option’s label.",
+              "name": ""
+            },
+            {
+              "description": "Used to prepend an icon or similar element to the option.",
+              "name": "prefix"
+            },
+            {
+              "description": "Used to append an icon or similar element to the option.",
+              "name": "suffix"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "isInitialized",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "The option’s value. When selected, the containing form control will receive this value. The value must be unique from other options in the same group. Values must not contain spaces, as spaces are used as delimiters when listing multiple values.",
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the option, preventing selection.",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "handleDefaultSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleHover",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "getTextLabel",
+              "description": "Returns a plain text label based on the option’s content."
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "The option’s value. When selected, the containing form control will receive this value. The value must be unique from other options in the same group. Values must not contain spaces, as spaces are used as delimiters when listing multiple values.",
+              "fieldName": "value"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the option, preventing selection.",
+              "fieldName": "disabled"
+            }
+          ],
+          "superclass": {
+            "name": "PlacerElement",
+            "module": "/src/internal/placer-element.js"
+          },
+          "summary": "Options define the selectable items within various form controls such as a [select](/components/select).",
+          "jsDoc": "/**\n * @summary Options define the selectable items within various form controls such as a [select](/components/select).\n * @status experimental\n * @since 0.5.1\n *\n * @dependency pc-icon\n *\n * @slot - The option’s label.\n * @slot prefix - Used to prepend an icon or similar element to the option.\n * @slot suffix - Used to append an icon or similar element to the option.\n *\n * @csspart checked-icon - The checked icon, a `<pc-icon>` element.\n * @csspart base - The component’s base wrapper.\n * @csspart label - The option’s label.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart suffix - The container that wraps the suffix.\n */",
+          "status": "experimental",
+          "since": "0.5.1",
+          "dependencies": [
+            "pc-icon"
+          ],
+          "tagName": "pc-option",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "PcOption",
+          "declaration": {
+            "name": "PcOption",
+            "module": ".js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "pc-option",
+          "declaration": {
+            "name": "PcOption",
+            "module": ".js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": ".js",
@@ -13048,7 +13048,7 @@
   "package": {
     "name": "placer-toolkit",
     "description": "A web component library that’s designed to be flexible and accessible. Built with Lit.",
-    "version": "1.0.0-alpha.2",
+    "version": "1.0.0-alpha.3",
     "author": "Placer (maintainer: @randomguy-2650)",
     "license": "MIT"
   }