@cruglobal/cornerstone-components 0.6.1 → 0.7.0

package/dist/unbundled/events/accordion-item-trigger.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsAccordionItemTriggerEvent
-} from "../chunks/chunk.XJMXVQKU.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.MW6X3BL5.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsAccordionItemTriggerEvent
 };

package/dist/unbundled/events/after-collapse.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsAfterCollapseEvent
-} from "../chunks/chunk.KVGKNMID.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.XZJXJQZS.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsAfterCollapseEvent
 };

package/dist/unbundled/events/after-expand.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsAfterExpandEvent
-} from "../chunks/chunk.WWGOO6M4.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.PBZIQXSO.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsAfterExpandEvent
 };

package/dist/unbundled/events/after-hide.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsAfterHideEvent
-} from "../chunks/chunk.DTSB32OH.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.GSIQC2H4.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsAfterHideEvent
 };

package/dist/unbundled/events/after-page-change.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsAfterPageChangeEvent
-} from "../chunks/chunk.SLTRBJ7Z.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.BBNCRMTW.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsAfterPageChangeEvent
 };

package/dist/unbundled/events/after-show.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsAfterShowEvent
-} from "../chunks/chunk.5RX54WNG.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.RUKAOS3F.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsAfterShowEvent
 };

package/dist/unbundled/events/cancel.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsCancelEvent
-} from "../chunks/chunk.XIIQIKMT.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.YKDJMIO2.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsCancelEvent
 };

package/dist/unbundled/events/clear.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsClearEvent
-} from "../chunks/chunk.VFTLYWCP.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.N3KZUV57.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsClearEvent
 };

package/dist/unbundled/events/collapse.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsCollapseEvent
-} from "../chunks/chunk.37ONT34Y.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.QM7VPJKD.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsCollapseEvent
 };

package/dist/unbundled/events/complete.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsCompleteEvent
-} from "../chunks/chunk.YA4LGGTW.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.TJSTUI2R.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsCompleteEvent
 };

package/dist/unbundled/events/copy.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsCopyEvent
-} from "../chunks/chunk.SD4DRITO.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.OSWSI3VV.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsCopyEvent
 };

package/dist/unbundled/events/error.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsErrorEvent
-} from "../chunks/chunk.SLRESERY.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.PLLLVECA.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsErrorEvent
 };

package/dist/unbundled/events/events.js

@@ -1,2 +1,2 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
-import "../chunks/chunk.YBSGFX35.js";
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import "../chunks/chunk.WSJY5HJZ.js";

package/dist/unbundled/events/expand.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsExpandEvent
-} from "../chunks/chunk.UET3C7DZ.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.PY6EW2QD.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsExpandEvent
 };

package/dist/unbundled/events/finish.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsFinishEvent
-} from "../chunks/chunk.CLFHE2MP.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.LG6R77RU.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsFinishEvent
 };

package/dist/unbundled/events/hide.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsHideEvent
-} from "../chunks/chunk.ZNGY3YWP.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.NYLXVEZD.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsHideEvent
 };

package/dist/unbundled/events/hover.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsHoverEvent
-} from "../chunks/chunk.CD3RLNCA.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.MC3AMWVM.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsHoverEvent
 };

package/dist/unbundled/events/include-error.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsIncludeErrorEvent
-} from "../chunks/chunk.EFANVIDC.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.Y6G4Z23Z.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsIncludeErrorEvent
 };

package/dist/unbundled/events/intersect.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsIntersectEvent
-} from "../chunks/chunk.PRAQCCI3.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.PQS43GIF.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsIntersectEvent
 };

package/dist/unbundled/events/invalid.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsInvalidEvent
-} from "../chunks/chunk.EK5O64PZ.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.ZBHTMSD7.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsInvalidEvent
 };

package/dist/unbundled/events/lazy-change.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsLazyChangeEvent
-} from "../chunks/chunk.44EYS73G.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.ZBO6P2IO.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsLazyChangeEvent
 };

package/dist/unbundled/events/lazy-load.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsLazyLoadEvent
-} from "../chunks/chunk.DMT7TUXF.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.DF27U7BT.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsLazyLoadEvent
 };

package/dist/unbundled/events/load.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsLoadEvent
-} from "../chunks/chunk.A3J72J5J.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.6MA5SVB3.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsLoadEvent
 };

package/dist/unbundled/events/mutation.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsMutationEvent
-} from "../chunks/chunk.MF3JSD7R.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.6XVOSF36.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsMutationEvent
 };

package/dist/unbundled/events/page-change.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsPageChangeEvent
-} from "../chunks/chunk.TEXH52F4.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.XUNJRTGZ.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsPageChangeEvent
 };

