@kubex/zinc 1.1.12 → 1.1.13

package/dist/custom-elements.json

@@ -47,6 +47,79 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/action-bar/action-bar.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ZnActionBar",
+          "cssProperties": [
+            {
+              "description": "An example CSS custom property.",
+              "name": "--example"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot.",
+              "name": ""
+            },
+            {
+              "description": "An example slot.",
+              "name": "example"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted as an example.",
+              "name": "zn-event-name"
+            }
+          ],
+          "superclass": {
+            "name": "ZincElement",
+            "module": "/src/internal/zinc-element"
+          },
+          "summary": "Short summary of the component's intended use.",
+          "tagNameWithoutPrefix": "action-bar",
+          "tagName": "zn-action-bar",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/action-bar\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-example\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
+          "documentation": "https://zinc.style/components/action-bar",
+          "status": "experimental",
+          "since": "1.0",
+          "dependencies": [
+            "zn-example"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ZnActionBar",
+            "module": "components/action-bar/action-bar.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/alert/alert.js",
@@ -223,79 +296,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/action-bar/action-bar.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ZnActionBar",
-          "cssProperties": [
-            {
-              "description": "An example CSS custom property.",
-              "name": "--example"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The default slot.",
-              "name": ""
-            },
-            {
-              "description": "An example slot.",
-              "name": "example"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted as an example.",
-              "name": "zn-event-name"
-            }
-          ],
-          "superclass": {
-            "name": "ZincElement",
-            "module": "/src/internal/zinc-element"
-          },
-          "summary": "Short summary of the component's intended use.",
-          "tagNameWithoutPrefix": "action-bar",
-          "tagName": "zn-action-bar",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/action-bar\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-example\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
-          "documentation": "https://zinc.style/components/action-bar",
-          "status": "experimental",
-          "since": "1.0",
-          "dependencies": [
-            "zn-example"
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "ZnActionBar",
-            "module": "components/action-bar/action-bar.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/animated-button/animated-button.js",
@@ -2561,171 +2561,241 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/chart/chart.js",
+      "path": "components/channel-tile/channel-tile.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ZnChart",
+          "name": "ZnChannelTile",
+          "cssProperties": [
+            {
+              "description": "Resolved accent color (set from the `color` property).",
+              "name": "--channel-tile-color"
+            }
+          ],
           "cssParts": [
             {
               "description": "The component's base wrapper.",
               "name": "base"
+            },
+            {
+              "description": "The progress indicator (incoming countdown overlay or active progress bar).",
+              "name": "progress"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Replaces the leading icon in the active state.",
+              "name": "leading"
+            },
+            {
+              "description": "Action content for the available state (e.g. a form). Falls back to a default accept button.",
+              "name": "action"
+            },
+            {
+              "description": "Trailing content (e.g. status badges) in the active state.",
+              "name": "footer"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "type",
+              "name": "available",
               "type": {
-                "text": "ChartType"
+                "text": "boolean"
               },
-              "default": "'bar'",
-              "attribute": "type"
+              "default": "false",
+              "description": "Renders the empty/available face instead of the active face.",
+              "attribute": "available",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "data",
+              "name": "incoming",
               "type": {
-                "text": "SeriesItem[]"
+                "text": "boolean"
               },
-              "default": "[]",
-              "attribute": "data"
+              "default": "false",
+              "description": "(Available only) the tile is reserving an incoming item awaiting acceptance.",
+              "attribute": "incoming",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "categories",
+              "name": "variant",
               "type": {
-                "text": "string[]"
+                "text": "string"
               },
-              "default": "[]",
-              "attribute": "categories"
+              "default": "''",
+              "description": "Free-form grouping/theming key (reflected so consumers can query/style by it).",
+              "attribute": "variant",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "xAxis",
+              "name": "header",
               "type": {
-                "text": "'datetime' | 'category' | 'numeric'"
+                "text": "string"
               },
-              "attribute": "xaxis"
+              "default": "''",
+              "description": "Top-bar text (e.g. brand).",
+              "attribute": "header"
             },
             {
               "kind": "field",
-              "name": "datapointSize",
+              "name": "icon",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "1",
-              "attribute": "d-size"
+              "default": "''",
+              "description": "Leading icon (active state).",
+              "attribute": "icon"
             },
             {
               "kind": "field",
-              "name": "stacked",
+              "name": "color",
               "type": {
-                "text": "boolean"
+                "text": "ChannelTileColor"
               },
-              "default": "false",
-              "attribute": "stacked"
+              "default": "'default'",
+              "description": "Accent color driving the leading icon and `--channel-tile-color`.",
+              "attribute": "color",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "live",
+              "name": "title",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "attribute": "live"
+              "default": "''",
+              "description": "Primary line. Defaults to \"Available\" in the available state when unset.",
+              "attribute": "title"
             },
             {
               "kind": "field",
-              "name": "dataUrl",
+              "name": "subtitle",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "attribute": "data-url"
+              "description": "Secondary line.",
+              "attribute": "subtitle"
             },
             {
               "kind": "field",
-              "name": "liveInterval",
+              "name": "progress",
               "type": {
                 "text": "number"
               },
-              "default": "1000",
-              "attribute": "live-interval"
+              "default": "0",
+              "description": "(Active only) progress bar fill, 0–100.",
+              "attribute": "progress"
             },
             {
               "kind": "field",
-              "name": "height",
+              "name": "progressColor",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "300",
-              "attribute": "height",
-              "reflects": true
+              "default": "''",
+              "description": "(Active only) CSS color for the progress bar fill.",
+              "attribute": "progress-color"
             },
             {
               "kind": "field",
-              "name": "enableAnimations",
+              "name": "fid",
               "type": {
-                "text": "boolean | number"
+                "text": "string"
               },
-              "default": "false",
-              "attribute": "enable-animations"
+              "default": "''",
+              "description": "Identifier carried in `zn-accept` / `zn-reject` event details.",
+              "attribute": "fid"
             },
             {
               "kind": "field",
-              "name": "yAxisAppend",
+              "name": "acceptUri",
               "type": {
                 "text": "string"
               },
-              "attribute": "y-axis-append"
+              "default": "''",
+              "description": "(Available only) when set, accepting fetches this URI unless `zn-accept` is canceled.",
+              "attribute": "accept-uri"
             },
             {
               "kind": "field",
-              "name": "colors",
+              "name": "reservedUntil",
               "type": {
-                "text": "string[] | undefined"
+                "text": "number"
               },
-              "attribute": "colors"
+              "default": "0",
+              "description": "(Available/incoming) epoch (seconds or millis) at which the reservation window ends.",
+              "attribute": "reserved-until"
             },
             {
               "kind": "field",
-              "name": "syncGroup",
+              "name": "autoAcceptDelay",
               "type": {
-                "text": "string | undefined"
+                "text": "number"
               },
-              "attribute": "sync-group"
+              "default": "0",
+              "description": "(Available/incoming) auto-accept window length in milliseconds.",
+              "attribute": "auto-accept-delay"
             },
             {
               "kind": "field",
-              "name": "smooth",
+              "name": "rejectable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "smooth"
+              "description": "(Available/incoming) whether a reject control is offered.",
+              "attribute": "rejectable",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "scale",
+              "name": "acceptIcon",
               "type": {
-                "text": "boolean | number"
+                "text": "string"
               },
-              "default": "false",
-              "attribute": "scale"
+              "default": "'plus@lu'",
+              "description": "Icon for the built-in accept button.",
+              "attribute": "accept-icon"
             },
             {
               "kind": "field",
-              "name": "chart",
+              "name": "acceptGaid",
               "type": {
-                "text": "ECharts | undefined"
+                "text": "string"
               },
-              "privacy": "private"
+              "default": "''",
+              "description": "Optional analytics id forwarded to the built-in accept button.",
+              "attribute": "accept-gaid"
             },
             {
               "kind": "field",
-              "name": "liveTimer",
+              "name": "rejectIcon",
+              "type": {
+                "text": "string"
+              },
+              "default": "'call_end'",
+              "description": "Icon for the reject control.",
+              "attribute": "reject-icon"
+            },
+            {
+              "kind": "field",
+              "name": "rejectLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Reject'",
+              "description": "Accessible label for the reject control.",
+              "attribute": "reject-label"
+            },
+            {
+              "kind": "field",
+              "name": "_tickInterval",
               "type": {
                 "text": "number | undefined"
               },
@@ -2733,200 +2803,288 @@
             },
             {
               "kind": "field",
-              "name": "resizeObserver",
+              "name": "_autoAcceptFired",
+              "type": {
+                "text": "string"
+              },
               "privacy": "private",
-              "readonly": true,
-              "default": "new ResizeController(this, { target: null, skipInitial: true, callback: () => this.chart?.resize(), })"
+              "default": "''"
             },
             {
               "kind": "method",
-              "name": "getTheme",
+              "name": "_isCountingDown",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "'light' | 'dark'"
+                  "text": "boolean"
                 }
               }
             },
             {
               "kind": "method",
-              "name": "getTextColor",
+              "name": "_startTicker",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_stopTicker",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_maybeAutoAccept",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_accept",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string | undefined"
+                  "text": "void"
                 }
               }
             },
             {
               "kind": "method",
-              "name": "getBorderColor",
+              "name": "_reservedUntilMs",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string | undefined"
+                  "text": "number"
                 }
               }
             },
             {
               "kind": "method",
-              "name": "buildOption",
+              "name": "_countdownPercent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_handleReject",
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "initChart",
+              "kind": "field",
+              "name": "_handleClick",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "startLive",
+              "name": "_renderLeading",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "reinit",
+              "name": "_renderAvailableAction",
               "privacy": "private"
             }
           ],
