@uplynk/lynk-design 1.18.1 → 1.19.0

package/dist/custom-elements.json

@@ -807,6 +807,16 @@
             {
               "kind": "method",
               "name": "toast",
+              "parameters": [
+                {
+                  "name": "placement",
+                  "default": "DEFAULT_TOAST_PLACEMENT",
+                  "type": {
+                    "text": "LynkToastPlacement"
+                  },
+                  "description": "Where the toast appears. Defaults to `top-end` (top-right in LTR). `start`\nand `end` follow the inline direction, so they flip under RTL. Toasts shown with different\nplacements appear in separate stacks simultaneously."
+                }
+              ],
               "description": "Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden."
             }
           ],
@@ -8453,88 +8463,94 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/dialog/dialog.js",
+      "path": "components/date-time-picker/date-time-picker.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "LynkDialog",
-          "cssProperties": [
+          "name": "LynkDateTimePicker",
+          "cssParts": [
             {
-              "description": "The preferred width of the dialog. Note that the dialog will shrink to accommodate smaller screens.",
-              "name": "--width"
+              "description": "The component's base wrapper.",
+              "name": "base"
             },
             {
-              "description": "The amount of padding to use for the header.",
-              "name": "--header-spacing"
+              "description": "The form control wrapper.",
+              "name": "form-control"
             },
             {
-              "description": "The amount of padding to use for the body.",
-              "name": "--body-spacing"
+              "description": "The label wrapper.",
+              "name": "form-control-label"
             },
             {
-              "description": "The amount of padding to use for the footer.",
-              "name": "--footer-spacing"
-            }
-          ],
-          "cssParts": [
+              "description": "The input wrapper.",
+              "name": "form-control-input"
+            },
             {
-              "description": "The component's internal wrapper.",
-              "name": "base"
+              "description": "The help text wrapper.",
+              "name": "form-control-help-text"
             },
             {
-              "description": "The overlay.",
-              "name": "overlay"
+              "description": "The input group container.",
+              "name": "input-group"
             },
             {
-              "description": "The dialog panel (where the dialog and its content is rendered).",
-              "name": "panel"
+              "description": "The date input field.",
+              "name": "date-input"
             },
             {
-              "description": "The dialog header.",
-              "name": "header"
+              "description": "The time input field.",
+              "name": "time-input"
             },
             {
-              "description": "Optional actions to add to the header. Works best with `<lynk-icon-button>`.",
-              "name": "header-actions"
+              "description": "The hour number input (24h mode).",
+              "name": "hour-input"
             },
             {
-              "description": "The dialog title.",
-              "name": "title"
+              "description": "The minute number input (24h mode).",
+              "name": "minute-input"
             },
             {
-              "description": "The close button.",
-              "name": "close-button"
+              "description": "The second number input (24h mode).",
+              "name": "second-input"
             },
             {
-              "description": "The close button's `base` part.",
-              "name": "close-button__base"
+              "description": "The dropdown trigger button.",
+              "name": "trigger"
             },
             {
-              "description": "The dialog body.",
-              "name": "body"
+              "description": "The dropdown panel.",
+              "name": "dropdown"
             },
             {
-              "description": "The dialog footer.",
-              "name": "footer"
+              "description": "The calendar component.",
+              "name": "calendar"
+            },
+            {
+              "description": "The clock component.",
+              "name": "clock"
             }
           ],
           "slots": [
             {
-              "description": "The dialog's main content.",
-              "name": ""
+              "description": "The input's label. Alternatively, you can use the label prop.",
+              "name": "label"
             },
             {
-              "description": "The dialog's label. Alternatively, you can use the label prop.",
-              "name": "label"
+              "description": "Optional right-aligned content shown at the end of the label row.",
+              "name": "label-end"
             },
             {
-              "description": "Optional actions to add to the header. Works best with `<lynk-icon-button>`.",
-              "name": "header-actions"
+              "description": "Optional right-aligned content shown at the end of the help-text row.",
+              "name": "help-text-end"
             },
             {
-              "description": "The dialog's footer, usually one or more buttons representing various options.",
-              "name": "footer"
+              "description": "Help text that describes how to use the input.",
+              "name": "help-text"
+            },
+            {
+              "description": "Help tooltip next to the label that can be used in place of help-text to give additional information about how to use the input. Alternatively, you can use the help-tip prop.",
+              "name": "help-tip"
             }
           ],
           "members": [
@@ -8545,1294 +8561,1380 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'lynk-icon-button': LynkIconButton }"
+              "default": "{ 'lynk-button': LynkButton, 'lynk-calendar': LynkCalendar, 'lynk-clock': LynkClock, 'lynk-dropdown': LynkDropdown, 'lynk-form-field': LynkFormField, 'lynk-icon': LynkIcon, 'lynk-icon-button': LynkIconButton }"
             },
             {
               "kind": "field",
-              "name": "hasSlotController",
+              "name": "formControlController",
               "privacy": "private",
               "readonly": true,
-              "default": "new HasSlotController(this, 'footer')"
+              "default": "new FormControlController(this)"
             },
             {
               "kind": "field",
-              "name": "localize",
+              "name": "hasSlotController",
               "privacy": "private",
               "readonly": true,
-              "default": "new LocalizeController(this)"
+              "default": "new HasSlotController( this, 'help-text', 'help-tip', 'label', 'label-end', 'help-text-end' )"
             },
             {
               "kind": "field",
-              "name": "originalTrigger",
+              "name": "dropdown",
               "type": {
-                "text": "HTMLElement | null"
-              },
-              "privacy": "private"
+                "text": "LynkDropdown"
+              }
             },
             {
               "kind": "field",
-              "name": "modal",
+              "name": "calendar",
               "type": {
-                "text": "Modal"
-              },
-              "privacy": "public",
-              "description": "Exposes the internal modal utility that controls focus trapping. To temporarily disable focus trapping and allow third-party modals spawned from an active Lynk modal, call `modal.activateExternal()` when the third-party modal opens. Upon closing, call `modal.deactivateExternal()` to restore Lynk's focus trapping."
+                "text": "LynkCalendar"
+              }
             },
             {
               "kind": "field",
-              "name": "dialog",
+              "name": "clock",
               "type": {
-                "text": "HTMLElement"
+                "text": "LynkClock"
               }
             },
             {
               "kind": "field",
-              "name": "panel",
+              "name": "dateInput",
               "type": {
-                "text": "HTMLElement"
+                "text": "HTMLInputElement"
               }
             },
             {
               "kind": "field",
-              "name": "overlay",
+              "name": "timeInput",
               "type": {
-                "text": "HTMLElement"
+                "text": "HTMLInputElement"
               }
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "hourInput",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.",
-              "attribute": "open",
-              "reflects": true
+                "text": "HTMLInputElement"
+              }
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "minuteInput",
               "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The dialog's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.",
