@uplynk/lynk-design 1.12.0 → 1.12.1

package/cdn/react/tooltip/index.js

@@ -1,19 +1,19 @@
 import {
   tooltip_default
-} from "../../chunks/chunk.WNLHHYTK.js";
-import "../../chunks/chunk.DVYYL5Y6.js";
+} from "../../chunks/chunk.KZLYGOSE.js";
+import "../../chunks/chunk.LWWRQCOA.js";
 import "../../chunks/chunk.S5TDKPJX.js";
-import "../../chunks/chunk.42WDEG5Y.js";
+import "../../chunks/chunk.JCE7Q7O2.js";
 import "../../chunks/chunk.5XYS2K3T.js";
 import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.ONECFZZX.js";
 import "../../chunks/chunk.JSLXCIMZ.js";
 import "../../chunks/chunk.VS2OBD6I.js";
 import "../../chunks/chunk.FYVOT65L.js";
+import "../../chunks/chunk.RB5L7E7Z.js";
 import "../../chunks/chunk.BB43Q4ZV.js";
 import "../../chunks/chunk.VXKMS4DN.js";
-import "../../chunks/chunk.RB5L7E7Z.js";
-import "../../chunks/chunk.2BD5ESA2.js";
+import "../../chunks/chunk.RWJTJO4F.js";
 import "../../chunks/chunk.ADWNFIQR.js";
 import "../../chunks/chunk.BW3AXSF6.js";
 import "../../chunks/chunk.QIOX6AG5.js";

package/cdn/react/tr/index.js

@@ -1,9 +1,9 @@
 import {
   tr_default
-} from "../../chunks/chunk.G4AZ4NAP.js";
-import "../../chunks/chunk.6YODB2NF.js";
+} from "../../chunks/chunk.FY6VINZI.js";
+import "../../chunks/chunk.I3CWUF5Z.js";
 import "../../chunks/chunk.UQZ57WWL.js";
-import "../../chunks/chunk.2BD5ESA2.js";
+import "../../chunks/chunk.RWJTJO4F.js";
 import "../../chunks/chunk.ADWNFIQR.js";
 import "../../chunks/chunk.BW3AXSF6.js";
 import "../../chunks/chunk.QIOX6AG5.js";

package/cdn/react/tree/index.js

@@ -1,24 +1,24 @@
 import {
   tree_default
-} from "../../chunks/chunk.75YDP3YV.js";
-import "../../chunks/chunk.GJQY76C4.js";
+} from "../../chunks/chunk.OZA3KKA5.js";
+import "../../chunks/chunk.52YZNKPH.js";
 import "../../chunks/chunk.RUOAOQIU.js";
-import "../../chunks/chunk.HJEMCWT2.js";
+import "../../chunks/chunk.FLMX4ALX.js";
 import "../../chunks/chunk.3E4VGRJI.js";
 import "../../chunks/chunk.HF7GESMZ.js";
-import "../../chunks/chunk.PVCHO3ZI.js";
+import "../../chunks/chunk.ILQP2WBI.js";
 import "../../chunks/chunk.74H6X2VH.js";
 import "../../chunks/chunk.UDBTSFT6.js";
 import "../../chunks/chunk.74D2ZUAN.js";
 import "../../chunks/chunk.G4EGOHGJ.js";
-import "../../chunks/chunk.BTCFYKQ4.js";
+import "../../chunks/chunk.MGNYBA52.js";
 import "../../chunks/chunk.52NG72GJ.js";
 import "../../chunks/chunk.2LNQMRJE.js";
 import "../../chunks/chunk.ONECFZZX.js";
 import "../../chunks/chunk.JSLXCIMZ.js";
 import "../../chunks/chunk.VS2OBD6I.js";
 import "../../chunks/chunk.FYVOT65L.js";
-import "../../chunks/chunk.MAHXDMIG.js";
+import "../../chunks/chunk.3Q5FSH4E.js";
 import "../../chunks/chunk.ZGZZZ6WN.js";
 import "../../chunks/chunk.76AUAX6M.js";
 import "../../chunks/chunk.MBGTEG7M.js";