+          "events": [
+            {
+              "description": "Emitted when an available tile is accepted (click or auto-accept). Cancelable — call `preventDefault()` to suppress the built-in `accept-uri` fetch.",
+              "name": "zn-accept"
+            },
+            {
+              "description": "Emitted when the reject control is pressed.",
+              "name": "zn-reject"
+            }
+          ],
           "attributes": [
             {
-              "name": "type",
+              "name": "available",
               "type": {
-                "text": "ChartType"
+                "text": "boolean"
               },
-              "default": "'bar'",
-              "fieldName": "type"
+              "default": "false",
+              "description": "Renders the empty/available face instead of the active face.",
+              "fieldName": "available"
             },
             {
-              "name": "data",
+              "name": "incoming",
               "type": {
-                "text": "SeriesItem[]"
+                "text": "boolean"
               },
-              "default": "[]",
-              "fieldName": "data"
+              "default": "false",
+              "description": "(Available only) the tile is reserving an incoming item awaiting acceptance.",
+              "fieldName": "incoming"
             },
             {
-              "name": "categories",
+              "name": "variant",
               "type": {
-                "text": "string[]"
+                "text": "string"
               },
-              "default": "[]",
-              "fieldName": "categories"
+              "default": "''",
+              "description": "Free-form grouping/theming key (reflected so consumers can query/style by it).",
+              "fieldName": "variant"
             },
             {
-              "name": "xaxis",
+              "name": "header",
               "type": {
-                "text": "'datetime' | 'category' | 'numeric'"
+                "text": "string"
               },
-              "fieldName": "xAxis"
+              "default": "''",
+              "description": "Top-bar text (e.g. brand).",
+              "fieldName": "header"
             },
             {
-              "name": "d-size",
+              "name": "icon",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "1",
-              "fieldName": "datapointSize"
+              "default": "''",
+              "description": "Leading icon (active state).",
+              "fieldName": "icon"
             },
             {
-              "name": "stacked",
+              "name": "color",
               "type": {
-                "text": "boolean"
+                "text": "ChannelTileColor"
               },
-              "default": "false",
-              "fieldName": "stacked"
+              "default": "'default'",
+              "description": "Accent color driving the leading icon and `--channel-tile-color`.",
+              "fieldName": "color"
             },
             {
-              "name": "live",
+              "name": "title",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "fieldName": "live"
+              "default": "''",
+              "description": "Primary line. Defaults to \"Available\" in the available state when unset.",
+              "fieldName": "title"
             },
             {
-              "name": "data-url",
+              "name": "subtitle",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "fieldName": "dataUrl"
+              "description": "Secondary line.",
+              "fieldName": "subtitle"
             },
             {
-              "name": "live-interval",
+              "name": "progress",
               "type": {
                 "text": "number"
               },
-              "default": "1000",
-              "fieldName": "liveInterval"
+              "default": "0",
+              "description": "(Active only) progress bar fill, 0–100.",
+              "fieldName": "progress"
             },
             {
-              "name": "height",
+              "name": "progress-color",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "300",
-              "fieldName": "height"
+              "default": "''",
+              "description": "(Active only) CSS color for the progress bar fill.",
+              "fieldName": "progressColor"
             },
             {
-              "name": "enable-animations",
+              "name": "fid",
               "type": {
-                "text": "boolean | number"
+                "text": "string"
               },
-              "default": "false",
-              "fieldName": "enableAnimations"
+              "default": "''",
+              "description": "Identifier carried in `zn-accept` / `zn-reject` event details.",
+              "fieldName": "fid"
             },
             {
-              "name": "y-axis-append",
+              "name": "accept-uri",
               "type": {
                 "text": "string"
               },
-              "fieldName": "yAxisAppend"
+              "default": "''",
+              "description": "(Available only) when set, accepting fetches this URI unless `zn-accept` is canceled.",
+              "fieldName": "acceptUri"
             },
             {
-              "name": "colors",
+              "name": "reserved-until",
               "type": {
-                "text": "string[] | undefined"
+                "text": "number"
               },
-              "fieldName": "colors"
+              "default": "0",
+              "description": "(Available/incoming) epoch (seconds or millis) at which the reservation window ends.",
+              "fieldName": "reservedUntil"
             },
             {
-              "name": "sync-group",
+              "name": "auto-accept-delay",
               "type": {
-                "text": "string | undefined"
+                "text": "number"
               },
-              "fieldName": "syncGroup"
+              "default": "0",
+              "description": "(Available/incoming) auto-accept window length in milliseconds.",
+              "fieldName": "autoAcceptDelay"
             },
             {
-              "name": "smooth",
+              "name": "rejectable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "smooth"
+              "description": "(Available/incoming) whether a reject control is offered.",
+              "fieldName": "rejectable"
             },
             {
-              "name": "scale",
+              "name": "accept-icon",
               "type": {
-                "text": "boolean | number"
+                "text": "string"
               },
-              "default": "false",
-              "fieldName": "scale"
+              "default": "'plus@lu'",
+              "description": "Icon for the built-in accept button.",
+              "fieldName": "acceptIcon"
+            },
+            {
+              "name": "accept-gaid",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Optional analytics id forwarded to the built-in accept button.",
+              "fieldName": "acceptGaid"
+            },
+            {
+              "name": "reject-icon",
+              "type": {
+                "text": "string"
+              },
+              "default": "'call_end'",
+              "description": "Icon for the reject control.",
+              "fieldName": "rejectIcon"
+            },
+            {
+              "name": "reject-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Reject'",
+              "description": "Accessible label for the reject control.",
+              "fieldName": "rejectLabel"
             }
           ],
           "superclass": {
             "name": "ZincElement",
             "module": "/src/internal/zinc-element"
           },
-          "summary": "Chart component powered by Apache ECharts.",
-          "tagNameWithoutPrefix": "chart",
-          "tagName": "zn-chart",
+          "summary": "A channel/queue slot tile with two faces: an active (occupied) state\nshowing an in-progress item, and an available (empty) state advertising\ncapacity — optionally reserving an incoming item with an auto-accept countdown.",
+          "tagNameWithoutPrefix": "channel-tile",
+          "tagName": "zn-channel-tile",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Chart component powered by Apache ECharts.\n * @documentation https://zinc.style/components/data-chart\n * @status experimental\n * @since 1.0\n *\n * @csspart base - The component's base wrapper.\n */",
-          "documentation": "https://zinc.style/components/data-chart",
+          "jsDoc": "/**\n * @summary A channel/queue slot tile with two faces: an active (occupied) state\n * showing an in-progress item, and an available (empty) state advertising\n * capacity — optionally reserving an incoming item with an auto-accept countdown.\n * @documentation https://zinc.style/components/channel-tile\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-button\n * @dependency zn-icon\n *\n * @event zn-accept - Emitted when an available tile is accepted (click or auto-accept).\n *  Cancelable — call `preventDefault()` to suppress the built-in `accept-uri` fetch.\n * @event zn-reject - Emitted when the reject control is pressed.\n *\n * @slot leading - Replaces the leading icon in the active state.\n * @slot action - Action content for the available state (e.g. a form). Falls back to a default accept button.\n * @slot footer - Trailing content (e.g. status badges) in the active state.\n *\n * @csspart base - The component's base wrapper.\n * @csspart progress - The progress indicator (incoming countdown overlay or active progress bar).\n *\n * @cssproperty --channel-tile-color - Resolved accent color (set from the `color` property).\n */",
+          "documentation": "https://zinc.style/components/channel-tile",
           "status": "experimental",
