@uplynk/lynk-design 1.11.3 → 1.12.1

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@uplynk/lynk-design",
-  "version": "1.11.3",
+  "version": "1.12.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -158,6 +158,53 @@
             ]
           }
         },
+        {
+          "name": "lynk-auto-grid",
+          "description": "A simple automatic two-dimensional grid-based layout system based off CSS Grid spec.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n\n### **CSS Properties:**\n - **--gap** - Customize the gap of the auto-grid group. _(default: var(--lynk-spacing-base))_\n- **--min-size** - Customize the allowed min-size of the auto-grid items. _(default: 20rem)_\n\n### **CSS Parts:**\n - **base** - The component's internal wrapper.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "auto-size",
+              "description": "How to justify auto-grid items",
+              "value": { "type": "'fit' | 'fill'", "default": "'fit'" }
+            },
+            {
+              "name": "min-size",
+              "description": "How to align auto-grid items to each-other",
+              "value": { "type": "string", "default": "'20rem'" }
+            },
+            {
+              "name": "gap",
+              "description": "The space between auto-grid items. Use spacing tokens or any custom size.",
+              "value": {
+                "type": "string",
+                "default": "'var(--lynk-spacing-base)'"
+              }
+            }
+          ],
+          "slots": [{ "name": "", "description": "The default slot." }],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "autoSize",
+                "description": "How to justify auto-grid items",
+                "type": "'fit' | 'fill'"
+              },
+              {
+                "name": "minSize",
+                "description": "How to align auto-grid items to each-other",
+                "type": "string"
+              },
+              {
+                "name": "gap",
+                "description": "The space between auto-grid items. Use spacing tokens or any custom size.",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "lynk-animation",
           "description": "Animate elements declaratively with nearly 100 baked-in presets, or roll your own with custom keyframes. Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).\n---\n\n\n### **Events:**\n - **ev-cancel** - Emitted when the animation is canceled.\n- **ev-finish** - Emitted when the animation finishes.\n- **ev-start** - Emitted when the animation starts or restarts.\n\n### **Methods:**\n - **cancel()** - Clears all KeyframeEffects caused by this animation and aborts its playback.\n- **finish()** - Sets the playback time to the end of the animation corresponding to the current playback direction.\n\n### **Slots:**\n - _default_ - The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple `<lynk-animation>` elements.",
@@ -323,53 +370,6 @@
             ]
           }
         },
-        {
-          "name": "lynk-auto-grid",
-          "description": "A simple automatic two-dimensional grid-based layout system based off CSS Grid spec.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n\n### **CSS Properties:**\n - **--gap** - Customize the gap of the auto-grid group. _(default: var(--lynk-spacing-base))_\n- **--min-size** - Customize the allowed min-size of the auto-grid items. _(default: 20rem)_\n\n### **CSS Parts:**\n - **base** - The component's internal wrapper.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "auto-size",
-              "description": "How to justify auto-grid items",
-              "value": { "type": "'fit' | 'fill'", "default": "'fit'" }
-            },
-            {
-              "name": "min-size",
-              "description": "How to align auto-grid items to each-other",
-              "value": { "type": "string", "default": "'20rem'" }
-            },
-            {
-              "name": "gap",
-              "description": "The space between auto-grid items. Use spacing tokens or any custom size.",
-              "value": {
-                "type": "string",
-                "default": "'var(--lynk-spacing-base)'"
-              }
-            }
-          ],
-          "slots": [{ "name": "", "description": "The default slot." }],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "autoSize",
-                "description": "How to justify auto-grid items",
-                "type": "'fit' | 'fill'"
-              },
-              {
-                "name": "minSize",
-                "description": "How to align auto-grid items to each-other",
-                "type": "string"
-              },
-              {
-                "name": "gap",
-                "description": "The space between auto-grid items. Use spacing tokens or any custom size.",
-                "type": "string"
-              }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "lynk-avatar",
           "description": "Avatars are used to represent a person or object.\n---\n\n\n### **Events:**\n - **ev-error** - The image could not be loaded. This may because of an invalid URL, a temporary network condition, or some unknown cause.\n\n### **Slots:**\n - **icon** - The default icon to use when no image or initials are present. Works best with `<wa-icon>`.\n\n### **CSS Properties:**\n - **--size** - The size of the avatar. _(default: undefined)_\n\n### **CSS Parts:**\n - **icon** - The container that wraps the avatar's icon.\n- **initials** - The container that wraps the avatar's initials.\n- **image** - The avatar image. Only shown when the `image` attribute is set.",