@@ -26,11 +26,11 @@ import "../../chunks/chunk.325EGD4Y.js";
 import "../../chunks/chunk.ZTDXF4HQ.js";
 import "../../chunks/chunk.XQGSWNOO.js";
 import "../../chunks/chunk.OW5NIGGX.js";
+import "../../chunks/chunk.RB5L7E7Z.js";
 import "../../chunks/chunk.YOMDZYX5.js";
 import "../../chunks/chunk.BB43Q4ZV.js";
 import "../../chunks/chunk.VXKMS4DN.js";
-import "../../chunks/chunk.RB5L7E7Z.js";
-import "../../chunks/chunk.2BD5ESA2.js";
+import "../../chunks/chunk.RWJTJO4F.js";
 import "../../chunks/chunk.ADWNFIQR.js";
 import "../../chunks/chunk.BW3AXSF6.js";
 import "../../chunks/chunk.QIOX6AG5.js";

package/cdn/react/tree-item/index.js

@@ -1,21 +1,21 @@
 import {
   tree_item_default
-} from "../../chunks/chunk.5EGGIVNV.js";
-import "../../chunks/chunk.HJEMCWT2.js";
+} from "../../chunks/chunk.JAVSD6LT.js";
+import "../../chunks/chunk.FLMX4ALX.js";
 import "../../chunks/chunk.3E4VGRJI.js";
-import "../../chunks/chunk.PVCHO3ZI.js";
+import "../../chunks/chunk.ILQP2WBI.js";
 import "../../chunks/chunk.74H6X2VH.js";
 import "../../chunks/chunk.UDBTSFT6.js";
 import "../../chunks/chunk.74D2ZUAN.js";
 import "../../chunks/chunk.G4EGOHGJ.js";
-import "../../chunks/chunk.BTCFYKQ4.js";
+import "../../chunks/chunk.MGNYBA52.js";
 import "../../chunks/chunk.52NG72GJ.js";
 import "../../chunks/chunk.2LNQMRJE.js";
 import "../../chunks/chunk.ONECFZZX.js";
 import "../../chunks/chunk.JSLXCIMZ.js";
 import "../../chunks/chunk.VS2OBD6I.js";
 import "../../chunks/chunk.FYVOT65L.js";
-import "../../chunks/chunk.MAHXDMIG.js";
+import "../../chunks/chunk.3Q5FSH4E.js";
 import "../../chunks/chunk.ZGZZZ6WN.js";
 import "../../chunks/chunk.76AUAX6M.js";
 import "../../chunks/chunk.MBGTEG7M.js";
@@ -23,11 +23,11 @@ import "../../chunks/chunk.325EGD4Y.js";
 import "../../chunks/chunk.ZTDXF4HQ.js";
 import "../../chunks/chunk.XQGSWNOO.js";
 import "../../chunks/chunk.OW5NIGGX.js";
+import "../../chunks/chunk.RB5L7E7Z.js";
 import "../../chunks/chunk.YOMDZYX5.js";
 import "../../chunks/chunk.BB43Q4ZV.js";
 import "../../chunks/chunk.VXKMS4DN.js";
-import "../../chunks/chunk.RB5L7E7Z.js";
-import "../../chunks/chunk.2BD5ESA2.js";
+import "../../chunks/chunk.RWJTJO4F.js";
 import "../../chunks/chunk.ADWNFIQR.js";
 import "../../chunks/chunk.BW3AXSF6.js";
 import "../../chunks/chunk.QIOX6AG5.js";

package/cdn/react/truncate/index.js

@@ -1,11 +1,11 @@
 import {
   truncate_default
-} from "../../chunks/chunk.SHNKUP3A.js";
-import "../../chunks/chunk.NRR323XZ.js";
+} from "../../chunks/chunk.EJ5OBUKG.js";
+import "../../chunks/chunk.S7UBIJ7O.js";
 import "../../chunks/chunk.46M22A57.js";
 import "../../chunks/chunk.BB43Q4ZV.js";
 import "../../chunks/chunk.VXKMS4DN.js";
-import "../../chunks/chunk.2BD5ESA2.js";
+import "../../chunks/chunk.RWJTJO4F.js";
 import "../../chunks/chunk.ADWNFIQR.js";
 import "../../chunks/chunk.BW3AXSF6.js";
 import "../../chunks/chunk.QIOX6AG5.js";