-          "since": "1.0"
+          "since": "1.0",
+          "dependencies": [
+            "zn-button",
+            "zn-icon"
+          ]
         }
       ],
       "exports": [
@@ -2934,99 +3092,480 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "ZnChart",
-            "module": "components/chart/chart.js"
+            "name": "ZnChannelTile",
+            "module": "components/channel-tile/channel-tile.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/chat-message/chat-message.js",
+      "path": "components/chart/chart.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ZnChatMessage",
-          "cssProperties": [
-            {
-              "description": "The bubble's background colour.",
-              "name": "--message-background"
-            }
-          ],
+          "name": "ZnChart",
           "cssParts": [
             {
               "description": "The component's base wrapper.",
               "name": "base"
-            },
-            {
-              "description": "The avatar column.",
-              "name": "avatar"
-            },
-            {
-              "description": "The header and bubble column.",
-              "name": "body"
-            },
-            {
-              "description": "The sender/time/badge row.",
-              "name": "header"
-            },
-            {
-              "description": "The message bubble.",
-              "name": "bubble"
-            },
-            {
-              "description": "The message content within the bubble.",
-              "name": "content"
-            },
-            {
-              "description": "The card rendered for system action types.",
-              "name": "system-card"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The message content. Ignored when the `message` attribute is set.",
-              "name": ""
-            },
-            {
-              "description": "Rendered in the header after the sender and time (e.g. an INTERNAL NOTE chip).",
-              "name": "badge"
-            },
-            {
-              "description": "Action rendered at the end of the bubble (e.g. a remove icon button).",
-              "name": "edit-dialog-trigger"
-            },
-            {
-              "description": "Pass-through for an associated dialog element.",
-              "name": "edit-dialog"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "dependencies",
+              "name": "type",
               "type": {
-                "text": "object"
+                "text": "ChartType"
               },
-              "static": true,
-              "default": "{ 'zn-icon': ZnIcon }"
+              "default": "'bar'",
+              "attribute": "type"
             },
             {
               "kind": "field",
-              "name": "SYSTEM_ACTION_TYPES",
+              "name": "data",
               "type": {
-                "text": "readonly string[]"
+                "text": "SeriesItem[]"
               },
-              "static": true,
-              "readonly": true,
-              "default": "[ 'connected.agent', 'attachment.added', 'transfer', 'ended', 'customer.ended', 'customer.connected', 'customer.disconnected', ]"
+              "default": "[]",
+              "attribute": "data"
             },
             {
               "kind": "field",
-              "name": "DISPLAYED_ACTION_TYPES",
+              "name": "categories",
               "type": {
-                "text": "readonly string[]"
+                "text": "string[]"
+              },
+              "default": "[]",
+              "attribute": "categories"
+            },
+            {
+              "kind": "field",
+              "name": "xAxis",
+              "type": {
+                "text": "'datetime' | 'category' | 'numeric'"
+              },
+              "attribute": "xaxis"
+            },
+            {
+              "kind": "field",
+              "name": "datapointSize",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "attribute": "d-size"
+            },
+            {
+              "kind": "field",
+              "name": "stacked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "stacked"
+            },
+            {
+              "kind": "field",
+              "name": "live",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "live"
+            },
+            {
+              "kind": "field",
+              "name": "dataUrl",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "data-url"
+            },
+            {
+              "kind": "field",
+              "name": "liveInterval",
+              "type": {
+                "text": "number"
+              },
+              "default": "1000",
+              "attribute": "live-interval"
+            },
+            {
+              "kind": "field",
+              "name": "height",
+              "type": {
+                "text": "number"
+              },
+              "default": "300",
+              "attribute": "height",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "enableAnimations",
+              "type": {
+                "text": "boolean | number"
+              },
+              "default": "false",
+              "attribute": "enable-animations"
+            },
+            {
+              "kind": "field",
+              "name": "yAxisAppend",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "y-axis-append"
+            },
+            {
+              "kind": "field",
+              "name": "colors",
+              "type": {
+                "text": "string[] | undefined"
+              },
+              "attribute": "colors"
+            },
+            {
+              "kind": "field",
+              "name": "syncGroup",
+              "type": {
+                "text": "string | undefined"
+              },
+              "attribute": "sync-group"
+            },
+            {
+              "kind": "field",
+              "name": "smooth",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "smooth"
+            },
+            {
+              "kind": "field",
+              "name": "scale",
+              "type": {
+                "text": "boolean | number"
+              },
+              "default": "false",
+              "attribute": "scale"
+            },
+            {
+              "kind": "field",
+              "name": "chart",
+              "type": {
+                "text": "ECharts | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "liveTimer",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "resizeObserver",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new ResizeController(this, { target: null, skipInitial: true, callback: () => this.chart?.resize(), })"
+            },
+            {
+              "kind": "method",
+              "name": "getTheme",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "'light' | 'dark'"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getTextColor",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string | undefined"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getBorderColor",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string | undefined"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "buildOption",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "initChart",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "startLive",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "reinit",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "type",
+              "type": {
+                "text": "ChartType"
+              },
+              "default": "'bar'",
+              "fieldName": "type"
+            },
+            {
+              "name": "data",
+              "type": {
+                "text": "SeriesItem[]"
+              },
+              "default": "[]",
+              "fieldName": "data"
+            },
+            {
+              "name": "categories",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "[]",
+              "fieldName": "categories"
+            },
+            {
+              "name": "xaxis",
+              "type": {
+                "text": "'datetime' | 'category' | 'numeric'"
+              },
+              "fieldName": "xAxis"
+            },
+            {
+              "name": "d-size",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "fieldName": "datapointSize"
+            },
+            {
+              "name": "stacked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "stacked"
+            },
+            {
+              "name": "live",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "live"
+            },
+            {
+              "name": "data-url",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "dataUrl"
+            },
+            {
+              "name": "live-interval",
+              "type": {
+                "text": "number"
+              },
+              "default": "1000",
+              "fieldName": "liveInterval"
+            },
+            {
+              "name": "height",
+              "type": {
+                "text": "number"
+              },
+              "default": "300",
+              "fieldName": "height"
+            },
+            {
+              "name": "enable-animations",
+              "type": {
+                "text": "boolean | number"
+              },
+              "default": "false",
+              "fieldName": "enableAnimations"
+            },
+            {
+              "name": "y-axis-append",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "yAxisAppend"
+            },
+            {
+              "name": "colors",
+              "type": {
+                "text": "string[] | undefined"
+              },
+              "fieldName": "colors"
+            },
+            {
+              "name": "sync-group",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "syncGroup"
+            },
+            {
+              "name": "smooth",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "smooth"
+            },
+            {
+              "name": "scale",
+              "type": {
+                "text": "boolean | number"
+              },
+              "default": "false",
+              "fieldName": "scale"
+            }
+          ],
+          "superclass": {
+            "name": "ZincElement",
+            "module": "/src/internal/zinc-element"
+          },
+          "summary": "Chart component powered by Apache ECharts.",
+          "tagNameWithoutPrefix": "chart",
+          "tagName": "zn-chart",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Chart component powered by Apache ECharts.\n * @documentation https://zinc.style/components/data-chart\n * @status experimental\n * @since 1.0\n *\n * @csspart base - The component's base wrapper.\n */",
+          "documentation": "https://zinc.style/components/data-chart",
+          "status": "experimental",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ZnChart",
+            "module": "components/chart/chart.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/chat-message/chat-message.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ZnChatMessage",
+          "cssProperties": [
+            {
+              "description": "The bubble's background colour.",
+              "name": "--message-background"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The avatar column.",
+              "name": "avatar"
+            },
+            {
+              "description": "The header and bubble column.",
+              "name": "body"
+            },
+            {
+              "description": "The sender/time/badge row.",
+              "name": "header"
+            },
+            {
+              "description": "The message bubble.",
+              "name": "bubble"
+            },
+            {
+              "description": "The message content within the bubble.",
+              "name": "content"
+            },
+            {
+              "description": "The card rendered for system action types.",
+              "name": "system-card"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The message content. Ignored when the `message` attribute is set.",
+              "name": ""
+            },
+            {
+              "description": "Rendered in the header after the sender and time (e.g. an INTERNAL NOTE chip).",
+              "name": "badge"
+            },
+            {
+              "description": "Action rendered at the end of the bubble (e.g. a remove icon button).",
+              "name": "edit-dialog-trigger"
+            },
+            {
+              "description": "Pass-through for an associated dialog element.",
+              "name": "edit-dialog"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'zn-icon': ZnIcon }"
+            },
+            {
+              "kind": "field",
+              "name": "SYSTEM_ACTION_TYPES",
+              "type": {
+                "text": "readonly string[]"
+              },
+              "static": true,
+              "readonly": true,
+              "default": "[ 'connected.agent', 'attachment.added', 'transfer', 'ended', 'customer.ended', 'customer.connected', 'customer.disconnected', ]"
+            },
+            {
+              "kind": "field",
+              "name": "DISPLAYED_ACTION_TYPES",
+              "type": {
+                "text": "readonly string[]"
               },
               "privacy": "private",
               "static": true,
@@ -23357,639 +23896,534 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/priority-list/priority-list.js",
+      "path": "components/popup/popup.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ZnPriorityList",
+          "name": "ZnPopup",
           "cssProperties": [
             {
-              "description": "The gap between list items. Defaults to `var(--zn-spacing-2x-small)`.",
-              "name": "--zn-priority-list-item-gap"
-            },
-            {
-              "description": "The padding inside each item. Defaults to `var(--zn-spacing-small) var(--zn-spacing-medium)`.",
-              "name": "--zn-priority-list-item-padding"
-            },
-            {
-              "description": "The color of the drag handle. Defaults to `var(--zn-color-neutral-500)`.",
-              "name": "--zn-priority-list-handle-color"
-            },
-            {
-              "description": "The color of the priority number. Defaults to `var(--zn-color-neutral-600)`.",
-              "name": "--zn-priority-list-priority-color"
+              "description": "An example CSS custom property.",
+              "name": "--example"
             }
           ],
           "cssParts": [
             {
-              "description": "The form control wrapper.",
-              "name": "form-control"
-            },
-            {
-              "description": "The label wrapper.",
-              "name": "form-control-label"
-            },
-            {
-              "description": "The input area wrapper.",
-              "name": "form-control-input"
-            },
-            {
-              "description": "The help text wrapper.",
-              "name": "form-control-help-text"
-            },
-            {
-              "description": "The list container.",
-              "name": "list"
-            },
-            {
-              "description": "An individual list item row.",
-              "name": "item"
-            },
-            {
-              "description": "The drag handle icon.",
-              "name": "drag-handle"
-            },
-            {
-              "description": "The priority number badge.",
-              "name": "priority"
-            },
-            {
-              "description": "The content area of an item.",
-              "name": "content"
+              "description": "The component's base wrapper.",
+              "name": "base"
             }
           ],
           "slots": [
             {
-              "description": "The default slot where list items are placed. Each slotted element must have a `value` attribute that uniquely identifies the item. The component automatically assigns slot names to project each item into the correct position. The item's position in the list determines its priority (top = `priority-start`, incrementing).",
+              "description": "The default slot.",
               "name": ""
             },
             {
-              "description": "The component's label. Required for proper accessibility. Alternatively, use the `label` attribute.",
-              "name": "label"
-            },
-            {
-              "description": "Used to add text displayed in a tooltip next to the label.",
-              "name": "label-tooltip"
-            },
-            {
-              "description": "Text that describes how to use the component. Alternatively, use the `help-text` attribute.",
-              "name": "help-text"
+              "description": "An example slot.",
+              "name": "example"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "dependencies",
+              "name": "anchorEl",
               "type": {
-                "text": "object"
+                "text": "Element | VirtualElement | null"
               },
-              "static": true,
-              "default": "{ 'zn-icon': ZnIcon, }"
-            },
-            {
-              "kind": "field",
-              "name": "formControlController",
-              "privacy": "protected",
-              "readonly": true,
-              "default": "new FormControlController(this, { value: (control: ZnPriorityList) => { return JSON.stringify(control.getPriorityMap()); }, defaultValue: (control: ZnPriorityList) => control.defaultValue, setValue: (control: ZnPriorityList, value: string) => { if (value) { try { const parsed: unknown = JSON.parse(value); if (Array.isArray(parsed) && parsed.every((item: unknown): item is string => typeof item === 'string')) { control.value = parsed as string[]; } } catch { // ignore parse errors } } }, })"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'help-text', 'label')"
+              "name": "cleanup",
+              "type": {
+                "text": "ReturnType<typeof autoUpdate> | undefined"
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "hiddenInputsContainer",
+              "name": "popup",
               "type": {
-                "text": "HTMLDivElement"
-              }
+                "text": "HTMLElement"
+              },
+              "description": "A reference to the internal popup container. Useful for animating and styling the popup with JavaScript."
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "arrowEl",
               "type": {
-                "text": "string"
+                "text": "HTMLElement"
               },
-              "default": "''",
-              "description": "The name prefix for form submission. Each item generates a hidden input named `{name}[{itemValue}]`\nwith the priority number as its value.",
-              "attribute": "name"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "anchor",
               "type": {
-                "text": "string[]"
+                "text": "Element | string | VirtualElement"
               },
-              "description": "The current ordered list of item keys, reflecting the visual order. This is the source of truth for ordering.\nEach entry should match a `value` attribute on a slotted child element.",
-              "attribute": "value"
+              "description": "The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide the anchor\nelement `id`, a DOM element reference, or a `VirtualElement`. If the anchor lives inside the popup, use the\n`anchor` slot instead.",
+              "attribute": "anchor"
             },
             {
               "kind": "field",
-              "name": "_value",
+              "name": "active",
               "type": {
-                "text": "string[]"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "default": "[]"
+              "default": "false",
+              "description": "Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn\ndown and the popup will be hidden.",
+              "attribute": "active",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "defaultValue",
+              "name": "placement",
               "type": {
-                "text": "string[]"
+                "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
               },
-              "default": "[]"
+              "default": "'top'",
+              "description": "The preferred placement of the popup. Note that the actual placement will vary as configured to keep the\npanel inside of the viewport.",
+              "attribute": "placement",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "strategy",
               "type": {
-                "text": "string"
+                "text": "'absolute' | 'fixed'"
               },
-              "default": "''",
-              "description": "The component's label. Required for proper accessibility.",
-              "attribute": "label"
+              "default": "'fixed'",
+              "description": "Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if overflow is\nclipped, using a `fixed` position strategy can often workaround it.",
+              "attribute": "strategy",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "labelTooltip",
+              "name": "distance",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''",
-              "description": "Text that appears in a tooltip next to the label.",
-              "attribute": "label-tooltip"
+              "default": "0",
+              "description": "The distance in pixels from which to offset the panel away from its anchor.",
+              "attribute": "distance"
             },
             {
               "kind": "field",
-              "name": "helpText",
+              "name": "skidding",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''",
-              "description": "Help text that describes how to use the component.",
-              "attribute": "help-text"
+              "default": "0",
+              "description": "The distance in pixels from which to offset the panel along its anchor.",
+              "attribute": "skidding"
             },
             {
               "kind": "field",
-              "name": "form",
+              "name": "arrow",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "Associates the control with a form by id. The form must be in the same document or shadow root.",
-              "attribute": "form",
-              "reflects": true
+              "default": "false",
+              "description": "Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and\n`--arrow-color` custom properties. For additional customizations, you can also target the arrow using\n`::part(arrow)` in your stylesheet.",
+              "attribute": "arrow"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "arrowPlacement",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "'start' | 'end' | 'center' | 'anchor'"
               },
-              "default": "'medium'",
-              "description": "The size of the list items.",
-              "attribute": "size",
-              "reflects": true
+              "default": "'anchor'",
+              "description": "The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the\nanchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will\nalign the arrow to the start, end, or center of the popover instead.",
+              "attribute": "arrow-placement"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "arrowPadding",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Whether the priority list is disabled.",
-              "attribute": "disabled",
-              "reflects": true
+              "default": "10",
+              "description": "The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,\nthis will prevent it from overflowing the corners.",
+              "attribute": "arrow-padding"
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "flip",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Ensures the form control has a value before allowing submission.",
-              "attribute": "required",
-              "reflects": true
+              "description": "When set, placement of the popup will flip to the opposite site to keep it in view. You can use\n`flipFallbackPlacements` to further configure how the fallback placement is determined.",
+              "attribute": "flip"
             },
             {
               "kind": "field",
-              "name": "priorityStart",
+              "name": "flipFallbackPlacements",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "1",
-              "description": "The starting priority number. Defaults to 1.",
-              "attribute": "priority-start"
+              "default": "''",
+              "description": "If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a\nstring of any number of placements separated by a space, e.g. \"top bottom left\". If no placement fits, the flip\nfallback strategy will be used instead.",
+              "attribute": "flip-fallback-placements"
             },
             {
               "kind": "field",
-              "name": "formAction",
+              "name": "flipFallbackStrategy",
               "type": {
-                "text": "string"
+                "text": "'best-fit' | 'initial'"
               },
-              "description": "When set, the associated form will be submitted with the given action URL whenever items are reordered.\nIf set to an empty string, the form will be submitted using its existing action.",
-              "attribute": "formaction"
+              "default": "'best-fit'",
+              "description": "When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether\nthe popup should be positioned using the best available fit based on available space or as it was initially\npreferred.",
+              "attribute": "flip-fallback-strategy"
             },
             {
               "kind": "field",
-              "name": "order",
+              "name": "flipBoundary",
               "type": {
-                "text": "string"
+                "text": "Element | Element[]"
               },
-              "default": "''",
-              "description": "A comma-separated list of item keys defining the initial display order.\nKeys must match the `value` attributes on slotted children.\nAny slotted items not listed are appended at the end in DOM order.",
-              "attribute": "order"
+              "description": "The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
+              "attribute": "flipBoundary"
             },
             {
               "kind": "field",
-              "name": "draggedKey",
+              "name": "flipPadding",
               "type": {
-                "text": "string | null"
+                "text": "number"
               },
-              "privacy": "private",
-              "default": "null"
+              "default": "0",
+              "description": "The amount of padding, in pixels, to exceed before the flip behavior will occur.",
+              "attribute": "flip-padding"
             },
             {
               "kind": "field",
-              "name": "isDragging",
+              "name": "shift",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "false",
+              "description": "Moves the popup along the axis to keep it in view when clipped.",
+              "attribute": "shift"
             },
             {
               "kind": "field",
-              "name": "dragOverKey",
+              "name": "shiftBoundary",
               "type": {
-                "text": "string | null"
+                "text": "Element | Element[]"
               },
-              "privacy": "private",
-              "default": "null"
+              "description": "The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
+              "attribute": "shiftBoundary"
             },
             {
               "kind": "field",
-              "name": "validity",
+              "name": "shiftPadding",
               "type": {
-                "text": "ValidityState"
+                "text": "number"
               },
-              "description": "Gets the validity state object.",
-              "readonly": true
+              "default": "0",
+              "description": "The amount of padding, in pixels, to exceed before the shift behavior will occur.",
+              "attribute": "shift-padding"
             },
             {
               "kind": "field",
-              "name": "validationMessage",
+              "name": "autoSize",
               "type": {
-                "text": "string"
+                "text": "'horizontal' | 'vertical' | 'both'"
               },
-              "description": "Gets the validation message.",
-              "readonly": true
+              "description": "When set, this will cause the popup to automatically resize itself to prevent it from overflowing.",
+              "attribute": "auto-size"
             },
             {
-              "kind": "method",
-              "name": "_initializeOrderFromSlot",
-              "privacy": "private",
-              "description": "Initialize item order from slotted children if no explicit value was provided.\nIf an `order` attribute is set, use it to define the initial order,\nappending any slotted items not listed in the order at the end."
+              "kind": "field",
+              "name": "sync",
+              "type": {
+                "text": "'width' | 'height' | 'both'"
+              },
+              "description": "Syncs the popup's width or height to that of the anchor element.",
+              "attribute": "sync"
             },
             {
-              "kind": "method",
-              "name": "_getSlottedItems",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "HTMLElement[]"
-                }
+              "kind": "field",
+              "name": "autoSizeBoundary",
+              "type": {
+                "text": "Element | Element[]"
               },
-              "description": "Gets all direct children with a `value` attribute (excluding those in reserved slots)."
+              "description": "The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
+              "attribute": "autoSizeBoundary"
             },
             {
-              "kind": "method",
-              "name": "_assignSlotNames",
-              "privacy": "private",
-              "description": "Assigns `slot` attributes to light DOM children based on their `value` attribute,\nso they project into the correct named slot in the shadow DOM."
+              "kind": "field",
+              "name": "autoSizePadding",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The amount of padding, in pixels, to exceed before the auto-size behavior will occur.",
+              "attribute": "auto-size-padding"
             },
             {
-              "kind": "method",
-              "name": "getPriorityMap",
-              "return": {
-                "type": {
-                  "text": "PriorityItem[]"
-                }
+              "kind": "field",
+              "name": "hoverBridge",
+              "type": {
+                "text": "boolean"
               },
-              "description": "Returns the priority map: an array of { key, priority } objects."
+              "default": "false",
+              "description": "When a gap exists between the anchor and the popup element, this option will add a \"hover bridge\" that fills the\ngap using an invisible element. This makes listening for events such as `mouseenter` and `mouseleave` more sane\nbecause the pointer never technically leaves the element. The hover bridge will only be drawn when the popover is\nactive.",
+              "attribute": "hover-bridge"
             },
             {
               "kind": "method",
-              "name": "_syncHiddenInputs",
-              "privacy": "private",
-              "description": "Syncs hidden inputs so form data includes priority values."
+              "name": "handleAnchorChange",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "_moveItem",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "fromIndex",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "toIndex",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ],
-              "description": "Moves an item from one index to another."
+              "kind": "field",
+              "name": "handleAnchorHover",
+              "privacy": "public"
             },
             {
               "kind": "method",
-              "name": "_submitForm",
-              "privacy": "private",
-              "description": "Submits the associated form if a `formaction` attribute is set."
+              "name": "start",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "_handleDragStart",
+              "name": "stop",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "DragEvent"
-                  }
-                },
-                {
-                  "name": "key",
-                  "type": {
-                    "text": "string"
-                  }
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
                 }
-              ]
+              }
             },
             {
               "kind": "method",
-              "name": "_handleDragEnd",
-              "privacy": "private"
+              "name": "reposition",
+              "description": "Forces the popup to recalculate and reposition itself."
             },
             {
-              "kind": "method",
-              "name": "_handleDragOver",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "DragEvent"
-                  }
-                },
-                {
-                  "name": "key",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
+              "kind": "field",
+              "name": "updateHoverBridge",
+              "privacy": "private"
+            }
+          ],
+          "events": [
             {
-              "kind": "method",
-              "name": "_handleDragLeave",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "DragEvent"
-                  }
-                },
-                {
-                  "name": "key",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
+              "description": "Emitted as an example.",
+              "name": "zn-event-name"
+            }
+          ],
+          "attributes": [
             {
-              "kind": "method",
-              "name": "_handleDrop",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "DragEvent"
-                  }
-                }
-              ]
+              "name": "anchor",
+              "type": {
+                "text": "Element | string | VirtualElement"
+              },
+              "description": "The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide the anchor\nelement `id`, a DOM element reference, or a `VirtualElement`. If the anchor lives inside the popup, use the\n`anchor` slot instead.",
+              "fieldName": "anchor"
             },
             {
-              "kind": "method",
-              "name": "_handleKeyDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                },
-                {
-                  "name": "key",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn\ndown and the popup will be hidden.",
+              "fieldName": "active"
             },
             {
-              "kind": "method",
-              "name": "_handleSlotChange",
-              "privacy": "private"
+              "name": "placement",
+              "type": {
+                "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
+              },
+              "default": "'top'",
+              "description": "The preferred placement of the popup. Note that the actual placement will vary as configured to keep the\npanel inside of the viewport.",
+              "fieldName": "placement"
             },
             {
-              "kind": "method",
-              "name": "checkValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "name": "strategy",
+              "type": {
+                "text": "'absolute' | 'fixed'"
               },
-              "description": "Checks for validity but does not show a validation message."
+              "default": "'fixed'",
+              "description": "Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if overflow is\nclipped, using a `fixed` position strategy can often workaround it.",
+              "fieldName": "strategy"
             },
             {
-              "kind": "method",
-              "name": "getForm",
-              "return": {
-                "type": {
-                  "text": "HTMLFormElement | null"
-                }
+              "name": "distance",
+              "type": {
+                "text": "number"
               },
-              "description": "Gets the associated form, if one exists."
+              "default": "0",
+              "description": "The distance in pixels from which to offset the panel away from its anchor.",
+              "fieldName": "distance"
             },
             {
-              "kind": "method",
-              "name": "reportValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "name": "skidding",
+              "type": {
+                "text": "number"
               },
-              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
+              "default": "0",
+              "description": "The distance in pixels from which to offset the panel along its anchor.",
+              "fieldName": "skidding"
             },
             {
-              "kind": "method",
-              "name": "setCustomValidity",
-              "parameters": [
-                {
-                  "name": "_message",
-                  "default": "''"
-                }
-              ],
-              "description": "Sets a custom validation message. Pass an empty string to restore validity."
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the order of items changes.",
-              "name": "zn-change"
+              "name": "arrow",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and\n`--arrow-color` custom properties. For additional customizations, you can also target the arrow using\n`::part(arrow)` in your stylesheet.",
+              "fieldName": "arrow"
             },
             {
-              "description": "Emitted when items are reordered. Call `getPriorityMap()` on the component to get the updated `{ key: string, priority: number }[]` array.",
-              "name": "zn-reorder"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "name",
+              "name": "arrow-placement",
               "type": {
-                "text": "string"
+                "text": "'start' | 'end' | 'center' | 'anchor'"
               },
-              "default": "''",
-              "description": "The name prefix for form submission. Each item generates a hidden input named `{name}[{itemValue}]`\nwith the priority number as its value.",
-              "fieldName": "name"
+              "default": "'anchor'",
+              "description": "The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the\nanchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will\nalign the arrow to the start, end, or center of the popover instead.",
+              "fieldName": "arrowPlacement"
             },
             {
-              "name": "value",
+              "name": "arrow-padding",
               "type": {
-                "text": "string[]"
+                "text": "number"
               },
-              "description": "The current ordered list of item keys, reflecting the visual order. This is the source of truth for ordering.\nEach entry should match a `value` attribute on a slotted child element.",
-              "fieldName": "value"
+              "default": "10",
+              "description": "The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,\nthis will prevent it from overflowing the corners.",
+              "fieldName": "arrowPadding"
             },
             {
-              "name": "label",
+              "name": "flip",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The component's label. Required for proper accessibility.",
-              "fieldName": "label"
+              "default": "false",
+              "description": "When set, placement of the popup will flip to the opposite site to keep it in view. You can use\n`flipFallbackPlacements` to further configure how the fallback placement is determined.",
+              "fieldName": "flip"
             },
             {
-              "name": "label-tooltip",
+              "name": "flip-fallback-placements",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Text that appears in a tooltip next to the label.",
-              "fieldName": "labelTooltip"
+              "description": "If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a\nstring of any number of placements separated by a space, e.g. \"top bottom left\". If no placement fits, the flip\nfallback strategy will be used instead.",
+              "fieldName": "flipFallbackPlacements"
             },
             {
-              "name": "help-text",
+              "name": "flip-fallback-strategy",
               "type": {
-                "text": "string"
+                "text": "'best-fit' | 'initial'"
               },
-              "default": "''",
-              "description": "Help text that describes how to use the component.",
-              "fieldName": "helpText"
+              "default": "'best-fit'",
+              "description": "When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether\nthe popup should be positioned using the best available fit based on available space or as it was initially\npreferred.",
+              "fieldName": "flipFallbackStrategy"
             },
             {
-              "name": "form",
+              "name": "flipBoundary",
               "type": {
-                "text": "string"
+                "text": "Element | Element[]"
               },
-              "default": "''",
-              "description": "Associates the control with a form by id. The form must be in the same document or shadow root.",
-              "fieldName": "form"
+              "description": "The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
+              "fieldName": "flipBoundary"
             },
             {
-              "name": "size",
+              "name": "flip-padding",
               "type": {
-                "text": "'small' | 'medium' | 'large'"
+                "text": "number"
               },
-              "default": "'medium'",
-              "description": "The size of the list items.",
-              "fieldName": "size"
+              "default": "0",
+              "description": "The amount of padding, in pixels, to exceed before the flip behavior will occur.",
+              "fieldName": "flipPadding"
             },
             {
-              "name": "disabled",
+              "name": "shift",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the priority list is disabled.",
-              "fieldName": "disabled"
+              "description": "Moves the popup along the axis to keep it in view when clipped.",
+              "fieldName": "shift"
             },
             {
-              "name": "required",
+              "name": "shiftBoundary",
               "type": {
-                "text": "boolean"
+                "text": "Element | Element[]"
               },
-              "default": "false",
-              "description": "Ensures the form control has a value before allowing submission.",
-              "fieldName": "required"
+              "description": "The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
+              "fieldName": "shiftBoundary"
             },
             {
-              "name": "priority-start",
+              "name": "shift-padding",
               "type": {
                 "text": "number"
               },
-              "default": "1",
-              "description": "The starting priority number. Defaults to 1.",
-              "fieldName": "priorityStart"
+              "default": "0",
+              "description": "The amount of padding, in pixels, to exceed before the shift behavior will occur.",
+              "fieldName": "shiftPadding"
             },
             {
-              "name": "formaction",
+              "name": "auto-size",
               "type": {
-                "text": "string"
+                "text": "'horizontal' | 'vertical' | 'both'"
               },
-              "description": "When set, the associated form will be submitted with the given action URL whenever items are reordered.\nIf set to an empty string, the form will be submitted using its existing action.",
-              "fieldName": "formAction"
+              "description": "When set, this will cause the popup to automatically resize itself to prevent it from overflowing.",
+              "fieldName": "autoSize"
             },
             {
-              "name": "order",
+              "name": "sync",
               "type": {
-                "text": "string"
+                "text": "'width' | 'height' | 'both'"
               },
-              "default": "''",
-              "description": "A comma-separated list of item keys defining the initial display order.\nKeys must match the `value` attributes on slotted children.\nAny slotted items not listed are appended at the end in DOM order.",
-              "fieldName": "order"
+              "description": "Syncs the popup's width or height to that of the anchor element.",
+              "fieldName": "sync"
+            },
+            {
+              "name": "autoSizeBoundary",
+              "type": {
+                "text": "Element | Element[]"
+              },
+              "description": "The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
+              "fieldName": "autoSizeBoundary"
+            },
+            {
+              "name": "auto-size-padding",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The amount of padding, in pixels, to exceed before the auto-size behavior will occur.",
+              "fieldName": "autoSizePadding"
+            },
+            {
+              "name": "hover-bridge",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When a gap exists between the anchor and the popup element, this option will add a \"hover bridge\" that fills the\ngap using an invisible element. This makes listening for events such as `mouseenter` and `mouseleave` more sane\nbecause the pointer never technically leaves the element. The hover bridge will only be drawn when the popover is\nactive.",
+              "fieldName": "hoverBridge"
             }
           ],
           "superclass": {
             "name": "ZincElement",
             "module": "/src/internal/zinc-element"
           },
-          "summary": "A reorderable list where each item receives a numerical priority based on its position. Supports drag-and-drop\nand keyboard reordering. Priority values are submitted as form data via hidden inputs.",
-          "tagNameWithoutPrefix": "priority-list",
-          "tagName": "zn-priority-list",
+          "summary": "Short summary of the component's intended use.",
+          "tagNameWithoutPrefix": "popup",
+          "tagName": "zn-popup",
           "customElement": true,
-          "jsDoc": "/**\n * @summary A reorderable list where each item receives a numerical priority based on its position. Supports drag-and-drop\n *   and keyboard reordering. Priority values are submitted as form data via hidden inputs.\n *\n * @documentation https://zinc.style/components/priority-list\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-icon\n *\n * @slot - The default slot where list items are placed. Each slotted element must have a `value` attribute that\n *   uniquely identifies the item. The component automatically assigns slot names to project each item into the\n *   correct position. The item's position in the list determines its priority (top = `priority-start`, incrementing).\n * @slot label - The component's label. Required for proper accessibility. Alternatively, use the `label` attribute.\n * @slot label-tooltip - Used to add text displayed in a tooltip next to the label.\n * @slot help-text - Text that describes how to use the component. Alternatively, use the `help-text` attribute.\n *\n * @event zn-change - Emitted when the order of items changes.\n * @event zn-reorder - Emitted when items are reordered. Call `getPriorityMap()` on the component to get\n *   the updated `{ key: string, priority: number }[]` array.\n *\n * @csspart form-control - The form control wrapper.\n * @csspart form-control-label - The label wrapper.\n * @csspart form-control-input - The input area wrapper.\n * @csspart form-control-help-text - The help text wrapper.\n * @csspart list - The list container.\n * @csspart item - An individual list item row.\n * @csspart drag-handle - The drag handle icon.\n * @csspart priority - The priority number badge.\n * @csspart content - The content area of an item.\n *\n * @cssproperty --zn-priority-list-item-gap - The gap between list items. Defaults to `var(--zn-spacing-2x-small)`.\n * @cssproperty --zn-priority-list-item-padding - The padding inside each item. Defaults to `var(--zn-spacing-small) var(--zn-spacing-medium)`.\n * @cssproperty --zn-priority-list-handle-color - The color of the drag handle. Defaults to `var(--zn-color-neutral-500)`.\n * @cssproperty --zn-priority-list-priority-color - The color of the priority number. Defaults to `var(--zn-color-neutral-600)`.\n */",
-          "documentation": "https://zinc.style/components/priority-list",
+          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/popup\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-example\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
+          "documentation": "https://zinc.style/components/popup",
           "status": "experimental",
           "since": "1.0",
           "dependencies": [
-            "zn-icon"
+            "zn-example"
           ]
         }
       ],