-              "attribute": "label",
-              "reflects": true
+                "text": "HTMLInputElement"
+              }
             },
             {
               "kind": "field",
-              "name": "noHeader",
+              "name": "secondInput",
+              "type": {
+                "text": "HTMLInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isOpen",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Disables the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the dialog.",
-              "attribute": "no-header",
-              "reflects": true
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "pendingValue",
               "type": {
-                "text": "'fitted' | 'full' | 'auto'"
+                "text": "string"
               },
-              "default": "'auto'",
-              "description": "The dialog's size.",
-              "attribute": "size",
-              "reflects": true
+              "privacy": "private",
+              "default": "''"
             },
             {
-              "kind": "method",
-              "name": "requestClose",
+              "kind": "field",
+              "name": "originalValue",
+              "type": {
+                "text": "string"
+              },
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "source",
-                  "type": {
-                    "text": "'close-button' | 'keyboard' | 'overlay'"
-                  }
-                }
-              ]
+              "default": "''"
             },
             {
-              "kind": "method",
-              "name": "addOpenListeners",
-              "privacy": "private"
+              "kind": "field",
+              "name": "use24HourInput",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "description": "Whether to use the 24-hour number inputs instead of native time input",
+              "readonly": true
             },
             {
-              "kind": "method",
-              "name": "removeOpenListeners",
-              "privacy": "private"
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The input's name attribute.",
+              "attribute": "name"
             },
             {
-              "kind": "method",
-              "name": "handleDocumentKeyDown",
+              "kind": "field",
+              "name": "_value",
+              "type": {
+                "text": "string"
+              },
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
+              "default": "''"
             },
             {
-              "kind": "method",
-              "name": "handleOpenChange"
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The current value in ISO 8601 format (YYYY-MM-DDTHH:mm:ss) or Unix timestamp.",
+              "attribute": "value"
             },
             {
-              "kind": "method",
-              "name": "show",
-              "description": "Shows the dialog."
+              "kind": "field",
+              "name": "defaultValue",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Gets or sets the default value used to reset this element."
             },
             {
-              "kind": "method",
-              "name": "hide",
-              "description": "Hides the dialog"
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the dialog opens.",
-              "name": "ev-show",
-              "reactName": "EvShow",
-              "eventName": "EvShowEvent"
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The input's label.",
+              "attribute": "label"
             },
             {
-              "description": "Emitted after the dialog opens and all animations are complete.",
-              "name": "ev-after-show",
-              "reactName": "EvAfterShow",
-              "eventName": "EvAfterShowEvent"
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Placeholder text to show when the input is empty.",
+              "attribute": "placeholder"
             },
             {
-              "description": "Emitted when the dialog closes.",
-              "name": "ev-hide",
-              "reactName": "EvHide",
-              "eventName": "EvHideEvent"
+              "kind": "field",
+              "name": "helpText",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The help text below the input.",
+              "attribute": "help-text"
             },
             {
-              "description": "Emitted after the dialog closes and all animations are complete.",
-              "name": "ev-after-hide",
-              "reactName": "EvAfterHide",
-              "eventName": "EvAfterHideEvent"
+              "kind": "field",
+              "name": "labelEnd",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Optional right-aligned content shown at the end of the label. Alternatively, use the label-end slot.",
+              "attribute": "label-end"
             },
             {
-              "description": "Emitted when the dialog opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.",
-              "name": "ev-initial-focus",
-              "reactName": "EvInitialFocus",
-              "eventName": "EvInitialFocusEvent"
+              "kind": "field",
+              "name": "helpTextEnd",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Optional right-aligned content shown at the end of the help text. Alternatively, use the help-text-end slot.",
+              "attribute": "help-text-end"
             },
             {
+              "kind": "field",
+              "name": "helpTip",
               "type": {
-                "text": "{ source: 'close-button' | 'keyboard' | 'overlay' }"
+                "text": "string"
               },
-              "description": "Emitted when the user attempts to close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in destructive behavior such as data loss.",
-              "name": "ev-request-close",
-              "reactName": "EvRequestClose",
-              "eventName": "EvRequestCloseEvent"
-            }
-          ],
-          "attributes": [
+              "default": "''",
+              "description": "The help tooltip appended to the label. Alternatively, you can use the help-tip slot.",
+              "attribute": "help-tip"
+            },
             {
-              "name": "open",
+              "kind": "field",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.",
-              "fieldName": "open"
+              "description": "Disables the input.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
-              "name": "label",
+              "kind": "field",
+              "name": "readonly",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The dialog's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.",
-              "fieldName": "label"
+              "default": "false",
+              "description": "Makes the input readonly.",
+              "attribute": "readonly",
+              "reflects": true
             },
             {
-              "name": "no-header",
+              "kind": "field",
+              "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the dialog.",
-              "fieldName": "noHeader"
+              "description": "Makes the input required.",
+              "attribute": "required",
+              "reflects": true
             },
             {
-              "name": "size",
+              "kind": "field",
+              "name": "optional",
               "type": {
-                "text": "'fitted' | 'full' | 'auto'"
+                "text": "boolean"
               },
-              "default": "'auto'",
-              "description": "The dialog's size.",
-              "fieldName": "size"
-            }
-          ],
-          "superclass": {
-            "name": "LynkElement",
-            "module": "/src/internal/lynk-element.js"
-          },
-          "summary": "Dialogs, sometimes called \"modals\", appear above the page and require the user's immediate attention.",
-          "tagNameWithoutPrefix": "dialog",
-          "tagName": "lynk-dialog",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Dialogs, sometimes called \"modals\", appear above the page and require the user's immediate attention.\n * @documentation https://lynk.design/components/dialog\n * @since 1.0\n * @status stable\n *\n * @dependency lynk-icon-button\n *\n * @slot - The dialog's main content.\n * @slot label - The dialog's label. Alternatively, you can use the label prop.\n * @slot header-actions - Optional actions to add to the header. Works best with `<lynk-icon-button>`.\n * @slot footer - The dialog's footer, usually one or more buttons representing various options.\n *\n * @event ev-show - Emitted when the dialog opens.\n * @event ev-after-show - Emitted after the dialog opens and all animations are complete.\n * @event ev-hide - Emitted when the dialog closes.\n * @event ev-after-hide - Emitted after the dialog closes and all animations are complete.\n * @event ev-initial-focus - Emitted when the dialog opens and is ready to receive focus. Calling\n *   `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.\n * @event {{ source: 'close-button' | 'keyboard' | 'overlay' }} ev-request-close - Emitted when the user attempts to\n *   close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling\n *   `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in\n *   destructive behavior such as data loss.\n *\n * @csspart base - The component's internal wrapper.\n * @csspart overlay - The overlay.\n * @csspart panel - The dialog panel (where the dialog and its content is rendered).\n * @csspart header - The dialog header.\n * @csspart header-actions - Optional actions to add to the header. Works best with `<lynk-icon-button>`.\n * @csspart title - The dialog title.\n * @csspart close-button - The close button.\n * @csspart close-button__base - The close button's `base` part.\n * @csspart body - The dialog body.\n * @csspart footer - The dialog footer.\n *\n * @cssproperty --width - The preferred width of the dialog. Note that the dialog will shrink to accommodate smaller screens.\n * @cssproperty --header-spacing - The amount of padding to use for the header.\n * @cssproperty --body-spacing - The amount of padding to use for the body.\n * @cssproperty --footer-spacing - The amount of padding to use for the footer.\n *\n * @animation dialog.show - The animation to use when showing the dialog.\n * @animation dialog.hide - The animation to use when hiding the dialog.\n * @animation dialog.denyClose - The animation to use when a request to close the dialog is denied.\n * @animation dialog.overlay.show - The animation to use when showing the dialog's overlay.\n * @animation dialog.overlay.hide - The animation to use when hiding the dialog's overlay.\n *\n * @property modal - Exposes the internal modal utility that controls focus trapping. To temporarily disable focus\n *   trapping and allow third-party modals spawned from an active Lynk modal, call `modal.activateExternal()` when\n *   the third-party modal opens. Upon closing, call `modal.deactivateExternal()` to restore Lynk's focus trapping.\n */",
-          "documentation": "https://lynk.design/components/dialog",
-          "since": "1.0",
-          "status": "stable",
-          "dependencies": [
-            "lynk-icon-button"
-          ],
-          "animations": [
-            {
-              "name": "dialog.show",
-              "description": "The animation to use when showing the dialog."
-            },
-            {
-              "name": "dialog.hide",
-              "description": "The animation to use when hiding the dialog."
+              "default": "false",
+              "description": "Marks the field as optional.",
+              "attribute": "optional",
+              "reflects": true
             },
             {
-              "name": "dialog.denyClose",
-              "description": "The animation to use when a request to close the dialog is denied."
+              "kind": "field",
+              "name": "dirty",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Adds the dirty indicator mark.",
+              "attribute": "dirty",
+              "reflects": true
             },
             {
-              "name": "dialog.overlay.show",
-              "description": "The animation to use when showing the dialog's overlay."
+              "kind": "field",
+              "name": "inline",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Arranges the label inline next to the date-time picker instead of above it.",
+              "attribute": "inline",
+              "reflects": true
             },
             {
-              "name": "dialog.overlay.hide",
-              "description": "The animation to use when hiding the dialog's overlay."
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "LynkDialog",
-            "module": "components/dialog/dialog.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/drawer/drawer.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "LynkDrawer",
-          "cssProperties": [
-            {
-              "description": "The preferred size of the drawer. This will be applied to the drawer's width or height depending on its `placement`. Note that the drawer will shrink to accommodate smaller screens.",
-              "name": "--size"
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The input's size.",
+              "attribute": "size",
+              "reflects": true
             },
             {
-              "description": "The amount of padding to use for the header.",
-              "name": "--header-spacing"
+              "kind": "field",
+              "name": "min",
+              "type": {
+                "text": "string"
+              },
+              "description": "The minimum date in ISO format (YYYY-MM-DD).",
+              "attribute": "min"
             },
             {
-              "description": "The amount of padding to use for the body.",
-              "name": "--body-spacing"
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "string"
+              },
+              "description": "The maximum date in ISO format (YYYY-MM-DD).",
+              "attribute": "max"
             },
             {
-              "description": "The amount of padding to use for the footer.",
-              "name": "--footer-spacing"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's internal wrapper.",
-              "name": "base"
+              "kind": "field",
+              "name": "seconds",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Show seconds in the time picker.",
+              "attribute": "seconds"
             },
             {
-              "description": "The overlay.",
-              "name": "overlay"
+              "kind": "field",
+              "name": "format",
+              "type": {
+                "text": "'locale' | '12h' | '24h'"
+              },
+              "default": "'locale'",
+              "description": "Time format for the clock component.",
+              "attribute": "format"
             },
             {
-              "description": "The drawer panel (where the drawer and its content is rendered).",
-              "name": "panel"
+              "kind": "field",
+              "name": "minuteInterval",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "Minute interval/step (e.g., 5 for 5-minute increments: 0, 5, 10, 15...)",
+              "attribute": "minute-interval"
             },
-            {
-              "description": "The drawer header.",
-              "name": "header"
-            },
-            {
-              "description": "Optional actions to add to the header. Works best with `<lynk-icon-button>`.",
-              "name": "header-actions"
-            },
-            {
-              "description": "The drawer title.",
-              "name": "title"
-            },
-            {
-              "description": "The close button.",
-              "name": "close-button"
-            },
-            {
-              "description": "The close button's `base` part.",
-              "name": "close-button__base"
-            },
-            {
-              "description": "The drawer body.",
-              "name": "body"
-            },
-            {
-              "description": "The drawer footer.",
-              "name": "footer"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The drawer's content.",
-              "name": ""
-            },
-            {
-              "description": "The drawer's label. Alternatively, you can use the label prop.",
-              "name": "label"
-            },
-            {
-              "description": "The drawer's footer, usually one or more buttons representing various options.",
-              "name": "footer"
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "dependencies",
+              "name": "defaultTime",
               "type": {
-                "text": "object"
+                "text": "'start' | 'end'"
               },
-              "static": true,
-              "default": "{ 'lynk-icon-button': LynkIconButton }"
-            },
-            {
-              "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'footer')"
-            },
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
+              "default": "'start'",
+              "description": "Default time to set when a date is selected without existing time.",
+              "attribute": "default-time"
             },
             {
               "kind": "field",
-              "name": "originalTrigger",
+              "name": "hoist",
               "type": {
-                "text": "HTMLElement | null"
+                "text": "boolean"
               },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "modal",
-              "privacy": "public",
-              "default": "new Modal(this)",
-              "description": "Exposes the internal modal utility that controls focus trapping. To temporarily disable focus trapping and allow third-party modals spawned from an active Lynk modal, call `modal.activateExternal()` when the third-party modal opens. Upon closing, call `modal.deactivateExternal()` to restore Lynk's focus trapping."
+              "default": "false",
+              "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.",
+              "attribute": "hoist"
             },
             {
               "kind": "field",
-              "name": "closeWatcher",
+              "name": "placement",
               "type": {
-                "text": "CloseWatcher | null"
+                "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
               },
-              "privacy": "private"
+              "default": "'bottom-start'",
+              "description": "The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.",
+              "attribute": "placement",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "drawer",
+              "name": "distance",
               "type": {
-                "text": "HTMLElement"
-              }
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The distance in pixels from which to offset the panel away from its trigger.",
+              "attribute": "distance"
             },
             {
               "kind": "field",
-              "name": "panel",
+              "name": "skidding",
               "type": {
-                "text": "HTMLElement"
-              }
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The distance in pixels from which to offset the panel along its trigger.",
+              "attribute": "skidding"
             },
             {
               "kind": "field",
-              "name": "overlay",
+              "name": "inlinePickers",
               "type": {
-                "text": "HTMLElement"
-              }
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Display the pickers inline without the dropdown and input fields.",
+              "attribute": "inline-pickers"
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "clearable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.",
-              "attribute": "open",
-              "reflects": true
+              "description": "Adds a clear button when the input is populated.",
+              "attribute": "clearable"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "normalizeMode",
               "type": {
-                "text": "string"
+                "text": "'none' | 'local'"
               },
-              "default": "''",
-              "description": "The drawer's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, you can use the `label` slot\ninstead.",
-              "attribute": "label",
-              "reflects": true
+              "default": "'none'",
+              "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.",
+              "attribute": "normalize"
             },
             {
               "kind": "field",
-              "name": "placement",
-              "type": {
-                "text": "'top' | 'end' | 'bottom' | 'start'"
-              },
-              "default": "'end'",
-              "description": "The direction from which the drawer will open.",
-              "attribute": "placement",
-              "reflects": true
+              "name": "validity",
+              "description": "Gets the validity state object",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "contained",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of\nits parent element, set this prop and add `position: relative` to the parent.",
-              "attribute": "contained",
-              "reflects": true
+              "name": "validationMessage",
+              "description": "Gets the validation message",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "noHeader",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Removes the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the drawer.",
-              "attribute": "no-header",
-              "reflects": true
+              "name": "handleDropdownShow",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "requestClose",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "source",
-                  "type": {
-                    "text": "'close-button' | 'keyboard' | 'overlay'"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "handleDropdownHide",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "addOpenListeners",
+              "name": "handleDateInput",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "removeOpenListeners",
+              "name": "handleTimeInput",
               "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "handleDocumentKeyDown",
+              "kind": "method",
+              "name": "handleDateChange",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleOpenChange"
+              "name": "handleTimeChange",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleNoModalChange"
+              "name": "pad",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "n",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "description": "Pad a number to 2 digits"
             },
             {
               "kind": "method",
-              "name": "show",
-              "description": "Shows the drawer."
+              "name": "buildTimeFrom24HourInputs",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "description": "Build HH:mm or HH:mm:ss from the 24h number inputs"
             },
             {
               "kind": "method",
-              "name": "hide",
-              "description": "Hides the drawer"
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the drawer opens.",
-              "name": "ev-show",
-              "reactName": "EvShow",
-              "eventName": "EvShowEvent"
+              "name": "handle24HourTimeInput",
+              "privacy": "private"
             },
             {
-              "description": "Emitted after the drawer opens and all animations are complete.",
-              "name": "ev-after-show",
-              "reactName": "EvAfterShow",
-              "eventName": "EvAfterShowEvent"
+              "kind": "method",
+              "name": "handle24HourTimeChange",
+              "privacy": "private"
             },
             {
-              "description": "Emitted when the drawer closes.",
-              "name": "ev-hide",
-              "reactName": "EvHide",
-              "eventName": "EvHideEvent"
+              "kind": "method",
+              "name": "handle24HourKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "description": "Handle arrow keys to increment/decrement values in 24h inputs"
             },
             {
-              "description": "Emitted after the drawer closes and all animations are complete.",
-              "name": "ev-after-hide",
-              "reactName": "EvAfterHide",
-              "eventName": "EvAfterHideEvent"
-            },
-            {
-              "description": "Emitted when the drawer opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.",
-              "name": "ev-initial-focus",
-              "reactName": "EvInitialFocus",
-              "eventName": "EvInitialFocusEvent"
-            },
-            {
-              "type": {
-                "text": "{ source: 'close-button' | 'keyboard' | 'overlay' }"
-              },
-              "description": "Emitted when the user attempts to close the drawer by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the drawer open. Avoid using this unless closing the drawer will result in destructive behavior such as data loss.",
-              "name": "ev-request-close",
-              "reactName": "EvRequestClose",
-              "eventName": "EvRequestCloseEvent"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.",
-              "fieldName": "open"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The drawer's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, you can use the `label` slot\ninstead.",
-              "fieldName": "label"
-            },
-            {
-              "name": "placement",
-              "type": {
-                "text": "'top' | 'end' | 'bottom' | 'start'"
-              },
-              "default": "'end'",
-              "description": "The direction from which the drawer will open.",
-              "fieldName": "placement"
-            },
-            {
-              "name": "contained",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of\nits parent element, set this prop and add `position: relative` to the parent.",
-              "fieldName": "contained"
-            },
-            {
-              "name": "no-header",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Removes the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the drawer.",
-              "fieldName": "noHeader"
-            }
-          ],
-          "superclass": {
-            "name": "LynkElement",
-            "module": "/src/internal/lynk-element.js"
-          },
-          "summary": "Drawers slide in from a container to expose additional options and information.",
-          "tagNameWithoutPrefix": "drawer",
-          "tagName": "lynk-drawer",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Drawers slide in from a container to expose additional options and information.\n * @documentation https://lynk.design/components/drawer\n * @since 1.0\n * @status stable\n *\n * @dependency lynk-icon-button\n *\n * @slot - The drawer's content.\n * @slot label - The drawer's label. Alternatively, you can use the label prop.\n * @slot footer - The drawer's footer, usually one or more buttons representing various options.\n *\n * @event ev-show - Emitted when the drawer opens.\n * @event ev-after-show - Emitted after the drawer opens and all animations are complete.\n * @event ev-hide - Emitted when the drawer closes.\n * @event ev-after-hide - Emitted after the drawer closes and all animations are complete.\n * @event ev-initial-focus - Emitted when the drawer opens and is ready to receive focus. Calling\n *   `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.\n * @event {{ source: 'close-button' | 'keyboard' | 'overlay' }} ev-request-close - Emitted when the user attempts to\n *   close the drawer by clicking the close button, clicking the overlay, or pressing escape. Calling\n *   `event.preventDefault()` will keep the drawer open. Avoid using this unless closing the drawer will result in\n *   destructive behavior such as data loss.\n *\n * @csspart base - The component's internal wrapper.\n * @csspart overlay - The overlay.\n * @csspart panel - The drawer panel (where the drawer and its content is rendered).\n * @csspart header - The drawer header.\n * @csspart header-actions - Optional actions to add to the header. Works best with `<lynk-icon-button>`.\n * @csspart title - The drawer title.\n * @csspart close-button - The close button.\n * @csspart close-button__base - The close button's `base` part.\n * @csspart body - The drawer body.\n * @csspart footer - The drawer footer.\n *\n * @cssproperty --size - The preferred size of the drawer. This will be applied to the drawer's width or height\n *   depending on its `placement`. Note that the drawer will shrink to accommodate smaller screens.\n * @cssproperty --header-spacing - The amount of padding to use for the header.\n * @cssproperty --body-spacing - The amount of padding to use for the body.\n * @cssproperty --footer-spacing - The amount of padding to use for the footer.\n *\n * @animation drawer.showTop - The animation to use when showing a drawer with `top` placement.\n * @animation drawer.showEnd - The animation to use when showing a drawer with `end` placement.\n * @animation drawer.showBottom - The animation to use when showing a drawer with `bottom` placement.\n * @animation drawer.showStart - The animation to use when showing a drawer with `start` placement.\n * @animation drawer.hideTop - The animation to use when hiding a drawer with `top` placement.\n * @animation drawer.hideEnd - The animation to use when hiding a drawer with `end` placement.\n * @animation drawer.hideBottom - The animation to use when hiding a drawer with `bottom` placement.\n * @animation drawer.hideStart - The animation to use when hiding a drawer with `start` placement.\n * @animation drawer.denyClose - The animation to use when a request to close the drawer is denied.\n * @animation drawer.overlay.show - The animation to use when showing the drawer's overlay.\n * @animation drawer.overlay.hide - The animation to use when hiding the drawer's overlay.\n *\n * @property modal - Exposes the internal modal utility that controls focus trapping. To temporarily disable focus\n *   trapping and allow third-party modals spawned from an active Lynk modal, call `modal.activateExternal()` when\n *   the third-party modal opens. Upon closing, call `modal.deactivateExternal()` to restore Lynk's focus trapping.\n */",
-          "documentation": "https://lynk.design/components/drawer",
-          "since": "1.0",
-          "status": "stable",
-          "dependencies": [
-            "lynk-icon-button"
-          ],
-          "animations": [
-            {
-              "name": "drawer.showTop",
-              "description": "The animation to use when showing a drawer with `top` placement."
-            },
-            {
-              "name": "drawer.showEnd",
-              "description": "The animation to use when showing a drawer with `end` placement."
-            },
-            {
-              "name": "drawer.showBottom",
-              "description": "The animation to use when showing a drawer with `bottom` placement."
-            },
-            {
-              "name": "drawer.showStart",
-              "description": "The animation to use when showing a drawer with `start` placement."
-            },
-            {
-              "name": "drawer.hideTop",
-              "description": "The animation to use when hiding a drawer with `top` placement."
-            },
-            {
-              "name": "drawer.hideEnd",
-              "description": "The animation to use when hiding a drawer with `end` placement."
-            },
-            {
-              "name": "drawer.hideBottom",
-              "description": "The animation to use when hiding a drawer with `bottom` placement."
-            },
-            {
-              "name": "drawer.hideStart",
-              "description": "The animation to use when hiding a drawer with `start` placement."
-            },
-            {
-              "name": "drawer.denyClose",
-              "description": "The animation to use when a request to close the drawer is denied."
-            },
-            {
-              "name": "drawer.overlay.show",
-              "description": "The animation to use when showing the drawer's overlay."
-            },
-            {
-              "name": "drawer.overlay.hide",
-              "description": "The animation to use when hiding the drawer's overlay."
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "LynkDrawer",
-            "module": "components/drawer/drawer.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/date-time-picker/date-time-picker.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "LynkDateTimePicker",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            },
-            {
-              "description": "The form control wrapper.",
-              "name": "form-control"
+              "kind": "method",
+              "name": "handleDateInputClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
-              "description": "The label wrapper.",
-              "name": "form-control-label"
+              "kind": "method",
+              "name": "handleTimeInputClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
-              "description": "The input wrapper.",
-              "name": "form-control-input"
+              "kind": "field",
+              "name": "handleKeyDown",
+              "privacy": "private"
             },
             {
-              "description": "The help text wrapper.",
-              "name": "form-control-help-text"
+              "kind": "method",
+              "name": "handleCalendarChange",
+              "privacy": "private"
             },
             {
-              "description": "The input group container.",
-              "name": "input-group"
+              "kind": "method",
+              "name": "handleClockChange",
+              "privacy": "private"
             },
             {
-              "description": "The date input field.",
-              "name": "date-input"
+              "kind": "method",
+              "name": "applyPendingValue",
+              "privacy": "private"
             },
             {
-              "description": "The time input field.",
-              "name": "time-input"
+              "kind": "method",
+              "name": "updateInlineValue",
+              "privacy": "private"
             },
             {
-              "description": "The hour number input (24h mode).",
-              "name": "hour-input"
+              "kind": "method",
+              "name": "handleCancel",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
-              "description": "The minute number input (24h mode).",
-              "name": "minute-input"
+              "kind": "method",
+              "name": "handleClear",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
-              "description": "The second number input (24h mode).",
-              "name": "second-input"
+              "kind": "method",
+              "name": "handleTriggerClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
-              "description": "The dropdown trigger button.",
-              "name": "trigger"
+              "kind": "method",
+              "name": "updateValueFromInputs",
+              "privacy": "private"
             },
             {
-              "description": "The dropdown panel.",
-              "name": "dropdown"
+              "kind": "method",
+              "name": "normalizeValue",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "val",
+                  "type": {
+                    "text": "string | number"
+                  }
+                }
+              ]
             },
             {
-              "description": "The calendar component.",
-              "name": "calendar"
+              "kind": "method",
+              "name": "toLocalISOString",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "date",
+                  "type": {
+                    "text": "Date"
+                  }
+                }
+              ],
+              "description": "Converts a Date to a local ISO string with timezone offset (e.g. 2024-01-15T16:30:00-06:00)"
             },
             {
-              "description": "The clock component.",
-              "name": "clock"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The input's label. Alternatively, you can use the label prop.",
-              "name": "label"
+              "kind": "method",
+              "name": "getTimezoneOffset",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "isoString",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
-              "description": "Optional right-aligned content shown at the end of the label row.",
-              "name": "label-end"
+              "kind": "method",
+              "name": "updateInputsFromValue",
+              "privacy": "private"
             },
             {
-              "description": "Optional right-aligned content shown at the end of the help-text row.",
-              "name": "help-text-end"
+              "kind": "method",
+              "name": "updatePickersFromValue",
+              "privacy": "private"
             },
             {
-              "description": "Help text that describes how to use the input.",
-              "name": "help-text"
+              "kind": "method",
+              "name": "updatePickersFromInputs",
+              "privacy": "private"
             },
             {
-              "description": "Help tooltip next to the label that can be used in place of help-text to give additional information about how to use the input. Alternatively, you can use the help-tip prop.",
-              "name": "help-tip"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{ 'lynk-button': LynkButton, 'lynk-calendar': LynkCalendar, 'lynk-clock': LynkClock, 'lynk-dropdown': LynkDropdown, 'lynk-form-field': LynkFormField, 'lynk-icon': LynkIcon, 'lynk-icon-button': LynkIconButton }"
+              "kind": "method",
+              "name": "updatePendingValue",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "formControlController",
+              "name": "canClear",
               "privacy": "private",
-              "readonly": true,
-              "default": "new FormControlController(this)"
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "hasSlotController",
+              "name": "canApply",
               "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController( this, 'help-text', 'help-tip', 'label', 'label-end', 'help-text-end' )"
+              "readonly": true
             },
             {
-              "kind": "field",
-              "name": "dropdown",
-              "type": {
-                "text": "LynkDropdown"
-              }
+              "kind": "method",
+              "name": "show",
+              "description": "Shows the dropdown."
             },
             {
-              "kind": "field",
-              "name": "calendar",
-              "type": {
-                "text": "LynkCalendar"
-              }
+              "kind": "method",
+              "name": "hide",
+              "description": "Hides the dropdown."
             },
             {
-              "kind": "field",
-              "name": "clock",
-              "type": {
-                "text": "LynkClock"
-              }
+              "kind": "method",
+              "name": "focus",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "description": "Sets focus on the date input."
             },
             {
-              "kind": "field",
-              "name": "dateInput",
-              "type": {
-                "text": "HTMLInputElement"
-              }
+              "kind": "method",
+              "name": "blur",
+              "description": "Removes focus from the input."
             },
             {
-              "kind": "field",
-              "name": "timeInput",
-              "type": {
-                "text": "HTMLInputElement"
-              }
+              "kind": "method",
+              "name": "checkValidity",
+              "description": "Checks for validity but does not show a validation message."
             },
             {
-              "kind": "field",
-              "name": "hourInput",
-              "type": {
-                "text": "HTMLInputElement"
-              }
+              "kind": "method",
+              "name": "getForm",
+              "return": {
+                "type": {
+                  "text": "HTMLFormElement | null"
+                }
+              },
+              "description": "Gets the associated form, if one exists."
             },
             {
-              "kind": "field",
-              "name": "minuteInput",
-              "type": {
-                "text": "HTMLInputElement"
-              }
+              "kind": "method",
+              "name": "reportValidity",
+              "description": "Checks for validity and shows the browser's validation message if invalid."
             },
             {
-              "kind": "field",
-              "name": "secondInput",
-              "type": {
-                "text": "HTMLInputElement"
-              }
+              "kind": "method",
+              "name": "setCustomValidity",
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Sets a custom validation message."
             },
             {
-              "kind": "field",
-              "name": "isOpen",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
+              "kind": "method",
+              "name": "handleValueChange"
             },
             {
-              "kind": "field",
-              "name": "pendingValue",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "''"
+              "kind": "method",
+              "name": "handleNormalizeModeChange"
             },
             {
-              "kind": "field",
-              "name": "originalValue",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "''"
+              "kind": "method",
+              "name": "handleDisabledChange"
             },
             {
-              "kind": "field",
-              "name": "use24HourInput",
-              "type": {
-                "text": "boolean"
-              },
+              "kind": "method",
+              "name": "render24HourTimeInputs",
               "privacy": "private",
-              "description": "Whether to use the 24-hour number inputs instead of native time input",
-              "readonly": true
+              "parameters": [
+                {
+                  "name": "isHidden",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the date-time value changes.",
+              "name": "ev-change",
+              "reactName": "EvChange",
+              "eventName": "EvChangeEvent"
             },
             {
-              "kind": "field",
+              "description": "Emitted when the control receives input.",
+              "name": "ev-input",
+              "reactName": "EvInput",
+              "eventName": "EvInputEvent"
+            },
+            {
+              "description": "Emitted when the input is cleared.",
+              "name": "ev-clear",
+              "reactName": "EvClear",
+              "eventName": "EvClearEvent"
+            }
+          ],
+          "attributes": [
+            {
               "name": "name",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "The input's name attribute.",
-              "attribute": "name"
-            },
-            {
-              "kind": "field",
-              "name": "_value",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "''"
+              "fieldName": "name"
             },
             {
-              "kind": "field",
               "name": "value",
               "type": {
                 "text": "string"
               },
               "description": "The current value in ISO 8601 format (YYYY-MM-DDTHH:mm:ss) or Unix timestamp.",
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "defaultValue",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Gets or sets the default value used to reset this element."
+              "fieldName": "value"
             },
             {
-              "kind": "field",
               "name": "label",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "The input's label.",
-              "attribute": "label"
+              "fieldName": "label"
             },
             {
-              "kind": "field",
               "name": "placeholder",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "Placeholder text to show when the input is empty.",
-              "attribute": "placeholder"
+              "fieldName": "placeholder"
             },
             {
-              "kind": "field",
-              "name": "helpText",
+              "name": "help-text",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "The help text below the input.",
-              "attribute": "help-text"
+              "fieldName": "helpText"
             },
             {
-              "kind": "field",
-              "name": "labelEnd",
+              "name": "label-end",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "Optional right-aligned content shown at the end of the label. Alternatively, use the label-end slot.",
-              "attribute": "label-end"
+              "fieldName": "labelEnd"
             },
             {
-              "kind": "field",
-              "name": "helpTextEnd",
+              "name": "help-text-end",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "Optional right-aligned content shown at the end of the help text. Alternatively, use the help-text-end slot.",
-              "attribute": "help-text-end"
+              "fieldName": "helpTextEnd"
             },
             {
-              "kind": "field",
-              "name": "helpTip",
+              "name": "help-tip",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "The help tooltip appended to the label. Alternatively, you can use the help-tip slot.",
-              "attribute": "help-tip"
+              "fieldName": "helpTip"
             },
             {
-              "kind": "field",
               "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Disables the input.",
-              "attribute": "disabled",
-              "reflects": true
+              "fieldName": "disabled"
             },
             {
-              "kind": "field",
               "name": "readonly",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Makes the input readonly.",
-              "attribute": "readonly",
-              "reflects": true
+              "fieldName": "readonly"
             },
             {
-              "kind": "field",
               "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Makes the input required.",
-              "attribute": "required",
-              "reflects": true
+              "fieldName": "required"
             },
             {
-              "kind": "field",
               "name": "optional",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Marks the field as optional.",
-              "attribute": "optional",
-              "reflects": true
+              "fieldName": "optional"
             },
             {
-              "kind": "field",
               "name": "dirty",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Adds the dirty indicator mark.",
-              "attribute": "dirty",
-              "reflects": true
+              "fieldName": "dirty"
             },
             {
-              "kind": "field",
               "name": "inline",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Arranges the label inline next to the date-time picker instead of above it.",
-              "attribute": "inline",
-              "reflects": true
+              "fieldName": "inline"
             },
             {
-              "kind": "field",
               "name": "size",
               "type": {
                 "text": "'small' | 'medium' | 'large'"
               },
               "default": "'medium'",
               "description": "The input's size.",
-              "attribute": "size",
-              "reflects": true
+              "fieldName": "size"
             },
             {
-              "kind": "field",
               "name": "min",
               "type": {
                 "text": "string"
               },
               "description": "The minimum date in ISO format (YYYY-MM-DD).",
-              "attribute": "min"
+              "fieldName": "min"
             },
             {
-              "kind": "field",
               "name": "max",
               "type": {
                 "text": "string"
               },
               "description": "The maximum date in ISO format (YYYY-MM-DD).",
-              "attribute": "max"
+              "fieldName": "max"
             },
             {
-              "kind": "field",
               "name": "seconds",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Show seconds in the time picker.",
-              "attribute": "seconds"
+              "fieldName": "seconds"
             },
             {
-              "kind": "field",
               "name": "format",
               "type": {
                 "text": "'locale' | '12h' | '24h'"
               },
               "default": "'locale'",
               "description": "Time format for the clock component.",
-              "attribute": "format"
+              "fieldName": "format"
             },
             {
-              "kind": "field",
-              "name": "minuteInterval",
+              "name": "minute-interval",
               "type": {
                 "text": "number"
               },
               "default": "1",
               "description": "Minute interval/step (e.g., 5 for 5-minute increments: 0, 5, 10, 15...)",
-              "attribute": "minute-interval"
+              "fieldName": "minuteInterval"
             },
             {
-              "kind": "field",
-              "name": "defaultTime",
+              "name": "default-time",
               "type": {
                 "text": "'start' | 'end'"
               },
               "default": "'start'",
               "description": "Default time to set when a date is selected without existing time.",
-              "attribute": "default-time"
+              "fieldName": "defaultTime"
             },
             {
-              "kind": "field",
               "name": "hoist",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "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.",
-              "attribute": "hoist"
+              "fieldName": "hoist"
             },
             {
-              "kind": "field",
               "name": "placement",
               "type": {
                 "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
               },
               "default": "'bottom-start'",
               "description": "The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.",
-              "attribute": "placement",
-              "reflects": true
+              "fieldName": "placement"
             },
             {
-              "kind": "field",
               "name": "distance",
               "type": {
                 "text": "number"
               },
               "default": "0",
               "description": "The distance in pixels from which to offset the panel away from its trigger.",
-              "attribute": "distance"
+              "fieldName": "distance"
             },
             {
-              "kind": "field",
               "name": "skidding",
               "type": {
                 "text": "number"
               },
               "default": "0",
               "description": "The distance in pixels from which to offset the panel along its trigger.",
-              "attribute": "skidding"
+              "fieldName": "skidding"
             },
             {
-              "kind": "field",
-              "name": "inlinePickers",
+              "name": "inline-pickers",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Display the pickers inline without the dropdown and input fields.",
-              "attribute": "inline-pickers"
+              "fieldName": "inlinePickers"
             },
             {
-              "kind": "field",
               "name": "clearable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Adds a clear button when the input is populated.",
-              "attribute": "clearable"
+              "fieldName": "clearable"
+            },
+            {
+              "name": "normalize",
+              "type": {
+                "text": "'none' | 'local'"
+              },
+              "default": "'none'",
+              "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.",
+              "fieldName": "normalizeMode"
+            }
+          ],
+          "superclass": {
+            "name": "LynkElement",
+            "module": "/src/internal/lynk-element.js"
+          },
+          "summary": "A date-time picker that combines calendar and clock components with accessible input fields. Accepts ISO 8601 format by default or Unix timestamps.",
+          "tagNameWithoutPrefix": "date-time-picker",
+          "tagName": "lynk-date-time-picker",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary A date-time picker that combines calendar and clock components with accessible input fields. Accepts ISO 8601 format by default or Unix timestamps.\n * @documentation https://lynk.design/components/date-time-picker\n * @status experimental\n * @since 1.4\n *\n * @dependency lynk-calendar\n * @dependency lynk-clock\n * @dependency lynk-dropdown\n * @dependency lynk-icon\n * @dependency lynk-icon-button\n * @dependency lynk-tooltip\n *\n * @event ev-change - Emitted when the date-time value changes.\n * @event ev-input - Emitted when the control receives input.\n * @event ev-clear - Emitted when the input is cleared.\n *\n * @slot label - The input's label. Alternatively, you can use the label prop.\n * @slot label-end - Optional right-aligned content shown at the end of the label row.\n * @slot help-text-end - Optional right-aligned content shown at the end of the help-text row.\n * @slot help-text - Help text that describes how to use the input.\n * @slot help-tip - Help tooltip next to the label that can be used in place of help-text to give additional information about how to use the input. Alternatively, you can use the help-tip prop.\n *\n * @csspart base - The component's base wrapper.\n * @csspart form-control - The form control wrapper.\n * @csspart form-control-label - The label wrapper.\n * @csspart form-control-input - The input wrapper.\n * @csspart form-control-help-text - The help text wrapper.\n * @csspart input-group - The input group container.\n * @csspart date-input - The date input field.\n * @csspart time-input - The time input field.\n * @csspart hour-input - The hour number input (24h mode).\n * @csspart minute-input - The minute number input (24h mode).\n * @csspart second-input - The second number input (24h mode).\n * @csspart trigger - The dropdown trigger button.\n * @csspart dropdown - The dropdown panel.\n * @csspart calendar - The calendar component.\n * @csspart clock - The clock component.\n */",
+          "documentation": "https://lynk.design/components/date-time-picker",
+          "status": "experimental",
+          "since": "1.4",
+          "dependencies": [
+            "lynk-calendar",
+            "lynk-clock",
+            "lynk-dropdown",
+            "lynk-icon",
+            "lynk-icon-button",
+            "lynk-tooltip"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "LynkDateTimePicker",
+            "module": "components/date-time-picker/date-time-picker.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/divider/divider.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LynkDivider",
+          "cssProperties": [
+            {
+              "description": "The color of the divider.",
+              "name": "--color"
+            },
+            {
+              "description": "The width of the divider.",
+              "name": "--width"
+            },
+            {
+              "description": "The spacing of the divider.",
+              "name": "--spacing"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "vertical",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws the divider in a vertical orientation.",
+              "attribute": "vertical",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "handleVerticalChange"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "vertical",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws the divider in a vertical orientation.",
+              "fieldName": "vertical"
+            }
+          ],
+          "superclass": {
+            "name": "LynkElement",
+            "module": "/src/internal/lynk-element.js"
+          },
+          "summary": "Dividers are used to visually separate or group elements.",
+          "tagNameWithoutPrefix": "divider",
+          "tagName": "lynk-divider",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Dividers are used to visually separate or group elements.\n * @documentation https://lynk.design/components/divider\n * @status stable\n * @since 1.0\n *\n * @cssproperty --color - The color of the divider.\n * @cssproperty --width - The width of the divider.\n * @cssproperty --spacing - The spacing of the divider.\n */",
+          "documentation": "https://lynk.design/components/divider",
+          "status": "stable",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "LynkDivider",
+            "module": "components/divider/divider.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/dialog/dialog.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LynkDialog",
+          "cssProperties": [
+            {
+              "description": "The preferred width of the dialog. Note that the dialog will shrink to accommodate smaller screens.",
+              "name": "--width"
+            },
+            {
+              "description": "The amount of padding to use for the header.",
+              "name": "--header-spacing"
+            },
+            {
+              "description": "The amount of padding to use for the body.",
+              "name": "--body-spacing"
+            },
+            {
+              "description": "The amount of padding to use for the footer.",
+              "name": "--footer-spacing"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's internal wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The overlay.",
+              "name": "overlay"
+            },
+            {
+              "description": "The dialog panel (where the dialog and its content is rendered).",
+              "name": "panel"
+            },
+            {
+              "description": "The dialog header.",
+              "name": "header"
+            },
+            {
+              "description": "Optional actions to add to the header. Works best with `<lynk-icon-button>`.",
+              "name": "header-actions"
+            },
+            {
+              "description": "The dialog title.",
+              "name": "title"
+            },
+            {
+              "description": "The close button.",
+              "name": "close-button"
+            },
+            {
+              "description": "The close button's `base` part.",
+              "name": "close-button__base"
+            },
+            {
+              "description": "The dialog body.",
+              "name": "body"
+            },
+            {
+              "description": "The dialog footer.",
+              "name": "footer"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The dialog's main content.",
+              "name": ""
+            },
+            {
+              "description": "The dialog's label. Alternatively, you can use the label prop.",
+              "name": "label"
+            },
+            {
+              "description": "Optional actions to add to the header. Works best with `<lynk-icon-button>`.",
+              "name": "header-actions"
+            },
+            {
+              "description": "The dialog's footer, usually one or more buttons representing various options.",
+              "name": "footer"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'lynk-icon-button': LynkIconButton }"
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'footer')"
+            },
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
             },
             {
               "kind": "field",
-              "name": "normalizeMode",
+              "name": "originalTrigger",
               "type": {
-                "text": "'none' | 'local'"
+                "text": "HTMLElement | null"
               },
-              "default": "'none'",
-              "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.",
-              "attribute": "normalize"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "validity",
-              "description": "Gets the validity state object",
-              "readonly": true
+              "name": "modal",
+              "type": {
+                "text": "Modal"
+              },
+              "privacy": "public",
+              "description": "Exposes the internal modal utility that controls focus trapping. To temporarily disable focus trapping and allow third-party modals spawned from an active Lynk modal, call `modal.activateExternal()` when the third-party modal opens. Upon closing, call `modal.deactivateExternal()` to restore Lynk's focus trapping."
             },
             {
               "kind": "field",
-              "name": "validationMessage",
-              "description": "Gets the validation message",
-              "readonly": true
+              "name": "dialog",
+              "type": {
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
-              "name": "handleDropdownShow",
-              "privacy": "private"
+              "name": "panel",
+              "type": {
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
-              "name": "handleDropdownHide",
-              "privacy": "private"
+              "name": "overlay",
+              "type": {
+                "text": "HTMLElement"
+              }
             },
             {
-              "kind": "method",
-              "name": "handleDateInput",
-              "privacy": "private"
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.",
+              "attribute": "open",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "handleTimeInput",
-              "privacy": "private"
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The dialog's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.",
+              "attribute": "label",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "handleDateChange",
-              "privacy": "private"
+              "kind": "field",
+              "name": "noHeader",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the dialog.",
+              "attribute": "no-header",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "handleTimeChange",
-              "privacy": "private"
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'fitted' | 'full' | 'auto'"
+              },
+              "default": "'auto'",
+              "description": "The dialog's size.",
+              "attribute": "size",
+              "reflects": true
             },
             {
               "kind": "method",
-              "name": "pad",
+              "name": "requestClose",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
               "parameters": [
                 {
-                  "name": "n",
+                  "name": "source",
                   "type": {
-                    "text": "number"
+                    "text": "'close-button' | 'keyboard' | 'overlay'"
                   }
                 }
-              ],
-              "description": "Pad a number to 2 digits"
-            },
-            {
-              "kind": "method",
-              "name": "buildTimeFrom24HourInputs",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
-              "description": "Build HH:mm or HH:mm:ss from the 24h number inputs"
+              ]
             },
             {
               "kind": "method",
-              "name": "handle24HourTimeInput",
+              "name": "addOpenListeners",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handle24HourTimeChange",
+              "name": "removeOpenListeners",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handle24HourKeyDown",
+              "name": "handleDocumentKeyDown",
               "privacy": "private",
               "parameters": [
                 {
@@ -9841,645 +9943,553 @@
                     "text": "KeyboardEvent"
                   }
                 }
-              ],
-              "description": "Handle arrow keys to increment/decrement values in 24h inputs"
-            },
-            {
-              "kind": "method",
-              "name": "handleDateInputClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
               ]
             },
             {
               "kind": "method",
-              "name": "handleTimeInputClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "handleKeyDown",
-              "privacy": "private"
+              "name": "handleOpenChange"
             },
             {
               "kind": "method",
-              "name": "handleCalendarChange",
-              "privacy": "private"
+              "name": "show",
+              "description": "Shows the dialog."
             },
             {
               "kind": "method",
-              "name": "handleClockChange",
-              "privacy": "private"
-            },
+              "name": "hide",
+              "description": "Hides the dialog"
+            }
+          ],
+          "events": [
             {
-              "kind": "method",
-              "name": "applyPendingValue",
-              "privacy": "private"
+              "description": "Emitted when the dialog opens.",
+              "name": "ev-show",
+              "reactName": "EvShow",
+              "eventName": "EvShowEvent"
             },
             {
-              "kind": "method",
-              "name": "updateInlineValue",
-              "privacy": "private"
+              "description": "Emitted after the dialog opens and all animations are complete.",
+              "name": "ev-after-show",
+              "reactName": "EvAfterShow",
+              "eventName": "EvAfterShowEvent"
             },
             {
-              "kind": "method",
-              "name": "handleCancel",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "description": "Emitted when the dialog closes.",
+              "name": "ev-hide",
+              "reactName": "EvHide",
+              "eventName": "EvHideEvent"
             },
             {
-              "kind": "method",
-              "name": "handleClear",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "description": "Emitted after the dialog closes and all animations are complete.",
+              "name": "ev-after-hide",
+              "reactName": "EvAfterHide",
+              "eventName": "EvAfterHideEvent"
             },
             {
-              "kind": "method",
-              "name": "handleTriggerClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "description": "Emitted when the dialog opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.",
+              "name": "ev-initial-focus",
+              "reactName": "EvInitialFocus",
+              "eventName": "EvInitialFocusEvent"
             },
             {
-              "kind": "method",
-              "name": "updateValueFromInputs",
-              "privacy": "private"
+              "type": {
+                "text": "{ source: 'close-button' | 'keyboard' | 'overlay' }"
+              },
+              "description": "Emitted when the user attempts to close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in destructive behavior such as data loss.",
+              "name": "ev-request-close",
+              "reactName": "EvRequestClose",
+              "eventName": "EvRequestCloseEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.",
+              "fieldName": "open"
             },
             {
-              "kind": "method",
-              "name": "normalizeValue",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
+              "name": "label",
+              "type": {
+                "text": "string"
               },
-              "parameters": [
-                {
-                  "name": "val",
-                  "type": {
-                    "text": "string | number"
-                  }
-                }
-              ]
+              "default": "''",
+              "description": "The dialog's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.",
+              "fieldName": "label"
             },
             {
-              "kind": "method",
-              "name": "toLocalISOString",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
+              "name": "no-header",
+              "type": {
+                "text": "boolean"
               },
-              "parameters": [
-                {
-                  "name": "date",
-                  "type": {
-                    "text": "Date"
-                  }
-                }
-              ],
-              "description": "Converts a Date to a local ISO string with timezone offset (e.g. 2024-01-15T16:30:00-06:00)"
+              "default": "false",
+              "description": "Disables the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the dialog.",
+              "fieldName": "noHeader"
             },
             {
-              "kind": "method",
-              "name": "getTimezoneOffset",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
+              "name": "size",
+              "type": {
+                "text": "'fitted' | 'full' | 'auto'"
               },
-              "parameters": [
-                {
-                  "name": "isoString",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
+              "default": "'auto'",
+              "description": "The dialog's size.",
+              "fieldName": "size"
+            }
+          ],
+          "superclass": {
+            "name": "LynkElement",
+            "module": "/src/internal/lynk-element.js"
+          },
+          "summary": "Dialogs, sometimes called \"modals\", appear above the page and require the user's immediate attention.",
+          "tagNameWithoutPrefix": "dialog",
+          "tagName": "lynk-dialog",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Dialogs, sometimes called \"modals\", appear above the page and require the user's immediate attention.\n * @documentation https://lynk.design/components/dialog\n * @since 1.0\n * @status stable\n *\n * @dependency lynk-icon-button\n *\n * @slot - The dialog's main content.\n * @slot label - The dialog's label. Alternatively, you can use the label prop.\n * @slot header-actions - Optional actions to add to the header. Works best with `<lynk-icon-button>`.\n * @slot footer - The dialog's footer, usually one or more buttons representing various options.\n *\n * @event ev-show - Emitted when the dialog opens.\n * @event ev-after-show - Emitted after the dialog opens and all animations are complete.\n * @event ev-hide - Emitted when the dialog closes.\n * @event ev-after-hide - Emitted after the dialog closes and all animations are complete.\n * @event ev-initial-focus - Emitted when the dialog opens and is ready to receive focus. Calling\n *   `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.\n * @event {{ source: 'close-button' | 'keyboard' | 'overlay' }} ev-request-close - Emitted when the user attempts to\n *   close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling\n *   `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in\n *   destructive behavior such as data loss.\n *\n * @csspart base - The component's internal wrapper.\n * @csspart overlay - The overlay.\n * @csspart panel - The dialog panel (where the dialog and its content is rendered).\n * @csspart header - The dialog header.\n * @csspart header-actions - Optional actions to add to the header. Works best with `<lynk-icon-button>`.\n * @csspart title - The dialog title.\n * @csspart close-button - The close button.\n * @csspart close-button__base - The close button's `base` part.\n * @csspart body - The dialog body.\n * @csspart footer - The dialog footer.\n *\n * @cssproperty --width - The preferred width of the dialog. Note that the dialog will shrink to accommodate smaller screens.\n * @cssproperty --header-spacing - The amount of padding to use for the header.\n * @cssproperty --body-spacing - The amount of padding to use for the body.\n * @cssproperty --footer-spacing - The amount of padding to use for the footer.\n *\n * @animation dialog.show - The animation to use when showing the dialog.\n * @animation dialog.hide - The animation to use when hiding the dialog.\n * @animation dialog.denyClose - The animation to use when a request to close the dialog is denied.\n * @animation dialog.overlay.show - The animation to use when showing the dialog's overlay.\n * @animation dialog.overlay.hide - The animation to use when hiding the dialog's overlay.\n *\n * @property modal - Exposes the internal modal utility that controls focus trapping. To temporarily disable focus\n *   trapping and allow third-party modals spawned from an active Lynk modal, call `modal.activateExternal()` when\n *   the third-party modal opens. Upon closing, call `modal.deactivateExternal()` to restore Lynk's focus trapping.\n */",
+          "documentation": "https://lynk.design/components/dialog",
+          "since": "1.0",
+          "status": "stable",
+          "dependencies": [
+            "lynk-icon-button"
+          ],
+          "animations": [
             {
-              "kind": "method",
-              "name": "updateInputsFromValue",
-              "privacy": "private"
+              "name": "dialog.show",
+              "description": "The animation to use when showing the dialog."
             },
             {
-              "kind": "method",
-              "name": "updatePickersFromValue",
-              "privacy": "private"
+              "name": "dialog.hide",
+              "description": "The animation to use when hiding the dialog."
             },
             {
-              "kind": "method",
-              "name": "updatePickersFromInputs",
-              "privacy": "private"
+              "name": "dialog.denyClose",
+              "description": "The animation to use when a request to close the dialog is denied."
             },
             {
-              "kind": "method",
-              "name": "updatePendingValue",
-              "privacy": "private"
+              "name": "dialog.overlay.show",
+              "description": "The animation to use when showing the dialog's overlay."
             },
             {
-              "kind": "field",
-              "name": "canClear",
-              "privacy": "private",
-              "readonly": true
-            },
+              "name": "dialog.overlay.hide",
+              "description": "The animation to use when hiding the dialog's overlay."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "LynkDialog",
+            "module": "components/dialog/dialog.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/drawer/drawer.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LynkDrawer",
+          "cssProperties": [
             {
-              "kind": "field",
-              "name": "canApply",
-              "privacy": "private",
-              "readonly": true
+              "description": "The preferred size of the drawer. This will be applied to the drawer's width or height depending on its `placement`. Note that the drawer will shrink to accommodate smaller screens.",
+              "name": "--size"
             },
             {
-              "kind": "method",
-              "name": "show",
-              "description": "Shows the dropdown."
+              "description": "The amount of padding to use for the header.",
+              "name": "--header-spacing"
             },
             {
-              "kind": "method",
-              "name": "hide",
-              "description": "Hides the dropdown."
+              "description": "The amount of padding to use for the body.",
+              "name": "--body-spacing"
             },
             {
-              "kind": "method",
-              "name": "focus",
-              "parameters": [
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "FocusOptions"
-                  }
-                }
-              ],
-              "description": "Sets focus on the date input."
+              "description": "The amount of padding to use for the footer.",
+              "name": "--footer-spacing"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's internal wrapper.",
+              "name": "base"
             },
             {
-              "kind": "method",
-              "name": "blur",
-              "description": "Removes focus from the input."
+              "description": "The overlay.",
+              "name": "overlay"
             },
             {
-              "kind": "method",
-              "name": "checkValidity",
-              "description": "Checks for validity but does not show a validation message."
+              "description": "The drawer panel (where the drawer and its content is rendered).",
+              "name": "panel"
             },
             {
-              "kind": "method",
-              "name": "getForm",
-              "return": {
-                "type": {
-                  "text": "HTMLFormElement | null"
-                }
-              },
-              "description": "Gets the associated form, if one exists."
+              "description": "The drawer header.",
+              "name": "header"
             },
             {
-              "kind": "method",
-              "name": "reportValidity",
-              "description": "Checks for validity and shows the browser's validation message if invalid."
+              "description": "Optional actions to add to the header. Works best with `<lynk-icon-button>`.",
+              "name": "header-actions"
             },
             {
-              "kind": "method",
-              "name": "setCustomValidity",
-              "parameters": [
-                {
-                  "name": "message",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Sets a custom validation message."
+              "description": "The drawer title.",
+              "name": "title"
             },
             {
-              "kind": "method",
-              "name": "handleValueChange"
+              "description": "The close button.",
+              "name": "close-button"
             },
             {
-              "kind": "method",
-              "name": "handleNormalizeModeChange"
+              "description": "The close button's `base` part.",
+              "name": "close-button__base"
             },
             {
-              "kind": "method",
-              "name": "handleDisabledChange"
+              "description": "The drawer body.",
+              "name": "body"
             },
             {
-              "kind": "method",
-              "name": "render24HourTimeInputs",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "isHidden",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
+              "description": "The drawer footer.",
+              "name": "footer"
             }
           ],
-          "events": [
+          "slots": [
             {
-              "description": "Emitted when the date-time value changes.",
-              "name": "ev-change",
-              "reactName": "EvChange",
-              "eventName": "EvChangeEvent"
+              "description": "The drawer's content.",
+              "name": ""
             },
             {
-              "description": "Emitted when the control receives input.",
-              "name": "ev-input",
-              "reactName": "EvInput",
-              "eventName": "EvInputEvent"
+              "description": "The drawer's label. Alternatively, you can use the label prop.",
+              "name": "label"
             },
             {
-              "description": "Emitted when the input is cleared.",
-              "name": "ev-clear",
-              "reactName": "EvClear",
-              "eventName": "EvClearEvent"
+              "description": "The drawer's footer, usually one or more buttons representing various options.",
+              "name": "footer"
             }
           ],
-          "attributes": [
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'lynk-icon-button': LynkIconButton }"
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'footer')"
+            },
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
             {
-              "name": "name",
+              "kind": "field",
+              "name": "originalTrigger",
               "type": {
-                "text": "string"
+                "text": "HTMLElement | null"
               },
-              "default": "''",
-              "description": "The input's name attribute.",
-              "fieldName": "name"
+              "privacy": "private"
             },
             {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "description": "The current value in ISO 8601 format (YYYY-MM-DDTHH:mm:ss) or Unix timestamp.",
-              "fieldName": "value"
+              "kind": "field",
+              "name": "modal",
+              "privacy": "public",
+              "default": "new Modal(this)",
+              "description": "Exposes the internal modal utility that controls focus trapping. To temporarily disable focus trapping and allow third-party modals spawned from an active Lynk modal, call `modal.activateExternal()` when the third-party modal opens. Upon closing, call `modal.deactivateExternal()` to restore Lynk's focus trapping."
             },
             {
-              "name": "label",
+              "kind": "field",
+              "name": "closeWatcher",
               "type": {
-                "text": "string"
+                "text": "CloseWatcher | null"
               },
-              "default": "''",
-              "description": "The input's label.",
-              "fieldName": "label"
+              "privacy": "private"
             },
             {
-              "name": "placeholder",
+              "kind": "field",
+              "name": "drawer",
               "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Placeholder text to show when the input is empty.",
-              "fieldName": "placeholder"
+                "text": "HTMLElement"
+              }
             },
             {
-              "name": "help-text",
+              "kind": "field",
+              "name": "panel",
               "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The help text below the input.",
-              "fieldName": "helpText"
+                "text": "HTMLElement"
+              }
             },
             {
-              "name": "label-end",
+              "kind": "field",
+              "name": "overlay",
               "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Optional right-aligned content shown at the end of the label. Alternatively, use the label-end slot.",
-              "fieldName": "labelEnd"
+                "text": "HTMLElement"
+              }
             },
             {
-              "name": "help-text-end",
+              "kind": "field",
+              "name": "open",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "Optional right-aligned content shown at the end of the help text. Alternatively, use the help-text-end slot.",
-              "fieldName": "helpTextEnd"
+              "default": "false",
+              "description": "Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.",
+              "attribute": "open",
+              "reflects": true
             },
             {
-              "name": "help-tip",
+              "kind": "field",
+              "name": "label",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "The help tooltip appended to the label. Alternatively, you can use the help-tip slot.",
-              "fieldName": "helpTip"
+              "description": "The drawer's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, you can use the `label` slot\ninstead.",
+              "attribute": "label",
+              "reflects": true
             },
             {
-              "name": "disabled",
+              "kind": "field",
+              "name": "placement",
               "type": {
-                "text": "boolean"
+                "text": "'top' | 'end' | 'bottom' | 'start'"
               },
-              "default": "false",
-              "description": "Disables the input.",
-              "fieldName": "disabled"
+              "default": "'end'",
+              "description": "The direction from which the drawer will open.",
+              "attribute": "placement",
+              "reflects": true
             },
             {
-              "name": "readonly",
+              "kind": "field",
+              "name": "contained",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Makes the input readonly.",
-              "fieldName": "readonly"
+              "description": "By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of\nits parent element, set this prop and add `position: relative` to the parent.",
+              "attribute": "contained",
+              "reflects": true
             },
             {
-              "name": "required",
+              "kind": "field",
+              "name": "noHeader",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Makes the input required.",
-              "fieldName": "required"
+              "description": "Removes the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the drawer.",
+              "attribute": "no-header",
+              "reflects": true
             },
             {
-              "name": "optional",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Marks the field as optional.",
-              "fieldName": "optional"
+              "kind": "method",
+              "name": "requestClose",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "source",
+                  "type": {
+                    "text": "'close-button' | 'keyboard' | 'overlay'"
+                  }
+                }
+              ]
             },
             {
-              "name": "dirty",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Adds the dirty indicator mark.",
-              "fieldName": "dirty"
+              "kind": "method",
+              "name": "addOpenListeners",
+              "privacy": "private"
             },
             {
-              "name": "inline",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Arranges the label inline next to the date-time picker instead of above it.",
-              "fieldName": "inline"
+              "kind": "method",
+              "name": "removeOpenListeners",
+              "privacy": "private"
             },
             {
-              "name": "size",
-              "type": {
-                "text": "'small' | 'medium' | 'large'"
-              },
-              "default": "'medium'",
-              "description": "The input's size.",
-              "fieldName": "size"
+              "kind": "field",
+              "name": "handleDocumentKeyDown",
+              "privacy": "private"
             },
             {
-              "name": "min",
-              "type": {
-                "text": "string"
-              },
-              "description": "The minimum date in ISO format (YYYY-MM-DD).",
-              "fieldName": "min"
+              "kind": "method",
+              "name": "handleOpenChange"
             },
             {
-              "name": "max",
-              "type": {
-                "text": "string"
-              },
-              "description": "The maximum date in ISO format (YYYY-MM-DD).",
-              "fieldName": "max"
+              "kind": "method",
+              "name": "handleNoModalChange"
             },
             {
-              "name": "seconds",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Show seconds in the time picker.",
-              "fieldName": "seconds"
+              "kind": "method",
+              "name": "show",
+              "description": "Shows the drawer."
             },
             {
-              "name": "format",
-              "type": {
-                "text": "'locale' | '12h' | '24h'"
-              },
-              "default": "'locale'",
-              "description": "Time format for the clock component.",
-              "fieldName": "format"
+              "kind": "method",
+              "name": "hide",
+              "description": "Hides the drawer"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the drawer opens.",
+              "name": "ev-show",
+              "reactName": "EvShow",
+              "eventName": "EvShowEvent"
             },
             {
-              "name": "minute-interval",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "description": "Minute interval/step (e.g., 5 for 5-minute increments: 0, 5, 10, 15...)",
-              "fieldName": "minuteInterval"
+              "description": "Emitted after the drawer opens and all animations are complete.",
+              "name": "ev-after-show",
+              "reactName": "EvAfterShow",
+              "eventName": "EvAfterShowEvent"
             },
             {
-              "name": "default-time",
-              "type": {
-                "text": "'start' | 'end'"
-              },
-              "default": "'start'",
-              "description": "Default time to set when a date is selected without existing time.",
-              "fieldName": "defaultTime"
+              "description": "Emitted when the drawer closes.",
+              "name": "ev-hide",
+              "reactName": "EvHide",
+              "eventName": "EvHideEvent"
             },
             {
-              "name": "hoist",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "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.",
-              "fieldName": "hoist"
+              "description": "Emitted after the drawer closes and all animations are complete.",
+              "name": "ev-after-hide",
+              "reactName": "EvAfterHide",
+              "eventName": "EvAfterHideEvent"
+            },
+            {
+              "description": "Emitted when the drawer opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.",
+              "name": "ev-initial-focus",
+              "reactName": "EvInitialFocus",
+              "eventName": "EvInitialFocusEvent"
             },
             {
-              "name": "placement",
               "type": {
-                "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
+                "text": "{ source: 'close-button' | 'keyboard' | 'overlay' }"
               },
-              "default": "'bottom-start'",
-              "description": "The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.",
-              "fieldName": "placement"
-            },
+              "description": "Emitted when the user attempts to close the drawer by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the drawer open. Avoid using this unless closing the drawer will result in destructive behavior such as data loss.",
+              "name": "ev-request-close",
+              "reactName": "EvRequestClose",
+              "eventName": "EvRequestCloseEvent"
+            }
+          ],
+          "attributes": [
             {
-              "name": "distance",
+              "name": "open",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "0",
-              "description": "The distance in pixels from which to offset the panel away from its trigger.",
-              "fieldName": "distance"
+              "default": "false",
+              "description": "Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.",
+              "fieldName": "open"
             },
             {
-              "name": "skidding",
+              "name": "label",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "0",
-              "description": "The distance in pixels from which to offset the panel along its trigger.",
-              "fieldName": "skidding"
+              "default": "''",
+              "description": "The drawer's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, you can use the `label` slot\ninstead.",
+              "fieldName": "label"
             },
             {
-              "name": "inline-pickers",
+              "name": "placement",
               "type": {
-                "text": "boolean"
+                "text": "'top' | 'end' | 'bottom' | 'start'"
               },
-              "default": "false",
-              "description": "Display the pickers inline without the dropdown and input fields.",
-              "fieldName": "inlinePickers"
+              "default": "'end'",
+              "description": "The direction from which the drawer will open.",
+              "fieldName": "placement"
             },
             {
-              "name": "clearable",
+              "name": "contained",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Adds a clear button when the input is populated.",
-              "fieldName": "clearable"
+              "description": "By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of\nits parent element, set this prop and add `position: relative` to the parent.",
+              "fieldName": "contained"
             },
             {
-              "name": "normalize",
+              "name": "no-header",
               "type": {
-                "text": "'none' | 'local'"
+                "text": "boolean"
               },
-              "default": "'none'",
-              "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.",
-              "fieldName": "normalizeMode"
+              "default": "false",
+              "description": "Removes the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the drawer.",
+              "fieldName": "noHeader"
             }
           ],
           "superclass": {
             "name": "LynkElement",
             "module": "/src/internal/lynk-element.js"
           },