package/dist/unbundled/events/random-content-change.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsContentChangeEvent
-} from "../chunks/chunk.6F3CG54S.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.MQ3NE74T.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsContentChangeEvent
 };

package/dist/unbundled/events/remove.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsRemoveEvent
-} from "../chunks/chunk.JD4L2NOM.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.QIYZX4IP.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsRemoveEvent
 };

package/dist/unbundled/events/reposition.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsRepositionEvent
-} from "../chunks/chunk.56VG6UYS.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.YPYR7IX5.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsRepositionEvent
 };

package/dist/unbundled/events/resize.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsResizeEvent
-} from "../chunks/chunk.SOBV27D5.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.25GPND3J.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsResizeEvent
 };

package/dist/unbundled/events/select.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsSelectEvent
-} from "../chunks/chunk.45OHGRWT.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.LLTGXQRG.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsSelectEvent
 };

package/dist/unbundled/events/selection-change.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsSelectionChangeEvent
-} from "../chunks/chunk.FML2UUEO.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.QXWTJZED.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsSelectionChangeEvent
 };

package/dist/unbundled/events/show.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsShowEvent
-} from "../chunks/chunk.4TFLBLIK.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.CGG2TJ3Z.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsShowEvent
 };

package/dist/unbundled/events/slide-change.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsSlideChangeEvent
-} from "../chunks/chunk.DOADWM7A.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.ACQ4DOSG.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsSlideChangeEvent
 };

package/dist/unbundled/events/start.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsStartEvent
-} from "../chunks/chunk.RAWMTYXW.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.OVXWWQ22.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsStartEvent
 };

package/dist/unbundled/events/tab-hide.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsTabHideEvent
-} from "../chunks/chunk.G3HKYRGO.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.MZU5CELI.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsTabHideEvent
 };

package/dist/unbundled/events/tab-show.js

@@ -1,8 +1,8 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
 import {
   CsTabShowEvent
-} from "../chunks/chunk.4I32MW46.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.JMWRPIYM.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   CsTabShowEvent
 };

package/dist/unbundled/internal/test/form-control-height.d.ts

@@ -0,0 +1,2 @@
+/** The height in pixels that `--cs-form-control-height` resolves to at `element`'s font size. */
+export declare function formControlHeight(element: Element): number;

package/dist/unbundled/internal/test/native-styles.d.ts

@@ -0,0 +1,2 @@
+/** Loads `native.css` into the document and resolves with its `<link>` once applied, reusing one already there. */
+export declare function loadNativeStyles(): Promise<HTMLLinkElement>;

package/dist/unbundled/llms.txt

@@ -1,6 +1,6 @@
 # Cornerstone
 
-> The custom-element library of the Cornerstone design system. Version 0.6.1.
+> The custom-element library of the Cornerstone design system. Version 0.7.0.
 
 Cornerstone provides a comprehensive set of customizable, accessible web components for building modern
 web applications. All components use shadow DOM and are framework-agnostic, working with vanilla JavaScript