@@ -23998,542 +24432,647 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "ZnPriorityList",
-            "module": "components/priority-list/priority-list.js"
+            "name": "ZnPopup",
+            "module": "components/popup/popup.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/popup/popup.js",
+      "path": "components/priority-list/priority-list.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ZnPopup",
+          "name": "ZnPriorityList",
           "cssProperties": [
             {
-              "description": "An example CSS custom property.",
-              "name": "--example"
+              "description": "The gap between list items. Defaults to `var(--zn-spacing-2x-small)`.",
+              "name": "--zn-priority-list-item-gap"
+            },
+            {
+              "description": "The padding inside each item. Defaults to `var(--zn-spacing-small) var(--zn-spacing-medium)`.",
+              "name": "--zn-priority-list-item-padding"
+            },
+            {
+              "description": "The color of the drag handle. Defaults to `var(--zn-color-neutral-500)`.",
+              "name": "--zn-priority-list-handle-color"
+            },
+            {
+              "description": "The color of the priority number. Defaults to `var(--zn-color-neutral-600)`.",
+              "name": "--zn-priority-list-priority-color"
             }
           ],
           "cssParts": [
             {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
+              "description": "The form control wrapper.",
+              "name": "form-control"
+            },
             {
-              "description": "The default slot.",
-              "name": ""
+              "description": "The label wrapper.",
+              "name": "form-control-label"
             },
             {
-              "description": "An example slot.",
-              "name": "example"
+              "description": "The input area wrapper.",
+              "name": "form-control-input"
+            },
+            {
+              "description": "The help text wrapper.",
+              "name": "form-control-help-text"
+            },
+            {
+              "description": "The list container.",
+              "name": "list"
+            },
+            {
+              "description": "An individual list item row.",
+              "name": "item"
+            },
+            {
+              "description": "The drag handle icon.",
+              "name": "drag-handle"
+            },
+            {
+              "description": "The priority number badge.",
+              "name": "priority"
+            },
+            {
+              "description": "The content area of an item.",
+              "name": "content"
             }
           ],
