@kubex/zinc 1.1.98 → 1.1.100

package/dist/custom-elements.json

@@ -842,6 +842,269 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/background/background.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ZnBackground",
+          "cssProperties": [
+            {
+              "description": "Fallback colour when the `color` attribute is not set.",
+              "name": "--zn-background-color"
+            },
+            {
+              "description": "Position of the background image. Defaults to `center`.",
+              "name": "--zn-background-image-position"
+            },
+            {
+              "description": "Direction of the overlay gradient. Defaults to `110deg`.",
+              "name": "--zn-background-overlay-angle"
+            },
+            {
+              "description": "Colour of the floating icons. Defaults to `currentColor`.",
+              "name": "--zn-background-floating-icon-color"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's full-size background canvas.",
+              "name": "base"
+            },
+            {
+              "description": "The decorative background image.",
+              "name": "image"
+            },
+            {
+              "description": "The contrast overlay between the image and content.",
+              "name": "overlay"
+            },
+            {
+              "description": "The non-interactive layer containing the floating icons.",
+              "name": "floating-icons"
+            },
+            {
+              "description": "Each floating `zn-icon`.",
+              "name": "floating-icon"
+            },
+            {
+              "description": "The wrapper around the default slot.",
+              "name": "content"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Content displayed above the background layers.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{'zn-icon': ZnIcon}"
+            },
+            {
+              "kind": "field",
+              "name": "resizeObserver",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new ResizeController<number>(this, { callback: entries => { const width = entries[0]?.contentRect.width ?? this.offsetWidth; return Math.max(1, Math.min(width * 0.05, 150)); }, })"
+            },
+            {
+              "kind": "field",
+              "name": "image",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "URL of the decorative background image.",
+              "attribute": "image"
+            },
+            {
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "CSS colour painted beneath the image.",
+              "attribute": "color"
+            },
+            {
+              "kind": "field",
+              "name": "imageStrength",
+              "type": {
+                "text": "BackgroundImageStrength"
+              },
+              "default": "'full'",
+              "description": "Visibility of the image: `soft` (30%), `medium` (62%) or `full` (100%).",
+              "attribute": "image-strength",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "motion",
+              "type": {
+                "text": "BackgroundMotion"
+              },
+              "default": "'none'",
+              "description": "Subtle animation applied to the image. Motion stops when reduced motion is requested.",
+              "attribute": "motion",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "overlay",
+              "type": {
+                "text": "BackgroundOverlay"
+              },
+              "default": "'soft'",
+              "description": "Strength of the contrast gradient above the image.",
+              "attribute": "overlay",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "overlayTone",
+              "type": {
+                "text": "BackgroundOverlayTone"
+              },
+              "default": "'light'",
+              "description": "Whether the overlay uses a light or dark contrast treatment.",
+              "attribute": "overlay-tone",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "floatingIcons",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Comma-separated Zinc icon names placed as ambient decoration. At most eight are rendered.",
+              "attribute": "floating-icons"
+            },
+            {
+              "kind": "field",
+              "name": "paused",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Pauses background motion without changing the selected motion treatment.",
+              "attribute": "paused",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "image",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "URL of the decorative background image.",
+              "fieldName": "image"
+            },
+            {
+              "name": "color",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "CSS colour painted beneath the image.",
+              "fieldName": "color"
+            },
+            {
+              "name": "image-strength",
+              "type": {
+                "text": "BackgroundImageStrength"
+              },
+              "default": "'full'",
+              "description": "Visibility of the image: `soft` (30%), `medium` (62%) or `full` (100%).",
+              "fieldName": "imageStrength"
+            },
+            {
+              "name": "motion",
+              "type": {
+                "text": "BackgroundMotion"
+              },
+              "default": "'none'",
+              "description": "Subtle animation applied to the image. Motion stops when reduced motion is requested.",
+              "fieldName": "motion"
+            },
+            {
+              "name": "overlay",
+              "type": {
+                "text": "BackgroundOverlay"
+              },
+              "default": "'soft'",
+              "description": "Strength of the contrast gradient above the image.",
+              "fieldName": "overlay"
+            },
+            {
+              "name": "overlay-tone",
+              "type": {
+                "text": "BackgroundOverlayTone"
+              },
+              "default": "'light'",
+              "description": "Whether the overlay uses a light or dark contrast treatment.",
+              "fieldName": "overlayTone"
+            },
+            {
+              "name": "floating-icons",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Comma-separated Zinc icon names placed as ambient decoration. At most eight are rendered.",
+              "fieldName": "floatingIcons"
+            },
+            {
+              "name": "paused",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Pauses background motion without changing the selected motion treatment.",
+              "fieldName": "paused"
+            }
+          ],
+          "superclass": {
+            "name": "ZincElement",
+            "module": "/src/internal/zinc-element"
+          },
+          "summary": "Composes a colour, decorative image, image strength, optional motion and contrast overlay behind slotted content.",
+          "tagNameWithoutPrefix": "background",
+          "tagName": "zn-background",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Composes a colour, decorative image, image strength, optional motion and contrast overlay behind slotted content.\n *\n * @documentation https://zinc.style/components/background\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-icon\n *\n * @slot - Content displayed above the background layers.\n *\n * @csspart base - The component's full-size background canvas.\n * @csspart image - The decorative background image.\n * @csspart overlay - The contrast overlay between the image and content.\n * @csspart floating-icons - The non-interactive layer containing the floating icons.\n * @csspart floating-icon - Each floating `zn-icon`.\n * @csspart content - The wrapper around the default slot.\n *\n * @cssproperty --zn-background-color - Fallback colour when the `color` attribute is not set.\n * @cssproperty --zn-background-image-position - Position of the background image. Defaults to `center`.\n * @cssproperty --zn-background-overlay-angle - Direction of the overlay gradient. Defaults to `110deg`.\n * @cssproperty --zn-background-floating-icon-color - Colour of the floating icons. Defaults to `currentColor`.\n */",
+          "documentation": "https://zinc.style/components/background",
+          "status": "experimental",
+          "since": "1.0",
+          "dependencies": [
+            "zn-icon"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ZnBackground",
+            "module": "components/background/background.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/bulk-actions/bulk-actions.js",
@@ -4194,6 +4457,44 @@
           "kind": "class",
           "description": "",
           "name": "ZnCheckbox",
+          "cssProperties": [
+            {
+              "description": "Width of the built-in card image.",
+              "name": "--zn-selection-card-image-width"
+            },
+            {
+              "description": "Height of the built-in card image.",
+              "name": "--zn-selection-card-image-height"
+            },
+            {
+              "description": "Minimum height of a contained checkbox with an image.",
+              "name": "--zn-selection-card-min-height"
+            },
+            {
+              "description": "Width the card text keeps before it wraps below the image.",
+              "name": "--zn-selection-card-content-min-width"
+            },
+            {
+              "description": "Font size of a selection card title.",
+              "name": "--zn-selection-card-title-font-size"
+            },
+            {
+              "description": "Equal inset around the contents of a selection card.",
+              "name": "--zn-selection-card-padding"
+            },
+            {
+              "description": "Space between the image, title, and indicator gutter.",
+              "name": "--zn-selection-card-gap"
+            },
+            {
+              "description": "Distance between a positioned control and the card edge.",
+              "name": "--zn-selection-card-control-offset"
+            },
+            {
+              "description": "Corner radius of a contained container.",
+              "name": "--zn-selection-card-border-radius"
+            }
+          ],
           "cssParts": [
             {
               "description": "The component's base wrapper.",
@@ -4223,6 +4524,18 @@
               "description": "The indeterminate icon, an `<zn-icon>` element.",
               "name": "indeterminate-icon"
             },
+            {
+              "description": "The wrapper around the built-in image or image slot.",
+              "name": "image-container"
+            },
+            {
+              "description": "The built-in image.",
+              "name": "image"
+            },
+            {
+              "description": "The title inside a selection card.",
+              "name": "card-title"
+            },
             {
               "description": "The container that wraps the checkbox's label.",
               "name": "label"
@@ -4241,6 +4554,10 @@
               "description": "The checkbox's label.",
               "name": ""
             },
+            {
+              "description": "Replaces the built-in image used by contained checkboxes.",
+              "name": "image"
+            },
             {
               "description": "A description of the checkbox's label. Serves as help text for a checkbox item. Alternatively, you can use the `description` attribute.",
               "name": "description"
@@ -4272,7 +4589,7 @@
               "name": "hasSlotController",
               "privacy": "private",
               "readonly": true,
-              "default": "new HasSlotController(this, 'description')"
+              "default": "new HasSlotController(this, '[default]', 'description', 'image')"
             },
             {
               "kind": "field",
@@ -4318,6 +4635,16 @@
               "description": "The current value of the checkbox, submitted as a name/value pair with form data.",
               "attribute": "value"
             },
+            {
+              "kind": "field",
+              "name": "cardTitle",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Title rendered inside the card. The default slot takes precedence when provided.",
+              "attribute": "card-title"
+            },
             {
               "kind": "field",
               "name": "uncheckedValue",
@@ -4383,6 +4710,59 @@
               "attribute": "contained",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "square",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Squares off the corners of the container drawn by `contained`, which is rounded by default.",
+              "attribute": "square",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "src",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "URL for the image shown in a contained checkbox.",
+              "attribute": "src"
+            },
+            {
+              "kind": "field",
+              "name": "imageAlt",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible text for the built-in image. Leave empty when the image is decorative.",
+              "attribute": "image-alt"
+            },
+            {
+              "kind": "field",
+              "name": "imagePosition",
+              "type": {
+                "text": "SelectionCardImagePosition"
+              },
+              "default": "'left'",
+              "description": "Places the image above, beside, or below the checkbox's text. Requires `contained`.",
+              "attribute": "image-position",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "controlPosition",
+              "type": {
+                "text": "SelectionCardControlPosition"
+              },
+              "default": "'start'",
+              "description": "Places the checkbox indicator within a contained card. Use `none` to hide the indicator so the card itself\nshows the selected state. Requires `contained`.",
+              "attribute": "control-position",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "borderless",
@@ -4699,6 +5079,15 @@
               "description": "The current value of the checkbox, submitted as a name/value pair with form data.",
               "fieldName": "value"
             },
+            {
+              "name": "card-title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Title rendered inside the card. The default slot takes precedence when provided.",
+              "fieldName": "cardTitle"
+            },
             {
               "name": "unchecked-value",
               "type": {
@@ -4752,6 +5141,51 @@
               "description": "Draws a container around the checkbox.",
               "fieldName": "contained"
             },
+            {
+              "name": "square",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Squares off the corners of the container drawn by `contained`, which is rounded by default.",
+              "fieldName": "square"
+            },
+            {
+              "name": "src",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "URL for the image shown in a contained checkbox.",
+              "fieldName": "src"
+            },
+            {
+              "name": "image-alt",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible text for the built-in image. Leave empty when the image is decorative.",
+              "fieldName": "imageAlt"
+            },
+            {
+              "name": "image-position",
+              "type": {
+                "text": "SelectionCardImagePosition"
+              },
+              "default": "'left'",
+              "description": "Places the image above, beside, or below the checkbox's text. Requires `contained`.",
+              "fieldName": "imagePosition"
+            },
+            {
+              "name": "control-position",
+              "type": {
+                "text": "SelectionCardControlPosition"
+              },
+              "default": "'start'",
+              "description": "Places the checkbox indicator within a contained card. Use `none` to hide the indicator so the card itself\nshows the selected state. Requires `contained`.",
+              "fieldName": "controlPosition"
+            },
             {
               "name": "borderless",
               "type": {
@@ -4872,7 +5306,7 @@
           "tagNameWithoutPrefix": "checkbox",
           "tagName": "zn-checkbox",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/checkbox\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-icon\n *\n * @slot - The checkbox's label.\n * @slot description - A description of the checkbox's label. Serves as help text for a checkbox item. Alternatively, you can use the `description` attribute.\n * @slot selected-content - Use to nest rich content (like an input) inside a selected checkbox item. Use only with the contained style.\n *\n * @event zn-blur - Emitted when the checkbox loses focus.\n * @event zn-change - Emitted when the checked state changes.\n * @event zn-focus - Emitted when the checkbox gains focus.\n * @event zn-input - Emitted when the checkbox receives input.\n * @event zn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @csspart base - The component's base wrapper.\n * @csspart control - The square container that wraps the checkbox's checked state.\n * @csspart control--checked - Matches the control part when the checkbox is checked.\n * @csspart control--indeterminate - Matches the control part when the checkbox is indeterminate.\n * @csspart checked-icon - The checked icon, an `<zn-icon>` element.\n * @csspart unchecked-icon - The unchecked icon, an `<zn-icon>` element.\n * @csspart indeterminate-icon - The indeterminate icon, an `<zn-icon>` element.\n * @csspart label - The container that wraps the checkbox's label.\n * @csspart description - The container that wraps the checkbox's description.\n * @csspart selected-content - The container that wraps optional content that appears when a checkbox is checked.\n */",
+          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/checkbox\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-icon\n *\n * @slot - The checkbox's label.\n * @slot image - Replaces the built-in image used by contained checkboxes.\n * @slot description - A description of the checkbox's label. Serves as help text for a checkbox item. Alternatively, you can use the `description` attribute.\n * @slot selected-content - Use to nest rich content (like an input) inside a selected checkbox item. Use only with the contained style.\n *\n * @event zn-blur - Emitted when the checkbox loses focus.\n * @event zn-change - Emitted when the checked state changes.\n * @event zn-focus - Emitted when the checkbox gains focus.\n * @event zn-input - Emitted when the checkbox receives input.\n * @event zn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @csspart base - The component's base wrapper.\n * @csspart control - The square container that wraps the checkbox's checked state.\n * @csspart control--checked - Matches the control part when the checkbox is checked.\n * @csspart control--indeterminate - Matches the control part when the checkbox is indeterminate.\n * @csspart checked-icon - The checked icon, an `<zn-icon>` element.\n * @csspart unchecked-icon - The unchecked icon, an `<zn-icon>` element.\n * @csspart indeterminate-icon - The indeterminate icon, an `<zn-icon>` element.\n * @csspart image-container - The wrapper around the built-in image or image slot.\n * @csspart image - The built-in image.\n * @csspart card-title - The title inside a selection card.\n * @csspart label - The container that wraps the checkbox's label.\n * @csspart description - The container that wraps the checkbox's description.\n * @csspart selected-content - The container that wraps optional content that appears when a checkbox is checked.\n *\n * @cssproperty --zn-selection-card-image-width - Width of the built-in card image.\n * @cssproperty --zn-selection-card-image-height - Height of the built-in card image.\n * @cssproperty --zn-selection-card-min-height - Minimum height of a contained checkbox with an image.\n * @cssproperty --zn-selection-card-content-min-width - Width the card text keeps before it wraps below the image.\n * @cssproperty --zn-selection-card-title-font-size - Font size of a selection card title.\n * @cssproperty --zn-selection-card-padding - Equal inset around the contents of a selection card.\n * @cssproperty --zn-selection-card-gap - Space between the image, title, and indicator gutter.\n * @cssproperty --zn-selection-card-control-offset - Distance between a positioned control and the card edge.\n * @cssproperty --zn-selection-card-border-radius - Corner radius of a contained container.\n */",
           "documentation": "https://zinc.style/components/checkbox",
           "status": "experimental",
           "since": "1.0",
@@ -4900,6 +5334,12 @@
           "kind": "class",
           "description": "",
           "name": "ZnCheckboxGroup",
+          "cssProperties": [
+            {
+              "description": "Minimum column width used by the horizontal contained grid, or the card basis when `wrap` is set.",
+              "name": "--zn-checkbox-group-column-width"
+            }
+          ],
           "cssParts": [
             {
               "description": "The form control that wraps the label, input, and help text.",
@@ -5075,6 +5515,28 @@
               "attribute": "contained",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "square",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Squares off the corners of every contained checkbox in the group, which are rounded by default.",
+              "attribute": "square",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "wrap",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Lays horizontal contained checkboxes out as a wrapping row instead of an equal-width grid, so each one sizes from\n`--zn-checkbox-group-column-width` (set it to `auto` to size from content) and wraps onto a new line when needed.",
+              "attribute": "wrap",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "form",
@@ -5297,6 +5759,24 @@
               "description": "The checkbox group's style. Changes the group's style from the default (plain) style to the 'contained' style. This style will be applied to all child checkboxes.",
               "fieldName": "contained"
             },
+            {
+              "name": "square",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Squares off the corners of every contained checkbox in the group, which are rounded by default.",
+              "fieldName": "square"
+            },
+            {
+              "name": "wrap",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Lays horizontal contained checkboxes out as a wrapping row instead of an equal-width grid, so each one sizes from\n`--zn-checkbox-group-column-width` (set it to `auto` to size from content) and wraps onto a new line when needed.",
+              "fieldName": "wrap"
+            },
             {
               "name": "form",
               "type": {
@@ -5324,7 +5804,7 @@
           "tagNameWithoutPrefix": "checkbox-group",
           "tagName": "zn-checkbox-group",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Shotrt summary of the component's intended use.\n * @documentation https://zinc.style/components/checkbox-group\n * @status experimental\n * @since 1.0\n *\n * @slot - The default slot where `<zn-checkbox>` elements are placed.\n * @slot label - The checkbox group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.\n * @slot label-tooltip - Used to add text that is displayed in a tooltip next to the label. Alternatively, you can use the `label-tooltip` attribute.\n * @slot help-text - Text that describes how to use the checkbox group. Alternatively, you can use the `help-text` attribute.\n *\n * @event zn-change - Emitted when the checkbox group's selected value changes.\n * @event zn-input - Emitted when the checkbox group receives user input.\n * @event zn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The input's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n */",
+          "jsDoc": "/**\n * @summary Shotrt summary of the component's intended use.\n * @documentation https://zinc.style/components/checkbox-group\n * @status experimental\n * @since 1.0\n *\n * @slot - The default slot where `<zn-checkbox>` elements are placed.\n * @slot label - The checkbox group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.\n * @slot label-tooltip - Used to add text that is displayed in a tooltip next to the label. Alternatively, you can use the `label-tooltip` attribute.\n * @slot help-text - Text that describes how to use the checkbox group. Alternatively, you can use the `help-text` attribute.\n *\n * @event zn-change - Emitted when the checkbox group's selected value changes.\n * @event zn-input - Emitted when the checkbox group receives user input.\n * @event zn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The input's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n *\n * @cssproperty --zn-checkbox-group-column-width - Minimum column width used by the horizontal contained grid, or the card basis when `wrap` is set.\n */",
           "documentation": "https://zinc.style/components/checkbox-group",
           "status": "experimental",
           "since": "1.0"
@@ -31825,6 +32305,44 @@
           "kind": "class",
           "description": "",
           "name": "ZnRadio",
+          "cssProperties": [
+            {
+              "description": "Width of the built-in card image.",
+              "name": "--zn-selection-card-image-width"
+            },
+            {
+              "description": "Height of the built-in card image.",
+              "name": "--zn-selection-card-image-height"
+            },
+            {
+              "description": "Minimum height of a contained radio with an image.",
+              "name": "--zn-selection-card-min-height"
+            },
+            {
+              "description": "Width the card text keeps before it wraps below the image.",
+              "name": "--zn-selection-card-content-min-width"
+            },
+            {
+              "description": "Font size of a selection card title.",
+              "name": "--zn-selection-card-title-font-size"
+            },
+            {
+              "description": "Equal inset around the contents of a selection card.",
+              "name": "--zn-selection-card-padding"
+            },
+            {
+              "description": "Space between the image, title, and indicator gutter.",
+              "name": "--zn-selection-card-gap"
+            },
+            {
+              "description": "Distance between a positioned control and the card edge.",
+              "name": "--zn-selection-card-control-offset"
+            },
+            {
+              "description": "Corner radius of a contained container.",
+              "name": "--zn-selection-card-border-radius"
+            }
+          ],
           "cssParts": [
             {
               "description": "The component's base wrapper.",
@@ -31842,6 +32360,18 @@
               "description": "The checked icon, an `<zn-icon>` element.",
               "name": "checked-icon"
             },
+            {
+              "description": "The wrapper around the built-in image or image slot.",
+              "name": "image-container"
+            },
+            {
+              "description": "The built-in image.",
+              "name": "image"
+            },
+            {
+              "description": "The title inside a selection card.",
+              "name": "card-title"
+            },
             {
               "description": "The container that wraps the radio's label.",
               "name": "label"
@@ -31860,6 +32390,10 @@
               "description": "The radio's label.",
               "name": ""
             },
+            {
+              "description": "Replaces the built-in image used by contained radios.",
+              "name": "image"
+            },
             {
               "description": "A description of the radio's label. Serves as help text for a radio item. Alternatively, you can use the `description` attribute.",
               "name": "description"
@@ -31891,7 +32425,7 @@
               "name": "hasSlotController",
               "privacy": "private",
               "readonly": true,
-              "default": "new HasSlotController(this, 'description')"
+              "default": "new HasSlotController(this, '[default]', 'description', 'image')"
             },
             {
               "kind": "field",
@@ -31937,6 +32471,16 @@
               "description": "The current value of the radio, submitted as a name/value pair with form data.",
               "attribute": "value"
             },
+            {
+              "kind": "field",
+              "name": "cardTitle",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Title rendered inside the card. The default slot takes precedence when provided.",
+              "attribute": "card-title"
+            },
             {
               "kind": "field",
               "name": "size",
@@ -31981,6 +32525,59 @@
               "attribute": "contained",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "square",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Squares off the corners of the container drawn by `contained`, which is rounded by default.",
+              "attribute": "square",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "src",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "URL for the image shown in a contained radio.",
+              "attribute": "src"
+            },
+            {
+              "kind": "field",
+              "name": "imageAlt",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible text for the built-in image. Leave empty when the image is decorative.",
+              "attribute": "image-alt"
+            },
+            {
+              "kind": "field",
+              "name": "imagePosition",
+              "type": {
+                "text": "SelectionCardImagePosition"
+              },
+              "default": "'left'",
+              "description": "Places the image above, beside, or below the radio's text. Requires `contained`.",
+              "attribute": "image-position",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "controlPosition",
+              "type": {
+                "text": "SelectionCardControlPosition"
+              },
+              "default": "'start'",
+              "description": "Places the radio indicator within a contained card. Use `none` to hide the indicator so the card itself\nshows the selected state. Requires `contained`.",
+              "attribute": "control-position",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "horizontal",
@@ -32221,6 +32818,15 @@
               "description": "The current value of the radio, submitted as a name/value pair with form data.",
               "fieldName": "value"
             },
+            {
+              "name": "card-title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Title rendered inside the card. The default slot takes precedence when provided.",
+              "fieldName": "cardTitle"
+            },
             {
               "name": "size",
               "type": {
@@ -32257,6 +32863,51 @@
               "description": "Draws a container around the radio.",
               "fieldName": "contained"
             },
+            {
+              "name": "square",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Squares off the corners of the container drawn by `contained`, which is rounded by default.",
+              "fieldName": "square"
+            },
+            {
+              "name": "src",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "URL for the image shown in a contained radio.",
+              "fieldName": "src"
+            },
+            {
+              "name": "image-alt",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible text for the built-in image. Leave empty when the image is decorative.",
+              "fieldName": "imageAlt"
+            },
+            {
+              "name": "image-position",
+              "type": {
+                "text": "SelectionCardImagePosition"
+              },
+              "default": "'left'",
+              "description": "Places the image above, beside, or below the radio's text. Requires `contained`.",
+              "fieldName": "imagePosition"
+            },
+            {
+              "name": "control-position",
+              "type": {
+                "text": "SelectionCardControlPosition"
+              },
+              "default": "'start'",
+              "description": "Places the radio indicator within a contained card. Use `none` to hide the indicator so the card itself\nshows the selected state. Requires `contained`.",
+              "fieldName": "controlPosition"
+            },
             {
               "name": "horizontal",
               "type": {
@@ -32316,7 +32967,7 @@
           "tagNameWithoutPrefix": "radio",
           "tagName": "zn-radio",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/radio\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-icon\n *\n * @slot - The radio's label.\n * @slot description - A description of the radio's label. Serves as help text for a radio item. Alternatively, you can use the `description` attribute.\n * @slot selected-content - Use to nest rich content (like an input) inside a selected radio item. Use only with the contained style.\n *\n * @event zn-blur - Emitted when the radio loses focus.\n * @event zn-change - Emitted when the checked state changes.\n * @event zn-focus - Emitted when the radio gains focus.\n * @event zn-input - Emitted when the radio receives input.\n * @event zn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @csspart base - The component's base wrapper.\n * @csspart control - The square container that wraps the radio's checked state.\n * @csspart control--checked - Matches the control part when the radio is checked.\n * @csspart checked-icon - The checked icon, an `<zn-icon>` element.\n * @csspart label - The container that wraps the radio's label.\n * @csspart description - The container that wraps the radio's description.\n * @csspart selected-content - The container that wraps optional content that appears when a radio is checked.\n */",
+          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/radio\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-icon\n *\n * @slot - The radio's label.\n * @slot image - Replaces the built-in image used by contained radios.\n * @slot description - A description of the radio's label. Serves as help text for a radio item. Alternatively, you can use the `description` attribute.\n * @slot selected-content - Use to nest rich content (like an input) inside a selected radio item. Use only with the contained style.\n *\n * @event zn-blur - Emitted when the radio loses focus.\n * @event zn-change - Emitted when the checked state changes.\n * @event zn-focus - Emitted when the radio gains focus.\n * @event zn-input - Emitted when the radio receives input.\n * @event zn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @csspart base - The component's base wrapper.\n * @csspart control - The square container that wraps the radio's checked state.\n * @csspart control--checked - Matches the control part when the radio is checked.\n * @csspart checked-icon - The checked icon, an `<zn-icon>` element.\n * @csspart image-container - The wrapper around the built-in image or image slot.\n * @csspart image - The built-in image.\n * @csspart card-title - The title inside a selection card.\n * @csspart label - The container that wraps the radio's label.\n * @csspart description - The container that wraps the radio's description.\n * @csspart selected-content - The container that wraps optional content that appears when a radio is checked.\n *\n * @cssproperty --zn-selection-card-image-width - Width of the built-in card image.\n * @cssproperty --zn-selection-card-image-height - Height of the built-in card image.\n * @cssproperty --zn-selection-card-min-height - Minimum height of a contained radio with an image.\n * @cssproperty --zn-selection-card-content-min-width - Width the card text keeps before it wraps below the image.\n * @cssproperty --zn-selection-card-title-font-size - Font size of a selection card title.\n * @cssproperty --zn-selection-card-padding - Equal inset around the contents of a selection card.\n * @cssproperty --zn-selection-card-gap - Space between the image, title, and indicator gutter.\n * @cssproperty --zn-selection-card-control-offset - Distance between a positioned control and the card edge.\n * @cssproperty --zn-selection-card-border-radius - Corner radius of a contained container.\n */",
           "documentation": "https://zinc.style/components/radio",
           "status": "experimental",
           "since": "1.0",
@@ -32346,8 +32997,8 @@
           "name": "ZnRadioGroup",
           "cssProperties": [
             {
-              "description": "An example CSS custom property.",
-              "name": "--example"
+              "description": "Minimum column width used by the horizontal contained grid, or the card basis when `wrap` is set.",
+              "name": "--zn-radio-group-column-width"
             }
           ],
           "cssParts": [
@@ -32498,7 +33149,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "The checkbox group's orientation. Changes the group's layout from the default (vertical) to horizontal.",
+              "description": "The radio group's orientation. Changes the group's layout from the default (vertical) to horizontal.",
               "attribute": "horizontal",
               "reflects": true
             },
@@ -32509,10 +33160,32 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "The checkbox group's style. Changes the group's style from the default (plain) style to the 'contained' style. This style will be applied to all child checkboxes.",
+              "description": "The radio group's style. Changes the group's style from the default (plain) style to the 'contained' style. This style will be applied to all child radios.",
               "attribute": "contained",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "square",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Squares off the corners of every contained radio in the group, which are rounded by default.",
+              "attribute": "square",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "wrap",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Lays horizontal contained radios out as a wrapping row instead of an equal-width grid, so each one sizes from\n`--zn-radio-group-column-width` (set it to `auto` to size from content) and wraps onto a new line when needed.",
+              "attribute": "wrap",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "form",
@@ -32736,7 +33409,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "The checkbox group's orientation. Changes the group's layout from the default (vertical) to horizontal.",
+              "description": "The radio group's orientation. Changes the group's layout from the default (vertical) to horizontal.",
               "fieldName": "horizontal"
             },
             {
@@ -32745,9 +33418,27 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "The checkbox group's style. Changes the group's style from the default (plain) style to the 'contained' style. This style will be applied to all child checkboxes.",
+              "description": "The radio group's style. Changes the group's style from the default (plain) style to the 'contained' style. This style will be applied to all child radios.",
               "fieldName": "contained"
             },
+            {
+              "name": "square",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Squares off the corners of every contained radio in the group, which are rounded by default.",
+              "fieldName": "square"
+            },
+            {
+              "name": "wrap",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Lays horizontal contained radios out as a wrapping row instead of an equal-width grid, so each one sizes from\n`--zn-radio-group-column-width` (set it to `auto` to size from content) and wraps onto a new line when needed.",
+              "fieldName": "wrap"
+            },
             {
               "name": "form",
               "type": {
@@ -32775,7 +33466,7 @@
           "tagNameWithoutPrefix": "radio-group",
           "tagName": "zn-radio-group",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/radio-group\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 */",
+          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/radio-group\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 --zn-radio-group-column-width - Minimum column width used by the horizontal contained grid, or the card basis when `wrap` is set.\n */",
           "documentation": "https://zinc.style/components/radio-group",
           "status": "experimental",
           "since": "1.0",
@@ -33360,6 +34051,12 @@
           "kind": "class",
           "description": "",
           "name": "ZnRemarkdEditor",
+          "cssProperties": [
+            {
+              "description": "The tallest the editor grows before its body scrolls. Defaults to `100dvh`.",
+              "name": "--remarkd-editor-max-height"
+            }
+          ],
           "cssParts": [
             {
               "description": "The component's base wrapper.",
@@ -33655,6 +34352,24 @@
               "privacy": "private",
               "default": "null"
             },
+            {
+              "kind": "field",
+              "name": "dragPointerY",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "autoScrollFrame",
+              "type": {
+                "text": "number | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "name",
@@ -34021,6 +34736,13 @@
                   "type": {
                     "text": "string"
                   }
+                },
+                {
+                  "name": "align",
+                  "default": "'nearest'",
+                  "type": {
+                    "text": "'nearest' | 'center'"
+                  }
                 }
               ]
             },
@@ -34084,7 +34806,71 @@
             {
               "kind": "method",
               "name": "focusInput",
-              "privacy": "private"
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "align",
+                  "default": "'nearest'",
+                  "type": {
+                    "text": "'nearest' | 'center'"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "reveal",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "el",
+                  "type": {
+                    "text": "Element | null | undefined"
+                  }
+                },
+                {
+                  "name": "align",
+                  "default": "'nearest'",
+                  "type": {
+                    "text": "'nearest' | 'center'"
+                  }
+                }
+              ],
+              "description": "Scrolls the editor's own body to bring `el` into view. Never `scrollIntoView()` and\nnever `focus()` without preventScroll: both walk every scrollable ancestor, and an\n`overflow: hidden`/`auto` panel around the editor is scrollable too — that shifts a\ncontainer the user never asked to move."
+            },
+            {
+              "kind": "method",
+              "name": "revealAfterUpdate",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "selector",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "align",
+                  "default": "'nearest'",
+                  "type": {
+                    "text": "'nearest' | 'center'"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "revealBlock",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "description": "Centres a block added without opening an editor. An image has no height until it\nloads, so the first pass scrolls against a layout that is still short — the second\npass corrects it once the real dimensions are in."
             },
             {
               "kind": "method",
@@ -34242,6 +35028,48 @@
               "name": "handleDragPointerMove",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "stepAutoScroll",
+              "privacy": "private",
+              "description": "Holding the pointer near a scroll edge keeps the content moving, so a block can\nbe dragged past the visible slice of a long document. Runs per frame rather than\nper pointermove — a pointer parked at the edge stops emitting moves."
+            },
+            {
+              "kind": "method",
+              "name": "autoScroll",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Scrolls the editor body, falling through to the page once the body is at its limit."
+            },
+            {
+              "kind": "method",
+              "name": "edgeScrollDelta",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "top",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "bottom",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "description": "Scroll step for this frame: nothing until the pointer is within `edge` of a boundary."
+            },
             {
               "kind": "field",
               "name": "handleDragPointerUp",
@@ -34632,7 +35460,7 @@
           "tagNameWithoutPrefix": "remarkd-editor",
           "tagName": "zn-remarkd-editor",
           "customElement": true,
-          "jsDoc": "/**\n * @summary A Notion-style block editor for remarkd content. Blocks render inline; click one to edit its source.\n * @documentation https://zinc.style/components/remarkd-editor\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-button\n * @dependency zn-button-group\n * @dependency zn-icon\n * @dependency zn-file\n * @dependency zn-slash-menu\n *\n * @event zn-input - Emitted on each keystroke while editing a block.\n * @event zn-change - Emitted when a block edit is committed and the value changes.\n *\n * @csspart base - The component's base wrapper.\n * @csspart toolbar - The always-visible block-insert toolbar.\n * @csspart raw-toggle - The button that switches between the block view and the raw source view.\n * @csspart block - A rendered block wrapper.\n * @csspart rendered - The rendered remarkd output of a block.\n * @csspart input - The textarea shown while editing a block.\n * @csspart raw - The full-document textarea shown in raw source mode.\n * @csspart slash-menu - The `zn-slash-menu` opened by typing \"/\" in an empty block.\n * @csspart image-controls - The caption / alignment / size panel shown when an image block is clicked.\n * @csspart include - The chip rendered in place of an `include::` directive.\n * @csspart include-picker - The inline Include picker opened from the toolbar or \"/include\".\n */",
+          "jsDoc": "/**\n * @summary A Notion-style block editor for remarkd content. Blocks render inline; click one to edit its source.\n * @documentation https://zinc.style/components/remarkd-editor\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-button\n * @dependency zn-button-group\n * @dependency zn-icon\n * @dependency zn-file\n * @dependency zn-slash-menu\n *\n * @event zn-input - Emitted on each keystroke while editing a block.\n * @event zn-change - Emitted when a block edit is committed and the value changes.\n *\n * @csspart base - The component's base wrapper.\n * @csspart toolbar - The always-visible block-insert toolbar.\n * @csspart raw-toggle - The button that switches between the block view and the raw source view.\n * @csspart block - A rendered block wrapper.\n * @csspart rendered - The rendered remarkd output of a block.\n * @csspart input - The textarea shown while editing a block.\n * @csspart raw - The full-document textarea shown in raw source mode.\n * @csspart slash-menu - The `zn-slash-menu` opened by typing \"/\" in an empty block.\n * @csspart image-controls - The caption / alignment / size panel shown when an image block is clicked.\n * @csspart include - The chip rendered in place of an `include::` directive.\n * @csspart include-picker - The inline Include picker opened from the toolbar or \"/include\".\n *\n * @cssproperty --remarkd-editor-max-height - The tallest the editor grows before its body scrolls. Defaults to `100dvh`.\n */",
           "documentation": "https://zinc.style/components/remarkd-editor",
           "status": "experimental",
           "since": "1.0",
@@ -36449,8 +37277,8 @@
           "name": "ZnScrollContainer",
           "cssProperties": [
             {
-              "description": "An example CSS custom property.",
-              "name": "--example"
+              "description": "The height and maximum height of the scroll container.",
+              "name": "--zn-scroll-container-height"
             }
           ],
           "cssParts": [
@@ -36470,6 +37298,16 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "height",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The height and maximum height of the scroll container.",
+              "attribute": "height"
+            },
             {
               "kind": "field",
               "name": "startScrolled",
@@ -36545,6 +37383,15 @@
             }
           ],
           "attributes": [
+            {
+              "name": "height",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The height and maximum height of the scroll container.",
+              "fieldName": "height"
+            },
             {
               "name": "start-scrolled",
               "type": {
@@ -36562,7 +37409,7 @@
           "tagNameWithoutPrefix": "scroll-container",
           "tagName": "zn-scroll-container",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/scroll-container\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 */",
+          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/scroll-container\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 --zn-scroll-container-height - The height and maximum height of the scroll container.\n */",
           "documentation": "https://zinc.style/components/scroll-container",
           "status": "experimental",
           "since": "1.0",
@@ -49018,6 +49865,17 @@
               },
               "description": "Returns all language codes that have values."
             },
+            {
+              "kind": "method",
+              "name": "pendingValues",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Record<string, string>"
+                }
+              },
+              "description": "`values`, falling back to the `value` attribute it is built from while that is still pending. A parent\nzn-translation-group syncs its children from its own first update, which runs before theirs, so reading\n`values` alone would see it empty and overwrite the value the server rendered."
+            },
             {
               "kind": "method",
               "name": "_scheduleLangOverflow",
@@ -49551,7 +50409,7 @@
   "package": {
     "name": "@kubex/zinc",
     "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
-    "version": "1.1.98",
+    "version": "1.1.100",
     "author": "",
     "license": "MIT"
   }