@@ -53,7 +53,7 @@ For comprehensive documentation, visit https://cruglobal.github.io/cornerstone-d
 - [Details](https://cruglobal.github.io/cornerstone-design-system/components/details): Details display a brief summary and expand to reveal additional content. Use them to progressively disclose information, group related FAQs, or hide advanced options.
 - [Dialog](https://cruglobal.github.io/cornerstone-design-system/components/dialog): Dialogs appear above the page and require the user's immediate attention. Use them for confirmations, forms, or focused tasks that interrupt the main flow.
 - [Divider](https://cruglobal.github.io/cornerstone-design-system/components/divider): Dividers visually separate or group adjacent elements with a horizontal or vertical line. Use them to establish rhythm and hierarchy within menus, toolbars, and layouts.
-- [Drawer](https://cruglobal.github.io/cornerstone-design-system/components/drawer): Drawers slide in from the edge of a container to expose additional options and information without navigating away. Useful for navigation menus, filters, and secondary content.
+- [Drawer](https://cruglobal.github.io/cornerstone-design-system/components/drawer): Drawers slide in from an edge of the viewport to expose additional options and information without navigating away. Useful for navigation menus, filters, and secondary content.
 - [Dropdown](https://cruglobal.github.io/cornerstone-design-system/components/dropdown): Dropdowns display a list of options triggered by a button or other element. They support keyboard navigation, submenus, and checkable items for building menus and context actions.
 - [Dropdown Item](https://cruglobal.github.io/cornerstone-design-system/components/dropdown-item): Dropdown items represent selectable entries within a dropdown menu, including standard actions, checkable items, and submenu triggers.
 - [Format Bytes](https://cruglobal.github.io/cornerstone-design-system/components/format-bytes): Formats a number of bytes as a human-readable string with the appropriate unit, such as kB, MB, or GB. Supports both byte and bit units with configurable locale.
@@ -226,7 +226,7 @@ The following is a quick reference describing every component's API. For compreh
 **Properties:**
 
 - `name`: The name of the built-in animation to use. For custom animations, use the `keyframes` prop. (Type: `string`, Default: `'none'`)
-- `play`: Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when the animation finishes or gets canceled. (Type: `boolean`, Default: `false`)
+- `play`: Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when the animation finishes or gets canceled. To play it again from the start, call `restart()`. (Type: `boolean`, Default: `false`)
 - `delay`: The number of milliseconds to delay the start of the animation. (Type: `number`, Default: `0`)
 - `direction`: Determines the direction of playback as well as the behavior when reaching the end of an iteration. [Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction) (Type: `PlaybackDirection`, Default: `'normal'`)
 - `duration`: The number of milliseconds each iteration of the animation takes to complete. (Type: `number`, Default: `1000`)
@@ -243,6 +243,7 @@ The following is a quick reference describing every component's API. For compreh
 
 - `cancel()`: Clears all keyframe effects caused by this animation and aborts its playback.
 - `finish()`: Sets the playback time to the end of the animation corresponding to the current playback direction.
+- `restart()`: Rewinds the animation to the start and plays it, whether it has finished, been canceled, been paused or is still running. Each restart is a new run: the delay and every iteration play again as the current options describe them, `play` is set to `true`, and `cs-start` is emitted. The run it interrupts emits neither `cs-cancel` nor `cs-finish`. If the animation doesn't exist yet, for example because nothing is slotted, it starts as soon as it does. Changing an option such as `duration` while the animation plays also starts a new run, so changing one in the same tick as `restart()` emits `cs-start` twice.
 
 **Events:**
 
@@ -684,7 +685,7 @@ The following is a quick reference describing every component's API. For compreh
 - `defaultValue` (attribute: `value`): The default value of the form control. Primarily used for resetting the form control. (Type: `string | null`)
 - `ssrLabel` (attribute: `ssr-label`): Only required for SSR. Set to `true` if you're slotting in a `label` element so the server-rendered markup includes the label before the component hydrates on the client. (Type: `boolean`, Default: `false`)
 - `ssrHint` (attribute: `ssr-hint`): Only required for SSR. Set to `true` if you're slotting in a `hint` element so the server-rendered markup includes the hint before the component hydrates on the client. (Type: `boolean`, Default: `false`)
-- `label`: The color picker's label. This will not be displayed, but it will be announced by assistive devices. If you need to display HTML, you can use the `label` slot` instead. (Type: `string`, Default: `''`)
+- `label`: The color picker's label. It is displayed with the trigger and gives the trigger its accessible name. If you need to display HTML, use the `label` slot instead. (Type: `string`, Default: `''`)
 - `hint`: The color picker's hint. If you need to display HTML, use the `hint` slot instead. (Type: `string`, Default: `''`)
 - `format`: The format to use. If opacity is enabled, these will translate to HEXA, RGBA, HSLA, and HSVA respectively. The color picker will accept user input in any format (including CSS color names) and convert it to the desired format. (Type: `'hex' | 'rgb' | 'hsl' | 'hsv'`, Default: `'hex'`)
 - `size`: Determines the size of the color picker's trigger (Type: `'xs' | 's' | 'm' | 'l' | 'xl'`, Default: `'m'`)
@@ -695,7 +696,7 @@ The following is a quick reference describing every component's API. For compreh
 - `open`: Indicates whether or not the popup is open. You can toggle this attribute to show and hide the popup, or you can use the `show()` and `hide()` methods and this attribute will reflect the popup's open state. (Type: `boolean`, Default: `false`)
 - `opacity`: Shows the opacity slider. Enabling this will cause the formatted value to be HEXA, RGBA, or HSLA. (Type: `boolean`, Default: `false`)
 - `uppercase`: By default, values are lowercase. With this attribute, values will be uppercase instead. (Type: `boolean`, Default: `false`)
-- `swatches`: One or more predefined color swatches to display as presets in the color picker. Can include any format the color picker can parse, including HEX(A), RGB(A), HSL(A), HSV(A), and CSS color names. Each color must be separated by a semicolon (`;`). Alternatively, you can pass an array of color values or an array of `{ color, label }` objects to this property using JavaScript. When using objects with labels, the label will be used for the swatch's accessible name instead of the raw color value. (Type: `string | string[] | CsColorPickerSwatch[]`, Default: `''`)
+- `swatches`: One or more predefined color swatches to display as presets in the color picker. Can include any format the color picker can parse, including HEX(A), RGB(A), HSL(A), HSV(A), and CSS color names. Each color must be separated by a semicolon (`;`). Alternatively, you can pass an array of color values or an array of `{ color, label }` objects to this property using JavaScript. When using objects with labels, the label will be used for the swatch's accessible name instead of the raw color value.  A swatch can also be a design token, written as `var(--cs-name)` or `var(--cs-name, fallback)`, in any of these forms. The picker resolves it against its own computed style each time it opens, so a theme set on any ancestor applies, and selecting the swatch sets the resolved color in the picker's `format`. A swatch that doesn't resolve to a color the picker can parse is skipped, as is a `var()` of any custom property outside `--cs-*`. Without a label, a `var()` swatch is named after its custom property, so `var(--cs-color-brand-fill-loud)` is announced as "brand fill loud". (Type: `string | string[] | CsColorPickerSwatch[]`, Default: `''`)
 - `required`: Makes the color picker a required field. (Type: `boolean`, Default: `false`)
 - `form`: By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you to place the form control outside of a form and associate it with the form that has this `id`. The form must be in the same document or shadow root for this to work. (Type: `HTMLFormElement | null`)
 
@@ -959,11 +960,11 @@ The following is a quick reference describing every component's API. For compreh
 
 - `--color`: The color of the divider.
 - `--width`: The width of the divider.
-- `--spacing`: The spacing of the divider.
+- `--spacing`: The margin on either side of the divider: above and below it when horizontal, left and right when vertical. As a direct child of a layout utility such as `cs-stack` or `cs-cluster`, the container's gap sets this space instead, so use a `cs-gap-*` class on the container to change it.
 
 #### `<cs-drawer>`
 
-**Description:** Drawers slide in from the edge of a container to expose additional options and information without navigating away. Useful for navigation menus, filters, and secondary content.
+**Description:** Drawers slide in from an edge of the viewport to expose additional options and information without navigating away. Useful for navigation menus, filters, and secondary content.
 
 **Documentation:** https://cruglobal.github.io/cornerstone-design-system/components/drawer
 
@@ -1676,12 +1677,19 @@ The following is a quick reference describing every component's API. For compreh
 - `navigation-header`: The header for a navigation area. On mobile this will be the header for `<cs-drawer>`.
 - `navigation`: The main content to display in the navigation area. This is displayed on the left side of the page, if `menu` is not used. This section "sticks" to the top as the page scrolls.
 - `navigation-footer`: The footer for a navigation area. On mobile this will be the footer for `<cs-drawer>`.
+- `desktop-navigation-header`: The sidebar's header on desktop, in place of `navigation-header`. On mobile, `<cs-drawer>` still shows `navigation-header`.
+- `desktop-navigation`: The sidebar's content on desktop, in place of `navigation`. On mobile, `<cs-drawer>` still shows `navigation`.
+- `desktop-navigation-footer`: The sidebar's footer on desktop, in place of `navigation-footer`. On mobile, `<cs-drawer>` still shows `navigation-footer`.
+- `mobile-navigation-header`: The header for `<cs-drawer>` on mobile, in place of `navigation-header`. On desktop, the sidebar still shows `navigation-header`. Use it for a header only the drawer should have.
+- `mobile-navigation`: The content of `<cs-drawer>` on mobile, in place of `navigation`. On desktop, the sidebar still shows `navigation`.
+- `mobile-navigation-footer`: The footer for `<cs-drawer>` on mobile, in place of `navigation-footer`. On desktop, the sidebar still shows `navigation-footer`.
 - `navigation-toggle`: Use this slot to slot in your own button + icon for toggling the navigation drawer. By default it is a `<cs-button>` + a 3 bars `<cs-icon>`
 - `navigation-toggle-icon`: Use this to slot in your own icon for toggling the navigation drawer. By default it is 3 bars `<cs-icon>`.
 - `main-header`: Header to display inline above the main content.
 - `main-footer`: Footer to display inline below the main content.
 - `aside`: Content to be shown on the right side of the page. Typically contains a table of contents, ads, etc. This section "sticks" to the top as the page scrolls.
 - `skip-to-content`: The "skip to content" slot. You can override this If you would like to override the `Skip to content` button and add additional "Skip to X", they can be inserted here.
+- `skip-to-content-target`: Where the "skip to content" link lands. If the document has no element with `id="main-content"`, the page adds an empty one to this slot, at the start of the main content. You don't need to fill it. To choose where the link lands, put `id="main-content"` on your own element in the main content.
 - `footer`: The content to display in the footer. This is always displayed underneath the viewport so will always make the page "scrollable".
 
 **Properties:**