-          "members": [
+          "slots": [
             {
-              "kind": "field",
-              "name": "anchorEl",
-              "type": {
-                "text": "Element | VirtualElement | null"
-              },
-              "privacy": "private"
+              "description": "The default slot where list items are placed. Each slotted element must have a `value` attribute that uniquely identifies the item. The component automatically assigns slot names to project each item into the correct position. The item's position in the list determines its priority (top = `priority-start`, incrementing).",
+              "name": ""
             },
             {
-              "kind": "field",
-              "name": "cleanup",
-              "type": {
-                "text": "ReturnType<typeof autoUpdate> | undefined"
-              },
-              "privacy": "private"
+              "description": "The component's label. Required for proper accessibility. Alternatively, use the `label` attribute.",
+              "name": "label"
             },
             {
-              "kind": "field",
-              "name": "popup",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "description": "A reference to the internal popup container. Useful for animating and styling the popup with JavaScript."
+              "description": "Used to add text displayed in a tooltip next to the label.",
+              "name": "label-tooltip"
             },
+            {
+              "description": "Text that describes how to use the component. Alternatively, use the `help-text` attribute.",
+              "name": "help-text"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "arrowEl",
+              "name": "dependencies",
               "type": {
-                "text": "HTMLElement"
+                "text": "object"
               },
-              "privacy": "private"
+              "static": true,
+              "default": "{ 'zn-icon': ZnIcon, }"
             },
             {
               "kind": "field",
-              "name": "anchor",
-              "type": {
-                "text": "Element | string | VirtualElement"
-              },
-              "description": "The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide the anchor\nelement `id`, a DOM element reference, or a `VirtualElement`. If the anchor lives inside the popup, use the\n`anchor` slot instead.",
-              "attribute": "anchor"
+              "name": "formControlController",
+              "privacy": "protected",
+              "readonly": true,
+              "default": "new FormControlController(this, { value: (control: ZnPriorityList) => { return JSON.stringify(control.getPriorityMap()); }, defaultValue: (control: ZnPriorityList) => control.defaultValue, setValue: (control: ZnPriorityList, value: string) => { if (value) { try { const parsed: unknown = JSON.parse(value); if (Array.isArray(parsed) && parsed.every((item: unknown): item is string => typeof item === 'string')) { control.value = parsed as string[]; } } catch { // ignore parse errors } } }, })"
             },
             {
               "kind": "field",
-              "name": "active",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn\ndown and the popup will be hidden.",
-              "attribute": "active",
-              "reflects": true
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'help-text', 'label')"
             },
             {
               "kind": "field",
-              "name": "placement",
+              "name": "hiddenInputsContainer",
               "type": {
-                "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
-              },
-              "default": "'top'",
-              "description": "The preferred placement of the popup. Note that the actual placement will vary as configured to keep the\npanel inside of the viewport.",
-              "attribute": "placement",
-              "reflects": true
+                "text": "HTMLDivElement"
+              }
             },
             {
               "kind": "field",
-              "name": "strategy",
+              "name": "name",
               "type": {
-                "text": "'absolute' | 'fixed'"
+                "text": "string"
               },
-              "default": "'fixed'",
-              "description": "Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if overflow is\nclipped, using a `fixed` position strategy can often workaround it.",
-              "attribute": "strategy",
-              "reflects": true
+              "default": "''",
+              "description": "The name prefix for form submission. Each item generates a hidden input named `{name}[{itemValue}]`\nwith the priority number as its value.",
+              "attribute": "name"
             },
             {
               "kind": "field",
-              "name": "distance",
+              "name": "value",
               "type": {
-                "text": "number"
+                "text": "string[]"
               },
-              "default": "0",
-              "description": "The distance in pixels from which to offset the panel away from its anchor.",
-              "attribute": "distance"
+              "description": "The current ordered list of item keys, reflecting the visual order. This is the source of truth for ordering.\nEach entry should match a `value` attribute on a slotted child element.",
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "skidding",
+              "name": "_value",
               "type": {
-                "text": "number"
+                "text": "string[]"
               },
-              "default": "0",
-              "description": "The distance in pixels from which to offset the panel along its anchor.",
-              "attribute": "skidding"
+              "privacy": "private",
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "arrow",
+              "name": "defaultValue",
               "type": {
-                "text": "boolean"
+                "text": "string[]"
               },
-              "default": "false",
-              "description": "Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and\n`--arrow-color` custom properties. For additional customizations, you can also target the arrow using\n`::part(arrow)` in your stylesheet.",
-              "attribute": "arrow"
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "arrowPlacement",
+              "name": "label",
               "type": {
-                "text": "'start' | 'end' | 'center' | 'anchor'"
+                "text": "string"
               },
-              "default": "'anchor'",
-              "description": "The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the\nanchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will\nalign the arrow to the start, end, or center of the popover instead.",
-              "attribute": "arrow-placement"
+              "default": "''",
+              "description": "The component's label. Required for proper accessibility.",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "arrowPadding",
+              "name": "labelTooltip",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "10",
-              "description": "The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,\nthis will prevent it from overflowing the corners.",
-              "attribute": "arrow-padding"
+              "default": "''",
+              "description": "Text that appears in a tooltip next to the label.",
+              "attribute": "label-tooltip"
             },
             {
               "kind": "field",
-              "name": "flip",
+              "name": "helpText",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "When set, placement of the popup will flip to the opposite site to keep it in view. You can use\n`flipFallbackPlacements` to further configure how the fallback placement is determined.",
-              "attribute": "flip"
+              "default": "''",
+              "description": "Help text that describes how to use the component.",
+              "attribute": "help-text"
             },
             {
               "kind": "field",
-              "name": "flipFallbackPlacements",
+              "name": "form",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a\nstring of any number of placements separated by a space, e.g. \"top bottom left\". If no placement fits, the flip\nfallback strategy will be used instead.",
-              "attribute": "flip-fallback-placements"
+              "description": "Associates the control with a form by id. The form must be in the same document or shadow root.",
+              "attribute": "form",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "flipFallbackStrategy",
+              "name": "size",
               "type": {
-                "text": "'best-fit' | 'initial'"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "default": "'best-fit'",
-              "description": "When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether\nthe popup should be positioned using the best available fit based on available space or as it was initially\npreferred.",
-              "attribute": "flip-fallback-strategy"
+              "default": "'medium'",
+              "description": "The size of the list items.",
+              "attribute": "size",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "flipBoundary",
+              "name": "disabled",
               "type": {
-                "text": "Element | Element[]"
+                "text": "boolean"
               },
-              "description": "The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
-              "attribute": "flipBoundary"
+              "default": "false",
+              "description": "Whether the priority list is disabled.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "flipPadding",
+              "name": "required",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "0",
-              "description": "The amount of padding, in pixels, to exceed before the flip behavior will occur.",
-              "attribute": "flip-padding"
+              "default": "false",
+              "description": "Ensures the form control has a value before allowing submission.",
+              "attribute": "required",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "shift",
+              "name": "priorityStart",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Moves the popup along the axis to keep it in view when clipped.",
-              "attribute": "shift"
+              "default": "1",
+              "description": "The starting priority number. Defaults to 1.",
+              "attribute": "priority-start"
             },
             {
               "kind": "field",
-              "name": "shiftBoundary",
+              "name": "formAction",
               "type": {
-                "text": "Element | Element[]"
+                "text": "string"
               },
-              "description": "The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
-              "attribute": "shiftBoundary"
+              "description": "When set, the associated form will be submitted with the given action URL whenever items are reordered.\nIf set to an empty string, the form will be submitted using its existing action.",
+              "attribute": "formaction"
             },
             {
               "kind": "field",
-              "name": "shiftPadding",
+              "name": "order",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "0",
-              "description": "The amount of padding, in pixels, to exceed before the shift behavior will occur.",
-              "attribute": "shift-padding"
+              "default": "''",
+              "description": "A comma-separated list of item keys defining the initial display order.\nKeys must match the `value` attributes on slotted children.\nAny slotted items not listed are appended at the end in DOM order.",
+              "attribute": "order"
             },
             {
               "kind": "field",
-              "name": "autoSize",
+              "name": "draggedKey",
               "type": {
-                "text": "'horizontal' | 'vertical' | 'both'"
+                "text": "string | null"
               },
-              "description": "When set, this will cause the popup to automatically resize itself to prevent it from overflowing.",
-              "attribute": "auto-size"
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "sync",
+              "name": "isDragging",
               "type": {
-                "text": "'width' | 'height' | 'both'"
+                "text": "boolean"
               },
-              "description": "Syncs the popup's width or height to that of the anchor element.",
-              "attribute": "sync"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "autoSizeBoundary",
+              "name": "dragOverKey",
               "type": {
-                "text": "Element | Element[]"
+                "text": "string | null"
               },
-              "description": "The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
-              "attribute": "autoSizeBoundary"
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "autoSizePadding",
+              "name": "validity",
               "type": {
-                "text": "number"
+                "text": "ValidityState"
               },
-              "default": "0",
-              "description": "The amount of padding, in pixels, to exceed before the auto-size behavior will occur.",
-              "attribute": "auto-size-padding"
+              "description": "Gets the validity state object.",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "hoverBridge",
+              "name": "validationMessage",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "When a gap exists between the anchor and the popup element, this option will add a \"hover bridge\" that fills the\ngap using an invisible element. This makes listening for events such as `mouseenter` and `mouseleave` more sane\nbecause the pointer never technically leaves the element. The hover bridge will only be drawn when the popover is\nactive.",
-              "attribute": "hover-bridge"
+              "description": "Gets the validation message.",
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "handleAnchorChange",
-              "privacy": "private"
+              "name": "_initializeOrderFromSlot",
+              "privacy": "private",
+              "description": "Initialize item order from slotted children if no explicit value was provided.\nIf an `order` attribute is set, use it to define the initial order,\nappending any slotted items not listed in the order at the end."
             },
             {
-              "kind": "field",
-              "name": "handleAnchorHover",
-              "privacy": "public"
+              "kind": "method",
+              "name": "_getSlottedItems",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "HTMLElement[]"
+                }
+              },
+              "description": "Gets all direct children with a `value` attribute (excluding those in reserved slots)."
             },
             {
               "kind": "method",
-              "name": "start",
-              "privacy": "private"
+              "name": "_assignSlotNames",
+              "privacy": "private",
+              "description": "Assigns `slot` attributes to light DOM children based on their `value` attribute,\nso they project into the correct named slot in the shadow DOM."
             },
             {
               "kind": "method",
-              "name": "stop",
-              "privacy": "private",
+              "name": "getPriorityMap",
               "return": {
                 "type": {
-                  "text": "Promise<void>"
+                  "text": "PriorityItem[]"
                 }
-              }
+              },
+              "description": "Returns the priority map: an array of { key, priority } objects."
             },
             {
               "kind": "method",
-              "name": "reposition",
-              "description": "Forces the popup to recalculate and reposition itself."
+              "name": "_syncHiddenInputs",
+              "privacy": "private",
+              "description": "Syncs hidden inputs so form data includes priority values."
             },
             {
-              "kind": "field",
-              "name": "updateHoverBridge",
-              "privacy": "private"
-            }
-          ],
-          "events": [
+              "kind": "method",
+              "name": "_moveItem",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "fromIndex",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "toIndex",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "description": "Moves an item from one index to another."
+            },
             {
-              "description": "Emitted as an example.",
-              "name": "zn-event-name"
-            }
-          ],
-          "attributes": [
+              "kind": "method",
+              "name": "_submitForm",
+              "privacy": "private",
+              "description": "Submits the associated form if a `formaction` attribute is set."
+            },
             {
-              "name": "anchor",
-              "type": {
-                "text": "Element | string | VirtualElement"
-              },
-              "description": "The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide the anchor\nelement `id`, a DOM element reference, or a `VirtualElement`. If the anchor lives inside the popup, use the\n`anchor` slot instead.",
-              "fieldName": "anchor"
+              "kind": "method",
+              "name": "_handleDragStart",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "DragEvent"
+                  }
+                },
+                {
+                  "name": "key",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
-              "name": "active",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn\ndown and the popup will be hidden.",
-              "fieldName": "active"
+              "kind": "method",
+              "name": "_handleDragEnd",
+              "privacy": "private"
             },
             {
-              "name": "placement",
-              "type": {
-                "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
-              },
-              "default": "'top'",
-              "description": "The preferred placement of the popup. Note that the actual placement will vary as configured to keep the\npanel inside of the viewport.",
-              "fieldName": "placement"
+              "kind": "method",
+              "name": "_handleDragOver",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "DragEvent"
+                  }
+                },
+                {
+                  "name": "key",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
-              "name": "strategy",
-              "type": {
-                "text": "'absolute' | 'fixed'"
-              },
-              "default": "'fixed'",
-              "description": "Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if overflow is\nclipped, using a `fixed` position strategy can often workaround it.",
-              "fieldName": "strategy"
+              "kind": "method",
+              "name": "_handleDragLeave",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "DragEvent"
+                  }
+                },
+                {
+                  "name": "key",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
-              "name": "distance",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The distance in pixels from which to offset the panel away from its anchor.",
-              "fieldName": "distance"
+              "kind": "method",
+              "name": "_handleDrop",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "DragEvent"
+                  }
+                }
+              ]
             },
             {
-              "name": "skidding",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The distance in pixels from which to offset the panel along its anchor.",
-              "fieldName": "skidding"
+              "kind": "method",
+              "name": "_handleKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "key",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
-              "name": "arrow",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and\n`--arrow-color` custom properties. For additional customizations, you can also target the arrow using\n`::part(arrow)` in your stylesheet.",
-              "fieldName": "arrow"
+              "kind": "method",
+              "name": "_handleSlotChange",
+              "privacy": "private"
             },
             {
-              "name": "arrow-placement",
-              "type": {
-                "text": "'start' | 'end' | 'center' | 'anchor'"
+              "kind": "method",
+              "name": "checkValidity",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
-              "default": "'anchor'",
-              "description": "The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the\nanchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will\nalign the arrow to the start, end, or center of the popover instead.",
-              "fieldName": "arrowPlacement"
+              "description": "Checks for validity but does not show a validation message."
             },
             {
-              "name": "arrow-padding",
-              "type": {
-                "text": "number"
+              "kind": "method",
+              "name": "getForm",
+              "return": {
+                "type": {
+                  "text": "HTMLFormElement | null"
+                }
               },
-              "default": "10",
-              "description": "The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,\nthis will prevent it from overflowing the corners.",
-              "fieldName": "arrowPadding"
+              "description": "Gets the associated form, if one exists."
             },
             {
-              "name": "flip",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "reportValidity",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
-              "default": "false",
-              "description": "When set, placement of the popup will flip to the opposite site to keep it in view. You can use\n`flipFallbackPlacements` to further configure how the fallback placement is determined.",
-              "fieldName": "flip"
+              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
             },
             {
-              "name": "flip-fallback-placements",
+              "kind": "method",
+              "name": "setCustomValidity",
+              "parameters": [
+                {
+                  "name": "_message",
+                  "default": "''"
+                }
+              ],
+              "description": "Sets a custom validation message. Pass an empty string to restore validity."
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the order of items changes.",
+              "name": "zn-change"
+            },
+            {
+              "description": "Emitted when items are reordered. Call `getPriorityMap()` on the component to get the updated `{ key: string, priority: number }[]` array.",
+              "name": "zn-reorder"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a\nstring of any number of placements separated by a space, e.g. \"top bottom left\". If no placement fits, the flip\nfallback strategy will be used instead.",
-              "fieldName": "flipFallbackPlacements"
+              "description": "The name prefix for form submission. Each item generates a hidden input named `{name}[{itemValue}]`\nwith the priority number as its value.",
+              "fieldName": "name"
             },
             {
-              "name": "flip-fallback-strategy",
+              "name": "value",
               "type": {
-                "text": "'best-fit' | 'initial'"
+                "text": "string[]"
               },
-              "default": "'best-fit'",
-              "description": "When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether\nthe popup should be positioned using the best available fit based on available space or as it was initially\npreferred.",
-              "fieldName": "flipFallbackStrategy"
+              "description": "The current ordered list of item keys, reflecting the visual order. This is the source of truth for ordering.\nEach entry should match a `value` attribute on a slotted child element.",
+              "fieldName": "value"
             },
             {
-              "name": "flipBoundary",
+              "name": "label",
               "type": {
-                "text": "Element | Element[]"
+                "text": "string"
               },
-              "description": "The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
-              "fieldName": "flipBoundary"
+              "default": "''",
+              "description": "The component's label. Required for proper accessibility.",
+              "fieldName": "label"
             },
             {
-              "name": "flip-padding",
+              "name": "label-tooltip",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "0",
-              "description": "The amount of padding, in pixels, to exceed before the flip behavior will occur.",
-              "fieldName": "flipPadding"
+              "default": "''",
+              "description": "Text that appears in a tooltip next to the label.",
+              "fieldName": "labelTooltip"
             },
             {
-              "name": "shift",
+              "name": "help-text",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Moves the popup along the axis to keep it in view when clipped.",
-              "fieldName": "shift"
+              "default": "''",
+              "description": "Help text that describes how to use the component.",
+              "fieldName": "helpText"
             },
             {
-              "name": "shiftBoundary",
+              "name": "form",
               "type": {
-                "text": "Element | Element[]"
+                "text": "string"
               },
-              "description": "The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
-              "fieldName": "shiftBoundary"
+              "default": "''",
+              "description": "Associates the control with a form by id. The form must be in the same document or shadow root.",
+              "fieldName": "form"
             },
             {
-              "name": "shift-padding",
+              "name": "size",
               "type": {
-                "text": "number"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "default": "0",
-              "description": "The amount of padding, in pixels, to exceed before the shift behavior will occur.",
-              "fieldName": "shiftPadding"
+              "default": "'medium'",
+              "description": "The size of the list items.",
+              "fieldName": "size"
             },
             {
-              "name": "auto-size",
+              "name": "disabled",
               "type": {
-                "text": "'horizontal' | 'vertical' | 'both'"
+                "text": "boolean"
               },
-              "description": "When set, this will cause the popup to automatically resize itself to prevent it from overflowing.",
-              "fieldName": "autoSize"
+              "default": "false",
+              "description": "Whether the priority list is disabled.",
+              "fieldName": "disabled"
             },
             {
-              "name": "sync",
+              "name": "required",
               "type": {
-                "text": "'width' | 'height' | 'both'"
+                "text": "boolean"
               },
-              "description": "Syncs the popup's width or height to that of the anchor element.",
-              "fieldName": "sync"
+              "default": "false",
+              "description": "Ensures the form control has a value before allowing submission.",
+              "fieldName": "required"
             },
             {
-              "name": "autoSizeBoundary",
+              "name": "priority-start",
               "type": {
-                "text": "Element | Element[]"
+                "text": "number"
               },
-              "description": "The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
-              "fieldName": "autoSizeBoundary"
+              "default": "1",
+              "description": "The starting priority number. Defaults to 1.",
+              "fieldName": "priorityStart"
             },
             {
-              "name": "auto-size-padding",
+              "name": "formaction",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "0",
-              "description": "The amount of padding, in pixels, to exceed before the auto-size behavior will occur.",
-              "fieldName": "autoSizePadding"
+              "description": "When set, the associated form will be submitted with the given action URL whenever items are reordered.\nIf set to an empty string, the form will be submitted using its existing action.",
+              "fieldName": "formAction"
             },
             {
-              "name": "hover-bridge",
+              "name": "order",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "When a gap exists between the anchor and the popup element, this option will add a \"hover bridge\" that fills the\ngap using an invisible element. This makes listening for events such as `mouseenter` and `mouseleave` more sane\nbecause the pointer never technically leaves the element. The hover bridge will only be drawn when the popover is\nactive.",
-              "fieldName": "hoverBridge"
+              "default": "''",
+              "description": "A comma-separated list of item keys defining the initial display order.\nKeys must match the `value` attributes on slotted children.\nAny slotted items not listed are appended at the end in DOM order.",
+              "fieldName": "order"
             }
           ],
           "superclass": {
             "name": "ZincElement",
             "module": "/src/internal/zinc-element"
           },
-          "summary": "Short summary of the component's intended use.",
-          "tagNameWithoutPrefix": "popup",
-          "tagName": "zn-popup",
+          "summary": "A reorderable list where each item receives a numerical priority based on its position. Supports drag-and-drop\nand keyboard reordering. Priority values are submitted as form data via hidden inputs.",
+          "tagNameWithoutPrefix": "priority-list",
+          "tagName": "zn-priority-list",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/popup\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-example\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
-          "documentation": "https://zinc.style/components/popup",
+          "jsDoc": "/**\n * @summary A reorderable list where each item receives a numerical priority based on its position. Supports drag-and-drop\n *   and keyboard reordering. Priority values are submitted as form data via hidden inputs.\n *\n * @documentation https://zinc.style/components/priority-list\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-icon\n *\n * @slot - The default slot where list items are placed. Each slotted element must have a `value` attribute that\n *   uniquely identifies the item. The component automatically assigns slot names to project each item into the\n *   correct position. The item's position in the list determines its priority (top = `priority-start`, incrementing).\n * @slot label - The component's label. Required for proper accessibility. Alternatively, use the `label` attribute.\n * @slot label-tooltip - Used to add text displayed in a tooltip next to the label.\n * @slot help-text - Text that describes how to use the component. Alternatively, use the `help-text` attribute.\n *\n * @event zn-change - Emitted when the order of items changes.\n * @event zn-reorder - Emitted when items are reordered. Call `getPriorityMap()` on the component to get\n *   the updated `{ key: string, priority: number }[]` array.\n *\n * @csspart form-control - The form control wrapper.\n * @csspart form-control-label - The label wrapper.\n * @csspart form-control-input - The input area wrapper.\n * @csspart form-control-help-text - The help text wrapper.\n * @csspart list - The list container.\n * @csspart item - An individual list item row.\n * @csspart drag-handle - The drag handle icon.\n * @csspart priority - The priority number badge.\n * @csspart content - The content area of an item.\n *\n * @cssproperty --zn-priority-list-item-gap - The gap between list items. Defaults to `var(--zn-spacing-2x-small)`.\n * @cssproperty --zn-priority-list-item-padding - The padding inside each item. Defaults to `var(--zn-spacing-small) var(--zn-spacing-medium)`.\n * @cssproperty --zn-priority-list-handle-color - The color of the drag handle. Defaults to `var(--zn-color-neutral-500)`.\n * @cssproperty --zn-priority-list-priority-color - The color of the priority number. Defaults to `var(--zn-color-neutral-600)`.\n */",
+          "documentation": "https://zinc.style/components/priority-list",
           "status": "experimental",
           "since": "1.0",
           "dependencies": [
-            "zn-example"
+            "zn-icon"
           ]
         }
       ],
@@ -24542,8 +25081,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "ZnPopup",
-            "module": "components/popup/popup.js"
+            "name": "ZnPriorityList",
+            "module": "components/priority-list/priority-list.js"
           }
         }
       ]
@@ -36368,7 +36907,7 @@
   "package": {
     "name": "@kubex/zinc",
     "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
-    "version": "1.1.12",
+    "version": "1.1.13",
     "author": "",
     "license": "MIT"
   }