-          "summary": "A date-time picker that combines calendar and clock components with accessible input fields. Accepts ISO 8601 format by default or Unix timestamps.",
-          "tagNameWithoutPrefix": "date-time-picker",
-          "tagName": "lynk-date-time-picker",
+          "summary": "Drawers slide in from a container to expose additional options and information.",
+          "tagNameWithoutPrefix": "drawer",
+          "tagName": "lynk-drawer",
           "customElement": true,
-          "jsDoc": "/**\n * @summary A date-time picker that combines calendar and clock components with accessible input fields. Accepts ISO 8601 format by default or Unix timestamps.\n * @documentation https://lynk.design/components/date-time-picker\n * @status experimental\n * @since 1.4\n *\n * @dependency lynk-calendar\n * @dependency lynk-clock\n * @dependency lynk-dropdown\n * @dependency lynk-icon\n * @dependency lynk-icon-button\n * @dependency lynk-tooltip\n *\n * @event ev-change - Emitted when the date-time value changes.\n * @event ev-input - Emitted when the control receives input.\n * @event ev-clear - Emitted when the input is cleared.\n *\n * @slot label - The input's label. Alternatively, you can use the label prop.\n * @slot label-end - Optional right-aligned content shown at the end of the label row.\n * @slot help-text-end - Optional right-aligned content shown at the end of the help-text row.\n * @slot help-text - Help text that describes how to use the input.\n * @slot help-tip - Help tooltip next to the label that can be used in place of help-text to give additional information about how to use the input. Alternatively, you can use the help-tip prop.\n *\n * @csspart base - The component's base wrapper.\n * @csspart form-control - The form control wrapper.\n * @csspart form-control-label - The label wrapper.\n * @csspart form-control-input - The input wrapper.\n * @csspart form-control-help-text - The help text wrapper.\n * @csspart input-group - The input group container.\n * @csspart date-input - The date input field.\n * @csspart time-input - The time input field.\n * @csspart hour-input - The hour number input (24h mode).\n * @csspart minute-input - The minute number input (24h mode).\n * @csspart second-input - The second number input (24h mode).\n * @csspart trigger - The dropdown trigger button.\n * @csspart dropdown - The dropdown panel.\n * @csspart calendar - The calendar component.\n * @csspart clock - The clock component.\n */",
-          "documentation": "https://lynk.design/components/date-time-picker",
-          "status": "experimental",
-          "since": "1.4",
+          "jsDoc": "/**\n * @summary Drawers slide in from a container to expose additional options and information.\n * @documentation https://lynk.design/components/drawer\n * @since 1.0\n * @status stable\n *\n * @dependency lynk-icon-button\n *\n * @slot - The drawer's content.\n * @slot label - The drawer's label. Alternatively, you can use the label prop.\n * @slot footer - The drawer's footer, usually one or more buttons representing various options.\n *\n * @event ev-show - Emitted when the drawer opens.\n * @event ev-after-show - Emitted after the drawer opens and all animations are complete.\n * @event ev-hide - Emitted when the drawer closes.\n * @event ev-after-hide - Emitted after the drawer closes and all animations are complete.\n * @event ev-initial-focus - Emitted when the drawer opens and is ready to receive focus. Calling\n *   `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.\n * @event {{ source: 'close-button' | 'keyboard' | 'overlay' }} ev-request-close - Emitted when the user attempts to\n *   close the drawer by clicking the close button, clicking the overlay, or pressing escape. Calling\n *   `event.preventDefault()` will keep the drawer open. Avoid using this unless closing the drawer will result in\n *   destructive behavior such as data loss.\n *\n * @csspart base - The component's internal wrapper.\n * @csspart overlay - The overlay.\n * @csspart panel - The drawer panel (where the drawer and its content is rendered).\n * @csspart header - The drawer header.\n * @csspart header-actions - Optional actions to add to the header. Works best with `<lynk-icon-button>`.\n * @csspart title - The drawer title.\n * @csspart close-button - The close button.\n * @csspart close-button__base - The close button's `base` part.\n * @csspart body - The drawer body.\n * @csspart footer - The drawer footer.\n *\n * @cssproperty --size - The preferred size of the drawer. This will be applied to the drawer's width or height\n *   depending on its `placement`. Note that the drawer will shrink to accommodate smaller screens.\n * @cssproperty --header-spacing - The amount of padding to use for the header.\n * @cssproperty --body-spacing - The amount of padding to use for the body.\n * @cssproperty --footer-spacing - The amount of padding to use for the footer.\n *\n * @animation drawer.showTop - The animation to use when showing a drawer with `top` placement.\n * @animation drawer.showEnd - The animation to use when showing a drawer with `end` placement.\n * @animation drawer.showBottom - The animation to use when showing a drawer with `bottom` placement.\n * @animation drawer.showStart - The animation to use when showing a drawer with `start` placement.\n * @animation drawer.hideTop - The animation to use when hiding a drawer with `top` placement.\n * @animation drawer.hideEnd - The animation to use when hiding a drawer with `end` placement.\n * @animation drawer.hideBottom - The animation to use when hiding a drawer with `bottom` placement.\n * @animation drawer.hideStart - The animation to use when hiding a drawer with `start` placement.\n * @animation drawer.denyClose - The animation to use when a request to close the drawer is denied.\n * @animation drawer.overlay.show - The animation to use when showing the drawer's overlay.\n * @animation drawer.overlay.hide - The animation to use when hiding the drawer's overlay.\n *\n * @property modal - Exposes the internal modal utility that controls focus trapping. To temporarily disable focus\n *   trapping and allow third-party modals spawned from an active Lynk modal, call `modal.activateExternal()` when\n *   the third-party modal opens. Upon closing, call `modal.deactivateExternal()` to restore Lynk's focus trapping.\n */",
+          "documentation": "https://lynk.design/components/drawer",
+          "since": "1.0",
+          "status": "stable",
           "dependencies": [
-            "lynk-calendar",
-            "lynk-clock",
-            "lynk-dropdown",
-            "lynk-icon",
-            "lynk-icon-button",
-            "lynk-tooltip"
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "LynkDateTimePicker",
-            "module": "components/date-time-picker/date-time-picker.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/divider/divider.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "LynkDivider",
-          "cssProperties": [
+            "lynk-icon-button"
+          ],
+          "animations": [
             {
-              "description": "The color of the divider.",
-              "name": "--color"
+              "name": "drawer.showTop",
+              "description": "The animation to use when showing a drawer with `top` placement."
             },
             {
-              "description": "The width of the divider.",
-              "name": "--width"
+              "name": "drawer.showEnd",
+              "description": "The animation to use when showing a drawer with `end` placement."
             },
             {
-              "description": "The spacing of the divider.",
-              "name": "--spacing"
-            }
-          ],
-          "members": [
+              "name": "drawer.showBottom",
+              "description": "The animation to use when showing a drawer with `bottom` placement."
+            },
             {
-              "kind": "field",
-              "name": "vertical",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws the divider in a vertical orientation.",
-              "attribute": "vertical",
-              "reflects": true
+              "name": "drawer.showStart",
+              "description": "The animation to use when showing a drawer with `start` placement."
             },
             {
-              "kind": "method",
-              "name": "handleVerticalChange"
-            }
-          ],
-          "attributes": [
+              "name": "drawer.hideTop",
+              "description": "The animation to use when hiding a drawer with `top` placement."
+            },
             {
-              "name": "vertical",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws the divider in a vertical orientation.",
-              "fieldName": "vertical"
+              "name": "drawer.hideEnd",
+              "description": "The animation to use when hiding a drawer with `end` placement."
+            },
+            {
+              "name": "drawer.hideBottom",
+              "description": "The animation to use when hiding a drawer with `bottom` placement."
+            },
+            {
+              "name": "drawer.hideStart",
+              "description": "The animation to use when hiding a drawer with `start` placement."
+            },
+            {
+              "name": "drawer.denyClose",
+              "description": "The animation to use when a request to close the drawer is denied."
+            },
+            {
+              "name": "drawer.overlay.show",
+              "description": "The animation to use when showing the drawer's overlay."
+            },
+            {
+              "name": "drawer.overlay.hide",
+              "description": "The animation to use when hiding the drawer's overlay."
             }