@@ -452,6 +452,15 @@
             ]
           }
         },
+        {
+          "name": "lynk-box",
+          "description": "\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n\n### **CSS Properties:**\n - **--align** - Custom text align (left, center, right). _(default: left)_\n- **--background** - Any color token (--lynk-color-neutral-100) or a custom value. _(default: transparent)_\n- **--border** - <border-style> <border-width> <border-color>. _(default: undefined)_\n- **--border-radius** - Any Border Radius token (--lynk-border-radius-medium) or a custom value. _(default: undefined)_\n- **--color** - Any color token (--lynk-color-neutral-100) or a custom value. _(default: inherit)_\n- **--height** - Any custom px, rem, %, or vh value. _(default: auto)_\n- **--width** - Any custom px, rem, %, or vh value. _(default: auto)_\n- **--margin** - Any spacing token (--lynk-spacing-large) or a custom value. _(default: 0)_\n- **--padding** - Any spacing token (--lynk-spacing-large) or a custom value. _(default: 0)_\n- **--shadow** - Any elevation shadow token (--lynk-shadow-large); _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's internal wrapper.",
+          "doc-url": "",
+          "attributes": [],
+          "slots": [{ "name": "", "description": "The default slot." }],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
         {
           "name": "lynk-badge",
           "description": "Badges are used to draw attention and display statuses or counts.\n---\n\n\n### **Slots:**\n - _default_ - The badge's content.\n\n### **CSS Properties:**\n - **--background-color** - The badges background and pulse color. _(default: undefined)_\n- **--color** - The badges text color. _(default: undefined)_\n- **--pulse-speed** - The badges pulse speed in seconds or ms. Default is 1.5s. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's internal wrapper.",
@@ -498,15 +507,6 @@
             "events": []
           }
         },
-        {
-          "name": "lynk-box",
-          "description": "\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n\n### **CSS Properties:**\n - **--align** - Custom text align (left, center, right). _(default: left)_\n- **--background** - Any color token (--lynk-color-neutral-100) or a custom value. _(default: transparent)_\n- **--border** - <border-style> <border-width> <border-color>. _(default: undefined)_\n- **--border-radius** - Any Border Radius token (--lynk-border-radius-medium) or a custom value. _(default: undefined)_\n- **--color** - Any color token (--lynk-color-neutral-100) or a custom value. _(default: inherit)_\n- **--height** - Any custom px, rem, %, or vh value. _(default: auto)_\n- **--width** - Any custom px, rem, %, or vh value. _(default: auto)_\n- **--margin** - Any spacing token (--lynk-spacing-large) or a custom value. _(default: 0)_\n- **--padding** - Any spacing token (--lynk-spacing-large) or a custom value. _(default: 0)_\n- **--shadow** - Any elevation shadow token (--lynk-shadow-large); _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's internal wrapper.",
-          "doc-url": "",
-          "attributes": [],
-          "slots": [{ "name": "", "description": "The default slot." }],
-          "events": [],
-          "js": { "properties": [], "events": [] }
-        },
         {
           "name": "lynk-breadcrumb",
           "description": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.\n---\n\n\n### **Slots:**\n - _default_ - One or more breadcrumb items to display.\n- **separator** - The separator to use between breadcrumb items. Works best with `<lynk-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -2410,6 +2410,11 @@
               "description": "The maximum date in ISO format (YYYY-MM-DD).",
               "value": { "type": "string" }
             },