package/cdn/react/visually-hidden/index.js

@@ -1,9 +1,9 @@
 import {
   visually_hidden_default
-} from "../../chunks/chunk.GVVCAOCV.js";
-import "../../chunks/chunk.6XUZRTWA.js";
+} from "../../chunks/chunk.R4QWUOMR.js";
+import "../../chunks/chunk.L4EJYGHK.js";
 import "../../chunks/chunk.QWI3BPEG.js";
-import "../../chunks/chunk.2BD5ESA2.js";
+import "../../chunks/chunk.RWJTJO4F.js";
 import "../../chunks/chunk.ADWNFIQR.js";
 import "../../chunks/chunk.BW3AXSF6.js";
 import "../../chunks/chunk.QIOX6AG5.js";

package/cdn/react/wisp/index.js

@@ -1,11 +1,11 @@
 import {
   wisp_default
-} from "../../chunks/chunk.IPSBIE4L.js";
-import "../../chunks/chunk.B4WY2AHA.js";
+} from "../../chunks/chunk.HVKKK6DS.js";
+import "../../chunks/chunk.RAP3WKFB.js";
 import "../../chunks/chunk.EA4MTWML.js";
 import "../../chunks/chunk.BB43Q4ZV.js";
 import "../../chunks/chunk.VXKMS4DN.js";
-import "../../chunks/chunk.2BD5ESA2.js";
+import "../../chunks/chunk.RWJTJO4F.js";
 import "../../chunks/chunk.ADWNFIQR.js";
 import "../../chunks/chunk.BW3AXSF6.js";
 import "../../chunks/chunk.QIOX6AG5.js";

package/cdn/types/vue/index.d.ts

@@ -1,12 +1,12 @@
 import type { DefineComponent } from "vue";
 
 import type { LynkAccordion } from "../../components/accordion/accordion.component.js";
-import type { LynkAutoGrid } from "../../components/auto-grid/auto-grid.component.js";
 import type { LynkAlert } from "../../components/alert/alert.component.js";
+import type { LynkAutoGrid } from "../../components/auto-grid/auto-grid.component.js";
 import type { LynkAnimation } from "../../components/animation/animation.component.js";
 import type { LynkAvatar } from "../../components/avatar/avatar.component.js";
-import type { LynkBadge } from "../../components/badge/badge.component.js";
 import type { LynkBox } from "../../components/box/box.component.js";
+import type { LynkBadge } from "../../components/badge/badge.component.js";
 import type { LynkBreadcrumb } from "../../components/breadcrumb/breadcrumb.component.js";
 import type { LynkBreadcrumbItem } from "../../components/breadcrumb-item/breadcrumb-item.component.js";
 import type { LynkButton } from "../../components/button/button.component.js";
@@ -100,15 +100,6 @@ type LynkAccordionProps = {
   shape?: LynkAccordion["shape"];
 };
 
-type LynkAutoGridProps = {
-  /** How to justify auto-grid items */
-  "auto-size"?: LynkAutoGrid["autoSize"];
-  /** How to align auto-grid items to each-other */
-  "min-size"?: LynkAutoGrid["minSize"];
-  /** The space between auto-grid items. Use spacing tokens or any custom size. */
-  gap?: LynkAutoGrid["gap"];
-};
-
 type LynkAlertProps = {
   /** Indicates whether or not the alert is open. You can use this in lieu of the show/hide methods. */
   open?: LynkAlert["open"];
@@ -136,6 +127,15 @@ Typically used to indicate the remaining time before a whole app refresh. */
   "onev-after-hide"?: (e: CustomEvent<never>) => void;
 };
 