-          ],
-          "superclass": {
-            "name": "LynkElement",
-            "module": "/src/internal/lynk-element.js"
-          },
-          "summary": "Dividers are used to visually separate or group elements.",
-          "tagNameWithoutPrefix": "divider",
-          "tagName": "lynk-divider",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Dividers are used to visually separate or group elements.\n * @documentation https://lynk.design/components/divider\n * @status stable\n * @since 1.0\n *\n * @cssproperty --color - The color of the divider.\n * @cssproperty --width - The width of the divider.\n * @cssproperty --spacing - The spacing of the divider.\n */",
-          "documentation": "https://lynk.design/components/divider",
-          "status": "stable",
-          "since": "1.0"
+          ]
         }
       ],
       "exports": [
@@ -10487,8 +10497,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "LynkDivider",
-            "module": "components/divider/divider.js"
+            "name": "LynkDrawer",
+            "module": "components/drawer/drawer.js"
           }
         }
       ]
@@ -26875,6 +26885,10 @@
               "description": "The tag content.",
               "name": "content"
             },
+            {
+              "description": "The check icon shown when a selectable tag is checked.",
+              "name": "checked-icon"
+            },
             {
               "description": "The remove button.",
               "name": "remove-button"
@@ -26892,6 +26906,10 @@
             {
               "description": "Used to prepend an icon or similar element to the tag.",
               "name": "prefix"
+            },
+            {
+              "description": "The icon shown in the prefix position when a `selectable` tag is `checked`. Defaults to a check.",
+              "name": "checked-icon"
             }
           ],
           "members": [
@@ -26902,7 +26920,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'lynk-icon-button': LynkIconButton }"
+              "default": "{ 'lynk-icon': LynkIcon, 'lynk-icon-button': LynkIconButton }"
             },
             {
               "kind": "field",
@@ -26946,6 +26964,28 @@
               "attribute": "appearance",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "selectable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the tag behave like a checkbox: clicking (or pressing Space/Enter when focused) toggles\nits `checked` state. A check icon appears in the prefix position and the appearance switches to\n`loud` while checked. Ignored on `removable` tags, whose click target is the remove button.",
+              "attribute": "selectable",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "checked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "The checked state of a `selectable` tag.",
+              "attribute": "checked",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "size",
@@ -26995,6 +27035,45 @@
               "description": "Draws a solid filled badge-styled tag (deprecated - use appearance=\"loud\" instead).",
               "attribute": "badge"
             },