+            {
+              "name": "hoist",
+              "description": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "clearable",
               "description": "Adds a clear button when the input is populated.",
@@ -2525,6 +2530,11 @@
                 "description": "The maximum date in ISO format (YYYY-MM-DD).",
                 "type": "string"
               },
+              {
+                "name": "hoist",
+                "description": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
+                "type": "boolean"
+              },
               {
                 "name": "clearable",
                 "description": "Adds a clear button when the input is populated.",
@@ -2688,6 +2698,11 @@
               "name": "clearable",
               "description": "Adds a clear button when the input is populated.",
               "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "normalize",
+              "description": "Controls how incoming values with timezone information are normalized.\n- `'none'` (default): Values are passed through as-is with only basic format normalization (e.g. SQL datetime to ISO).\n- `'local'`: Values with timezone indicators (Z, +HH:MM, -HH:MM) and Unix timestamps are converted to local time\n  with the local timezone offset. This is useful when receiving UTC timestamps from APIs and wanting to display\n  them in the user's local time.",
+              "value": { "type": "'none' | 'local'", "default": "'none'" }
             }
           ],
           "slots": [
@@ -2851,6 +2866,11 @@
                 "description": "Adds a clear button when the input is populated.",
                 "type": "boolean"
               },
+              {
+                "name": "normalizeMode",
+                "description": "Controls how incoming values with timezone information are normalized.\n- `'none'` (default): Values are passed through as-is with only basic format normalization (e.g. SQL datetime to ISO).\n- `'local'`: Values with timezone indicators (Z, +HH:MM, -HH:MM) and Unix timestamps are converted to local time\n  with the local timezone offset. This is useful when receiving UTC timestamps from APIs and wanting to display\n  them in the user's local time.",
+                "type": "'none' | 'local'"
+              },
               {
                 "name": "validity",
                 "description": "Gets the validity state object"
@@ -3168,7 +3188,7 @@
         },
         {
           "name": "lynk-dropdown",
-          "description": "Dropdowns expose additional content that \"drops down\" in a panel.\n---\n\n\n### **Events:**\n - **ev-show** - Emitted when the dropdown opens.\n- **ev-after-show** - Emitted after the dropdown opens and all animations are complete.\n- **ev-hide** - Emitted when the dropdown closes.\n- **ev-after-hide** - Emitted after the dropdown closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the dropdown panel.\n- **hide()** - Hides the dropdown panel\n- **reposition()** - Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu\nis activated.\n\n### **Slots:**\n - _default_ - The dropdown's content.\n- **trigger** - The dropdown's trigger, usually a `<lynk-button>` element.\n\n### **CSS Parts:**\n - **base** - The component's internal wrapper.\n- **trigger** - The container that wraps the trigger.\n- **panel** - The panel that gets shown when the dropdown is open.",
+          "description": "Dropdowns expose additional content that \"drops down\" in a panel.\n---\n\n\n### **Events:**\n - **ev-show** - Emitted when the dropdown opens.\n- **ev-after-show** - Emitted after the dropdown opens and all animations are complete.\n- **ev-hide** - Emitted when the dropdown closes.\n- **ev-after-hide** - Emitted after the dropdown closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the dropdown panel.\n- **hide()** - Hides the dropdown panel\n- **reposition()** - Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu\nis activated.\n\n### **Slots:**\n - _default_ - The dropdown's content.\n- **trigger** - The dropdown's trigger, usually a `<lynk-button>` element.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper, an `<sl-popup>` element.\n- **base__popup** - The popup's exported `popup` part. Use this to target the tooltip's popup container.\n- **trigger** - The container that wraps the trigger.\n- **panel** - The panel that gets shown when the dropdown is open.",
           "doc-url": "",
           "attributes": [
             {
@@ -4775,7 +4795,7 @@
         },
         {
           "name": "lynk-menu-item",
-          "description": "Menu items provide options for the user to pick from in a menu.\n---\n\n\n### **Events:**\n - **ev-click** - Emitted when a menu item is clicked\n\n### **Methods:**\n - **getTextLabel()** - Returns a text label based on the contents of the menu item's default slot.\n\n### **Slots:**\n - _default_ - The menu item's label.\n- **prefix** - Used to prepend an icon or similar element to the menu item.\n- **suffix** - Used to append an icon or similar element to the menu item.\n\n### **CSS Parts:**\n - **base** - The component's internal wrapper.\n- **checked-icon** - The checked icon, which is only visible when the menu item is checked.\n- **prefix** - The prefix container.\n- **label** - The menu item label.\n- **suffix** - The suffix container.",
+          "description": "Menu items provide options for the user to pick from in a menu.\n---\n\n\n### **Events:**\n - **ev-click** - Emitted when a menu item is clicked\n\n### **Methods:**\n - **getTextLabel()** - Returns a text label based on the contents of the menu item's default slot.\n\n### **Slots:**\n - _default_ - The menu item's label.\n- **prefix** - Used to prepend an icon or similar element to the menu item.\n- **suffix** - Used to append an icon or similar element to the menu item.\n- **submenu** - Used to denote a nested menu.\n\n### **CSS Properties:**\n - **--submenu-offset** - The distance submenus shift to overlap the parent menu. _(default: -2px)_\n\n### **CSS Parts:**\n - **base** - The component's internal wrapper.\n- **checked-icon** - The checked icon, which is only visible when the menu item is checked.\n- **prefix** - The prefix container.\n- **label** - The menu item label.\n- **suffix** - The suffix container.\n- **spinner** - The spinner that shows when the menu item is in the loading state.\n- **spinner__base** - The spinner's base part.\n- **submenu-icon** - The submenu icon, visible only when the menu item has a submenu (not yet implemented).",
           "doc-url": "",
           "attributes": [
             {
@@ -4796,6 +4816,11 @@
               "description": "A unique value to store in the menu item. This can be used as a way to identify menu items when selected.",
               "value": { "type": "string", "default": "''" }
             },
+            {
+              "name": "loading",
+              "description": "Draws the menu item in a loading state.",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "disabled",
               "description": "Draws the menu item in a disabled state.",
@@ -4811,6 +4836,10 @@
             {
               "name": "suffix",
               "description": "Used to append an icon or similar element to the menu item."
+            },
+            {
+              "name": "submenu",
+              "description": "Used to denote a nested menu."
             }
           ],
           "events": [
@@ -4838,6 +4867,11 @@
                 "description": "A unique value to store in the menu item. This can be used as a way to identify menu items when selected.",
                 "type": "string"
               },
+              {
+                "name": "loading",
+                "description": "Draws the menu item in a loading state.",
+                "type": "boolean"
+              },
               {
                 "name": "disabled",
                 "description": "Draws the menu item in a disabled state.",
@@ -9147,6 +9181,11 @@
               "description": "Minute interval/step (e.g., 5 for 5-minute increments: 0, 5, 10, 15...)",
               "value": { "type": "number", "default": "1" }
             },
+            {
+              "name": "hoist",
+              "description": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "clearable",
               "description": "Adds a clear button when the input is populated.",
@@ -9267,6 +9306,11 @@
                 "description": "Minute interval/step (e.g., 5 for 5-minute increments: 0, 5, 10, 15...)",
                 "type": "number"
               },
+              {
+                "name": "hoist",
+                "description": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
+                "type": "boolean"
+              },
               {
                 "name": "clearable",
                 "description": "Adds a clear button when the input is populated.",

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@uplynk/lynk-design",
   "description": "A library of web components for building web applications with the Uplynk user interface style guide.",
-  "version": "1.11.3",
+  "version": "1.12.1",
   "homepage": "https://lynk.design/",
   "author": "Harley Jessop",
   "license": "SEE LICENSE IN .LICENSE",
-  "customElements": "dist/custom-elements.json",
+  "customElements": "cdn/custom-elements.json",
   "web-types": "dist/web-types.json",
   "type": "module",
   "types": "dist/lynk.d.ts",
@@ -79,7 +79,7 @@
   },
   "dependencies": {
     "@ctrl/tinycolor": "^4.2.0",
-    "@floating-ui/dom": "^1.7.5",
+    "@floating-ui/dom": "^1.7.6",
     "@lit/react": "^1.0.8",
     "@shoelace-style/animations": "^1.2.0",
     "@shoelace-style/localize": "^3.2.1",
@@ -91,11 +91,11 @@
     "@custom-elements-manifest/analyzer": "^0.11.0",
     "@open-wc/testing": "^4.0.0",
     "@playwright/test": "1.57.0",
-    "@types/color": "^4.2.0",
+    "@types/color": "^4.2.1",
     "@types/mocha": "^10.0.10",
     "@types/react": "^19.2.14",
-    "@typescript-eslint/eslint-plugin": "^8.55.0",
-    "@typescript-eslint/parser": "^8.55.0",
+    "@typescript-eslint/eslint-plugin": "^8.57.1",
+    "@typescript-eslint/parser": "^8.57.1",
     "@web/dev-server-esbuild": "^1.0.5",
     "@web/test-runner": "^0.20.2",
     "@web/test-runner-commands": "^0.9.0",
@@ -106,17 +106,17 @@
     "change-case": "^5.4.4",
     "command-line-args": "^6.0.1",
     "comment-parser": "^1.4.5",
-    "cspell": "^9.6.4",
+    "cspell": "^9.7.0",
     "custom-element-jet-brains-integration": "^1.7.0",
     "custom-element-vs-code-integration": "^1.5.0",
     "custom-element-vuejs-integration": "^1.4.0",
     "del": "^8.0.1",
     "download": "^8.0.0",
-    "esbuild": "^0.27.3",
+    "esbuild": "^0.27.4",
     "esbuild-plugin-replace": "^1.4.0",
-    "eslint": "^10.0.0",
-    "eslint-plugin-chai-expect": "^3.1.0",
-    "eslint-plugin-chai-friendly": "^1.1.0",
+    "eslint": "^10.0.3",
+    "eslint-plugin-chai-expect": "^4.0.0",
+    "eslint-plugin-chai-friendly": "^1.1.1",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-lit": "^2.2.1",
     "eslint-plugin-lit-a11y": "^5.1.1",
@@ -124,24 +124,24 @@
     "eslint-plugin-wc": "^3.1.0",
     "front-matter": "^4.0.2",
     "get-port": "^7.1.0",
-    "globby": "^16.1.0",
+    "globby": "^16.1.1",
     "husky": "^9.1.7",
-    "jsdom": "^28.0.0",
-    "lint-staged": "^16.2.7",
+    "jsdom": "^29.0.0",
+    "lint-staged": "^16.4.0",
     "lunr": "^2.3.9",
     "markdown-it-container": "^4.0.0",
     "markdown-it-ins": "^4.0.0",
     "markdown-it-kbd": "^3.0.2",
     "markdown-it-mark": "^4.0.0",
     "markdown-it-replace-it": "^1.0.0",
-    "npm-check-updates": "^19.3.2",
+    "npm-check-updates": "^19.6.5",
     "ora": "^9.3.0",
     "plop": "^4.0.5",
     "prettier": "^3.8.1",
     "prismjs": "^1.30.0",
     "react": "^19.2.4",
     "recursive-copy": "^2.0.14",
-    "sinon": "^21.0.1",
+    "sinon": "^21.0.3",
     "smartquotes": "^2.3.2",
     "source-map": "^0.7.6",
     "strip-css-comments": "^5.0.0",
@@ -155,5 +155,5 @@
       "prettier --write"
     ]
   },
-  "packageManager": "pnpm@10.29.3"
+  "packageManager": "pnpm@10.32.1"
 }

package/cdn/chunks/chunk.25EHQG6D.js

@@ -1,120 +0,0 @@
-import {
-  radio_styles_default
-} from "./chunk.O2X7ABSJ.js";
-import {
-  LynkIcon
-} from "./chunk.IWR5L5US.js";
-import {
-  e
-} from "./chunk.BB43Q4ZV.js";
-import {
-  watch
-} from "./chunk.RB5L7E7Z.js";
-import {
-  LynkElement,
-  n,
-  r
-} from "./chunk.OZC3U74R.js";
-import {
-  component_styles_default
-} from "./chunk.ADWNFIQR.js";
-import {
-  x
-} from "./chunk.BW3AXSF6.js";
-import {
-  __decorateClass
-} from "./chunk.QIOX6AG5.js";
-
-// src/components/radio/radio.component.ts
-var LynkRadio = class extends LynkElement {
-  constructor() {
-    super();
-    this.checked = false;
-    this.hasFocus = false;
-    this.size = "medium";
-    this.disabled = false;
-    this.handleBlur = () => {
-      this.hasFocus = false;
-      this.emit("ev-blur");
-    };
-    this.handleClick = () => {
-      if (!this.disabled) {
-        this.checked = true;
-      }
-    };
-    this.handleFocus = () => {
-      this.hasFocus = true;
-      this.emit("ev-focus");
-    };
-    this.addEventListener("blur", this.handleBlur);
-    this.addEventListener("click", this.handleClick);
-    this.addEventListener("focus", this.handleFocus);
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.setInitialAttributes();
-  }
-  setInitialAttributes() {
-    this.setAttribute("role", "radio");
-    this.setAttribute("tabindex", "-1");
-    this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
-  }
-  handleCheckedChange() {
-    this.setAttribute("aria-checked", this.checked ? "true" : "false");
-    this.setAttribute("tabindex", this.checked ? "0" : "-1");
-  }
-  handleDisabledChange() {
-    this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
-  }
-  render() {
-    return x`
-      <span
-        part="base"
-        class=${e({
-      radio: true,
-      "radio--checked": this.checked,
-      "radio--disabled": this.disabled,
-      "radio--focused": this.hasFocus,
-      "radio--small": this.size === "small",
-      "radio--medium": this.size === "medium",
-      "radio--large": this.size === "large"
-    })}
-      >
-        <span part="${`control${this.checked ? " control--checked" : ""}`}" class="radio__control">
-          ${this.checked ? x`
-                <lynk-icon part="checked-icon" class="radio__checked-icon" library="system" name="radio"></lynk-icon>
-              ` : ""}
-        </span>
-
-        <slot part="label" class="radio__label"></slot>
-      </span>
-    `;
-  }
-};
-LynkRadio.styles = [component_styles_default, radio_styles_default];
-LynkRadio.dependencies = { "lynk-icon": LynkIcon };
-__decorateClass([
-  r()
-], LynkRadio.prototype, "checked", 2);
-__decorateClass([
-  r()
-], LynkRadio.prototype, "hasFocus", 2);
-__decorateClass([
-  n()
-], LynkRadio.prototype, "value", 2);
-__decorateClass([
-  n({ reflect: true })
-], LynkRadio.prototype, "size", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], LynkRadio.prototype, "disabled", 2);
-__decorateClass([
-  watch("checked")
-], LynkRadio.prototype, "handleCheckedChange", 1);
-__decorateClass([
-  watch("disabled", { waitUntilFirstUpdate: true })
-], LynkRadio.prototype, "handleDisabledChange", 1);
-
-export {
-  LynkRadio
-};