+type LynkAutoGridProps = {
+  /** How to justify auto-grid items */
+  "auto-size"?: LynkAutoGrid["autoSize"];
+  /** How to align auto-grid items to each-other */
+  "min-size"?: LynkAutoGrid["minSize"];
+  /** The space between auto-grid items. Use spacing tokens or any custom size. */
+  gap?: LynkAutoGrid["gap"];
+};
+
 type LynkAnimationProps = {
   /** The name of the built-in animation to use. For custom animations, use the `keyframes` prop. */
   name?: LynkAnimation["name"];
@@ -193,6 +193,8 @@ type LynkAvatarProps = {
   "onev-error"?: (e: CustomEvent<never>) => void;
 };
 
+type LynkBoxProps = {};
+
 type LynkBadgeProps = {
   /** The badge's variant. */
   type?: LynkBadge["type"];
@@ -202,8 +204,6 @@ type LynkBadgeProps = {
   pulse?: LynkBadge["pulse"];
 };
 
-type LynkBoxProps = {};
-
 type LynkBreadcrumbProps = {
   /** The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by
 screen readers and other assistive devices to provide more context for users. */
@@ -692,6 +692,9 @@ type LynkDatePickerProps = {
   min?: LynkDatePicker["min"];
   /** The maximum date in ISO format (YYYY-MM-DD). */
   max?: LynkDatePicker["max"];
+  /** Enable this option to prevent the panel from being clipped when the component is placed inside a container with
+`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios. */
+  hoist?: LynkDatePicker["hoist"];
   /** Adds a clear button when the input is populated. */
   clearable?: LynkDatePicker["clearable"];
   /**  */
@@ -2275,6 +2278,9 @@ type LynkTimePickerProps = {
   format?: LynkTimePicker["format"];
   /** Minute interval/step (e.g., 5 for 5-minute increments: 0, 5, 10, 15...) */
   "minute-interval"?: LynkTimePicker["minuteInterval"];
+  /** Enable this option to prevent the panel from being clipped when the component is placed inside a container with
+`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios. */
+  hoist?: LynkTimePicker["hoist"];
   /** Adds a clear button when the input is populated. */
   clearable?: LynkTimePicker["clearable"];
   /**  */
@@ -2442,23 +2448,6 @@ export type CustomElements = {
    */
   "lynk-accordion": DefineComponent<LynkAccordionProps>;
 
-  /**
-   * A simple automatic two-dimensional grid-based layout system based off CSS Grid spec.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - The default slot.
-   *
-   * ### **CSS Properties:**
-   *  - **--gap** - Customize the gap of the auto-grid group. _(default: var(--lynk-spacing-base))_
-   * - **--min-size** - Customize the allowed min-size of the auto-grid items. _(default: 20rem)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's internal wrapper.
-   */
-  "lynk-auto-grid": DefineComponent<LynkAutoGridProps>;
-
   /**
    * Alerts are used to display important messages inline or as toast notifications.
    * ---
@@ -2495,6 +2484,23 @@ export type CustomElements = {
    */
   "lynk-alert": DefineComponent<LynkAlertProps>;
 
+  /**
+   * A simple automatic two-dimensional grid-based layout system based off CSS Grid spec.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - The default slot.
+   *
+   * ### **CSS Properties:**
+   *  - **--gap** - Customize the gap of the auto-grid group. _(default: var(--lynk-spacing-base))_
+   * - **--min-size** - Customize the allowed min-size of the auto-grid items. _(default: 20rem)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's internal wrapper.
+   */
+  "lynk-auto-grid": DefineComponent<LynkAutoGridProps>;
+
   /**
    * 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).
    * ---
@@ -2535,24 +2541,6 @@ export type CustomElements = {
    */
   "lynk-avatar": DefineComponent<LynkAvatarProps>;
 
-  /**
-   * Badges are used to draw attention and display statuses or counts.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - The badge's content.
-   *
-   * ### **CSS Properties:**
-   *  - **--background-color** - The badges background and pulse color. _(default: undefined)_
-   * - **--color** - The badges text color. _(default: undefined)_
-   * - **--pulse-speed** - The badges pulse speed in seconds or ms. Default is 1.5s. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's internal wrapper.
-   */
-  "lynk-badge": DefineComponent<LynkBadgeProps>;
-
   /**
    *
    * ---
@@ -2578,6 +2566,24 @@ export type CustomElements = {
    */
   "lynk-box": DefineComponent<LynkBoxProps>;
 
+  /**
+   * Badges are used to draw attention and display statuses or counts.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - The badge's content.
+   *
+   * ### **CSS Properties:**
+   *  - **--background-color** - The badges background and pulse color. _(default: undefined)_
+   * - **--color** - The badges text color. _(default: undefined)_
+   * - **--pulse-speed** - The badges pulse speed in seconds or ms. Default is 1.5s. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's internal wrapper.
+   */
+  "lynk-badge": DefineComponent<LynkBadgeProps>;
+
   /**
    * Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.
    * ---

package/cdn/vscode.html-custom-data.json

@@ -34,29 +34,69 @@
       ]
     },
     {
-      "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.",
+      "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.",
       "attributes": [
         {
-          "name": "auto-size",
-          "description": "How to justify auto-grid items",
-          "values": [{ "name": "fit" }, { "name": "fill" }]
+          "name": "name",
+          "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.",
+          "values": []
         },
         {
-          "name": "min-size",
-          "description": "How to align auto-grid items to each-other",
+          "name": "play",
+          "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
           "values": []
         },
         {
-          "name": "gap",
-          "description": "The space between auto-grid items. Use spacing tokens or any custom size.",
+          "name": "delay",
+          "description": "The number of milliseconds to delay the start of the animation.",
+          "values": []
+        },
+        {
+          "name": "direction",
+          "description": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.",
+          "values": [{ "name": "PlaybackDirection" }]
+        },
+        {
+          "name": "duration",
+          "description": "The number of milliseconds each iteration of the animation takes to complete.",
+          "values": []
+        },
+        {
+          "name": "easing",
+          "description": "The easing function to use for the animation. This can be a Lynk's easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
+          "values": []
+        },
+        {
+          "name": "end-delay",
+          "description": "The number of milliseconds to delay after the active period of an animation sequence.",
+          "values": []
+        },
+        {
+          "name": "fill",
+          "description": "Sets how the animation applies styles to its target before and after its execution.",
+          "values": [{ "name": "FillMode" }]
+        },
+        {
+          "name": "iterations",
+          "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
+          "values": []
+        },
+        {
+          "name": "iteration-start",
+          "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
+          "values": []
+        },
+        {
+          "name": "playback-rate",
+          "description": "Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\nto `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\nvalue can be changed without causing the animation to restart.",
           "values": []
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://lynk.design/components/auto-grid"
+          "url": "https://lynk.design/components/animation"
         }
       ]
     },
@@ -105,69 +145,29 @@
       ]
     },
     {
-      "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.",
+      "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.",
       "attributes": [
         {
-          "name": "name",
-          "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.",
-          "values": []
-        },
-        {
-          "name": "play",
-          "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
-          "values": []
-        },
-        {
-          "name": "delay",
-          "description": "The number of milliseconds to delay the start of the animation.",
-          "values": []
-        },
-        {
-          "name": "direction",
-          "description": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.",
-          "values": [{ "name": "PlaybackDirection" }]
-        },
-        {
-          "name": "duration",
-          "description": "The number of milliseconds each iteration of the animation takes to complete.",
-          "values": []
-        },
-        {
-          "name": "easing",
-          "description": "The easing function to use for the animation. This can be a Lynk's easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
-          "values": []
-        },
-        {
-          "name": "end-delay",
-          "description": "The number of milliseconds to delay after the active period of an animation sequence.",
-          "values": []
-        },
-        {
-          "name": "fill",
-          "description": "Sets how the animation applies styles to its target before and after its execution.",
-          "values": [{ "name": "FillMode" }]
-        },
-        {
-          "name": "iterations",
-          "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
-          "values": []
+          "name": "auto-size",
+          "description": "How to justify auto-grid items",
+          "values": [{ "name": "fit" }, { "name": "fill" }]
         },
         {
-          "name": "iteration-start",
-          "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
+          "name": "min-size",
+          "description": "How to align auto-grid items to each-other",
           "values": []
         },
         {
-          "name": "playback-rate",
-          "description": "Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\nto `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\nvalue can be changed without causing the animation to restart.",
+          "name": "gap",
+          "description": "The space between auto-grid items. Use spacing tokens or any custom size.",
           "values": []
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://lynk.design/components/animation"
+          "url": "https://lynk.design/components/auto-grid"
         }
       ]
     },
@@ -1165,6 +1165,11 @@
           "description": "The maximum date in ISO format (YYYY-MM-DD).",
           "values": []
         },
+        {
+          "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.",
+          "values": []
+        },
         {
           "name": "clearable",
           "description": "Adds a clear button when the input is populated.",
@@ -2977,37 +2982,6 @@
         }
       ]
     },
-    {
-      "name": "lynk-radio",
-      "description": "Radios allow the user to select a single option from a group.\n---\n\n\n### **Events:**\n - **ev-blur** - Emitted when the control loses focus.\n- **ev-focus** - Emitted when the control gains focus.\n\n### **Slots:**\n - _default_ - The radio's label.\n\n### **CSS Parts:**\n - **base** - The component's internal wrapper.\n- **control** - The circular container that wraps the radio's checked state.\n- **control--checked** - The radio control when the radio is checked.\n- **checked-icon** - The checked icon, an `<lynk-icon>` element.\n- **label** - The container that wraps the radio's label.",
-      "attributes": [
-        {
-          "name": "value",
-          "description": "The radio's value. When selected, the radio group will receive this value.",
-          "values": []
-        },
-        {
-          "name": "size",
-          "description": "The radio's size.",
-          "values": [
-            { "name": "small" },
-            { "name": "medium" },
-            { "name": "large" }
-          ]
-        },
-        {
-          "name": "disabled",
-          "description": "Disables the radio.",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://lynk.design/components/radio"
-        }
-      ]
-    },
     {
       "name": "lynk-radio-button",
       "description": "Radios buttons allow the user to select a single option from a group using a button-like control.\n---\n\n\n### **Events:**\n - **ev-blur** - Emitted when the button loses focus.\n- **ev-focus** - Emitted when the button gains focus.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the radio button.\n- **blur()** - Removes focus from the button.\n\n### **Slots:**\n - _default_ - The button's label.\n- **prefix** - Used to prepend an icon or similar element to the button.\n- **suffix** - Used to append an icon or similar element to the button.\n\n### **CSS Parts:**\n - **base** - The component's internal wrapper.\n- **button** - The internal button element.\n- **button--checked** - The internal button element if checked\n- **prefix** - The prefix slot's container.\n- **label** - The button's label.\n- **suffix** - The suffix slot's container.",
@@ -3072,6 +3046,37 @@
         }
       ]
     },
+    {
+      "name": "lynk-radio",
+      "description": "Radios allow the user to select a single option from a group.\n---\n\n\n### **Events:**\n - **ev-blur** - Emitted when the control loses focus.\n- **ev-focus** - Emitted when the control gains focus.\n\n### **Slots:**\n - _default_ - The radio's label.\n\n### **CSS Parts:**\n - **base** - The component's internal wrapper.\n- **control** - The circular container that wraps the radio's checked state.\n- **control--checked** - The radio control when the radio is checked.\n- **checked-icon** - The checked icon, an `<lynk-icon>` element.\n- **label** - The container that wraps the radio's label.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "The radio's value. When selected, the radio group will receive this value.",
+          "values": []
+        },
+        {
+          "name": "size",
+          "description": "The radio's size.",
+          "values": [
+            { "name": "small" },
+            { "name": "medium" },
+            { "name": "large" }
+          ]
+        },
+        {
+          "name": "disabled",
+          "description": "Disables the radio.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://lynk.design/components/radio"
+        }
+      ]
+    },
     {
       "name": "lynk-radio-group",
       "description": "Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.\n---\n\n\n### **Events:**\n - **ev-change** - Emitted when the radio group's selected value changes.\n- **ev-input** - Emitted when the radio group receives user input.\n- **ev-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **focus(options: _FocusOptions_)** - Sets focus on the radio-group.\n\n### **Slots:**\n - _default_ - The default slot where `<lynk-radio>` or `<lynk-radio-button>` elements are placed.\n- **help-tip** - Custom help-tip content.\n- **help-text** - Custom help-text content.\n- **label** - The radio group label. Required for proper accessibility. Alternatively, you can use the label attribute.\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help-text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The input's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **button-group** - The button group that wraps radio buttons.\n- **button-group__base** - The button group's `base` part.",
@@ -4357,6 +4362,11 @@
           "description": "Minute interval/step (e.g., 5 for 5-minute increments: 0, 5, 10, 15...)",
           "values": []
         },
+        {
+          "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.",
+          "values": []
+        },
         {
           "name": "clearable",
           "description": "Adds a clear button when the input is populated.",