+            {
+              "kind": "method",
+              "name": "toggleChecked",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleCheckedChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleSelectableChange"
+            },
             {
               "kind": "method",
               "name": "handleRemoveClick"
@@ -27006,6 +27085,12 @@
               "name": "ev-remove",
               "reactName": "EvRemove",
               "eventName": "EvRemoveEvent"
+            },
+            {
+              "description": "Emitted when a `selectable` tag's `checked` state changes from user interaction.",
+              "name": "ev-change",
+              "reactName": "EvChange",
+              "eventName": "EvChangeEvent"
             }
           ],
           "attributes": [
@@ -27032,6 +27117,24 @@
               "description": "The tag's visual appearance.",
               "fieldName": "appearance"
             },
+            {
+              "name": "selectable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the tag behave like a checkbox: clicking (or pressing Space/Enter when focused) toggles\nits `checked` state. A check icon appears in the prefix position and the appearance switches to\n`loud` while checked. Ignored on `removable` tags, whose click target is the remove button.",
+              "fieldName": "selectable"
+            },
+            {
+              "name": "checked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "The checked state of a `selectable` tag.",
+              "fieldName": "checked"
+            },
             {
               "name": "size",
               "type": {
@@ -27082,7 +27185,7 @@
           "tagNameWithoutPrefix": "tag",
           "tagName": "lynk-tag",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Tags are used as labels to organize things or to indicate a selection.\n * @documentation https://lynk.design/components/tag\n * @since 1.0\n * @status stable\n *\n * @dependency lynk-icon-button\n *\n * @slot - The tag's content.\n * @slot prefix - Used to prepend an icon or similar element to the tag.\n *\n * @event ev-remove - Emitted when the remove button is activated.\n *\n * @csspart base - The component's internal wrapper.\n * @csspart content - The tag content.\n * @csspart remove-button - The remove button.\n * @csspart remove-button__base - The remove button's `base` part.\n */",
+          "jsDoc": "/**\n * @summary Tags are used as labels to organize things or to indicate a selection.\n * @documentation https://lynk.design/components/tag\n * @since 1.0\n * @status stable\n *\n * @dependency lynk-icon-button\n *\n * @slot - The tag's content.\n * @slot prefix - Used to prepend an icon or similar element to the tag.\n * @slot checked-icon - The icon shown in the prefix position when a `selectable` tag is `checked`. Defaults to a check.\n *\n * @event ev-remove - Emitted when the remove button is activated.\n * @event ev-change - Emitted when a `selectable` tag's `checked` state changes from user interaction.\n *\n * @csspart base - The component's internal wrapper.\n * @csspart content - The tag content.\n * @csspart checked-icon - The check icon shown when a selectable tag is checked.\n * @csspart remove-button - The remove button.\n * @csspart remove-button__base - The remove button's `base` part.\n */",
           "documentation": "https://lynk.design/components/tag",
           "since": "1.0",
           "status": "stable",
@@ -31897,7 +32000,7 @@
   "package": {
     "name": "@uplynk/lynk-design",
     "description": "A library of web components for building web applications with the Uplynk user interface style guide.",
-    "version": "1.18.1",
+    "version": "1.19.0",
     "author": "Harley Jessop",
     "homepage": "https://lynk.design/",
     "license": "SEE LICENSE IN .LICENSE"