@cruglobal/cornerstone-components 0.6.1 → 0.7.0

package/dist/unbundled/translations/cs.js

@@ -1,5 +1,5 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
-import "../chunks/chunk.LOD6ZXF2.js";
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import "../chunks/chunk.HWQS6OLV.js";
 
 // src/translations/cs.ts
 import { registerTranslation } from "@shoelace-style/localize";

package/dist/unbundled/translations/da.js

@@ -1,9 +1,9 @@
-/*! 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 {
   registerTranslation
-} from "../chunks/chunk.V3OJKPQZ.js";
-import "../chunks/chunk.D7BHLZNU.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.N7QTQOAR.js";
+import "../chunks/chunk.CG2W46XZ.js";
+import "../chunks/chunk.HWQS6OLV.js";
 
 // src/translations/da.ts
 var translation = {

package/dist/unbundled/translations/de-ch.js

@@ -1,12 +1,12 @@
-/*! 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 {
   de_default
-} from "../chunks/chunk.DZXZQIWV.js";
+} from "../chunks/chunk.XLVUNA6U.js";
 import {
   registerTranslation
-} from "../chunks/chunk.V3OJKPQZ.js";
-import "../chunks/chunk.D7BHLZNU.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.N7QTQOAR.js";
+import "../chunks/chunk.CG2W46XZ.js";
+import "../chunks/chunk.HWQS6OLV.js";
 
 // src/translations/de-ch.ts
 var translation = {

package/dist/unbundled/translations/de.js

@@ -1,10 +1,10 @@
-/*! 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 {
   de_default
-} from "../chunks/chunk.DZXZQIWV.js";
-import "../chunks/chunk.V3OJKPQZ.js";
-import "../chunks/chunk.D7BHLZNU.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.XLVUNA6U.js";
+import "../chunks/chunk.N7QTQOAR.js";
+import "../chunks/chunk.CG2W46XZ.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   de_default as default
 };

package/dist/unbundled/translations/en-gb.js

@@ -1,11 +1,11 @@
-/*! 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 {
   registerTranslation
-} from "../chunks/chunk.V3OJKPQZ.js";
+} from "../chunks/chunk.N7QTQOAR.js";
 import {
   en_default
-} from "../chunks/chunk.D7BHLZNU.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.CG2W46XZ.js";
+import "../chunks/chunk.HWQS6OLV.js";
 
 // src/translations/en-gb.ts
 var translation = {

package/dist/unbundled/translations/en.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 {
   en_default
-} from "../chunks/chunk.D7BHLZNU.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.CG2W46XZ.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   en_default as default
 };

package/dist/unbundled/translations/es.js

@@ -1,9 +1,9 @@
-/*! 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 {
   registerTranslation
-} from "../chunks/chunk.V3OJKPQZ.js";
-import "../chunks/chunk.D7BHLZNU.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.N7QTQOAR.js";
+import "../chunks/chunk.CG2W46XZ.js";
+import "../chunks/chunk.HWQS6OLV.js";
 
 // src/translations/es.ts
 var translation = {

package/dist/unbundled/translations/fa.js

@@ -1,9 +1,9 @@
-/*! 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 {
   registerTranslation
-} from "../chunks/chunk.V3OJKPQZ.js";
-import "../chunks/chunk.D7BHLZNU.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.N7QTQOAR.js";
+import "../chunks/chunk.CG2W46XZ.js";
+import "../chunks/chunk.HWQS6OLV.js";
 
 // src/translations/fa.ts
 var translation = {

package/dist/unbundled/translations/fi.js

@@ -1,5 +1,5 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
-import "../chunks/chunk.LOD6ZXF2.js";
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import "../chunks/chunk.HWQS6OLV.js";
 
 // src/translations/fi.ts
 import { registerTranslation } from "@shoelace-style/localize";

package/dist/unbundled/translations/fr.js

@@ -1,9 +1,9 @@
-/*! 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 {
   registerTranslation
-} from "../chunks/chunk.V3OJKPQZ.js";
-import "../chunks/chunk.D7BHLZNU.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.N7QTQOAR.js";
+import "../chunks/chunk.CG2W46XZ.js";
+import "../chunks/chunk.HWQS6OLV.js";
 
 // src/translations/fr.ts
 var translation = {

package/dist/unbundled/translations/he.js

@@ -1,9 +1,9 @@
-/*! 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 {
   registerTranslation
-} from "../chunks/chunk.V3OJKPQZ.js";
-import "../chunks/chunk.D7BHLZNU.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.N7QTQOAR.js";
+import "../chunks/chunk.CG2W46XZ.js";
+import "../chunks/chunk.HWQS6OLV.js";
 
 // src/translations/he.ts
 var translation = {

package/dist/unbundled/translations/hi.js

@@ -1,9 +1,9 @@
-/*! 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 {
   registerTranslation
-} from "../chunks/chunk.V3OJKPQZ.js";
-import "../chunks/chunk.D7BHLZNU.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.N7QTQOAR.js";
+import "../chunks/chunk.CG2W46XZ.js";
+import "../chunks/chunk.HWQS6OLV.js";
 
 // src/translations/hi.ts
 var translation = {

package/dist/unbundled/translations/hr.js

@@ -1,5 +1,5 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
-import "../chunks/chunk.LOD6ZXF2.js";
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import "../chunks/chunk.HWQS6OLV.js";
 
 // src/translations/hr.ts
 import { registerTranslation } from "@shoelace-style/localize";

package/dist/unbundled/translations/hu.js

@@ -1,9 +1,9 @@
-/*! 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 {
   registerTranslation
-} from "../chunks/chunk.V3OJKPQZ.js";
-import "../chunks/chunk.D7BHLZNU.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.N7QTQOAR.js";
+import "../chunks/chunk.CG2W46XZ.js";
+import "../chunks/chunk.HWQS6OLV.js";
 
 // src/translations/hu.ts
 var translation = {

package/dist/unbundled/translations/id.js

@@ -1,5 +1,5 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
-import "../chunks/chunk.LOD6ZXF2.js";
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import "../chunks/chunk.HWQS6OLV.js";
 
 // src/translations/id.ts
 import { registerTranslation } from "@shoelace-style/localize";

package/dist/unbundled/translations/it.js

@@ -1,5 +1,5 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
-import "../chunks/chunk.LOD6ZXF2.js";
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import "../chunks/chunk.HWQS6OLV.js";
 
 // src/translations/it.ts
 import { registerTranslation } from "@shoelace-style/localize";

package/dist/unbundled/translations/ja.js

@@ -1,9 +1,9 @@
-/*! 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 {
   registerTranslation
-} from "../chunks/chunk.V3OJKPQZ.js";
-import "../chunks/chunk.D7BHLZNU.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.N7QTQOAR.js";
+import "../chunks/chunk.CG2W46XZ.js";
+import "../chunks/chunk.HWQS6OLV.js";
 
 // src/translations/ja.ts
 var translation = {

package/dist/unbundled/translations/kk.js

@@ -1,5 +1,5 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
-import "../chunks/chunk.LOD6ZXF2.js";
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import "../chunks/chunk.HWQS6OLV.js";
 
 // src/translations/kk.ts
 import { registerTranslation } from "@shoelace-style/localize";

package/dist/unbundled/translations/nb.js

@@ -1,9 +1,9 @@
-/*! 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 {
   registerTranslation
-} from "../chunks/chunk.V3OJKPQZ.js";
-import "../chunks/chunk.D7BHLZNU.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.N7QTQOAR.js";
+import "../chunks/chunk.CG2W46XZ.js";
+import "../chunks/chunk.HWQS6OLV.js";
 
 // src/translations/nb.ts
 var translation = {

package/dist/unbundled/translations/nl.js

@@ -1,9 +1,9 @@
-/*! 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 {
   registerTranslation
-} from "../chunks/chunk.V3OJKPQZ.js";
-import "../chunks/chunk.D7BHLZNU.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.N7QTQOAR.js";
+import "../chunks/chunk.CG2W46XZ.js";
+import "../chunks/chunk.HWQS6OLV.js";
 
 // src/translations/nl.ts
 var translation = {

package/dist/unbundled/translations/nn.js

@@ -1,9 +1,9 @@
-/*! 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 {
   registerTranslation
-} from "../chunks/chunk.V3OJKPQZ.js";
-import "../chunks/chunk.D7BHLZNU.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.N7QTQOAR.js";
+import "../chunks/chunk.CG2W46XZ.js";
+import "../chunks/chunk.HWQS6OLV.js";
 
 // src/translations/nn.ts
 var translation = {

package/dist/unbundled/translations/pl.js

@@ -1,9 +1,9 @@
-/*! 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 {
   registerTranslation
-} from "../chunks/chunk.V3OJKPQZ.js";
-import "../chunks/chunk.D7BHLZNU.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.N7QTQOAR.js";
+import "../chunks/chunk.CG2W46XZ.js";
+import "../chunks/chunk.HWQS6OLV.js";
 
 // src/translations/pl.ts
 var translation = {

package/dist/unbundled/translations/pt.js

@@ -1,9 +1,9 @@
-/*! 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 {
   registerTranslation
-} from "../chunks/chunk.V3OJKPQZ.js";
-import "../chunks/chunk.D7BHLZNU.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.N7QTQOAR.js";
+import "../chunks/chunk.CG2W46XZ.js";
+import "../chunks/chunk.HWQS6OLV.js";
 
 // src/translations/pt.ts
 var translation = {

package/dist/unbundled/translations/ru.js

@@ -1,9 +1,9 @@
-/*! 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 {
   registerTranslation
-} from "../chunks/chunk.V3OJKPQZ.js";
-import "../chunks/chunk.D7BHLZNU.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.N7QTQOAR.js";
+import "../chunks/chunk.CG2W46XZ.js";
+import "../chunks/chunk.HWQS6OLV.js";
 
 // src/translations/ru.ts
 var translation = {

package/dist/unbundled/translations/sl.js

@@ -1,5 +1,5 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
-import "../chunks/chunk.LOD6ZXF2.js";
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import "../chunks/chunk.HWQS6OLV.js";
 
 // src/translations/sl.ts
 import { registerTranslation } from "@shoelace-style/localize";

package/dist/unbundled/translations/sv.js

@@ -1,9 +1,9 @@
-/*! 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 {
   registerTranslation
-} from "../chunks/chunk.V3OJKPQZ.js";
-import "../chunks/chunk.D7BHLZNU.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.N7QTQOAR.js";
+import "../chunks/chunk.CG2W46XZ.js";
+import "../chunks/chunk.HWQS6OLV.js";
 
 // src/translations/sv.ts
 var translation = {

package/dist/unbundled/translations/tr.js

@@ -1,9 +1,9 @@
-/*! 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 {
   registerTranslation
-} from "../chunks/chunk.V3OJKPQZ.js";
-import "../chunks/chunk.D7BHLZNU.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.N7QTQOAR.js";
+import "../chunks/chunk.CG2W46XZ.js";
+import "../chunks/chunk.HWQS6OLV.js";
 
 // src/translations/tr.ts
 var translation = {

package/dist/unbundled/translations/uk.js

@@ -1,9 +1,9 @@
-/*! 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 {
   registerTranslation
-} from "../chunks/chunk.V3OJKPQZ.js";
-import "../chunks/chunk.D7BHLZNU.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.N7QTQOAR.js";
+import "../chunks/chunk.CG2W46XZ.js";
+import "../chunks/chunk.HWQS6OLV.js";
 
 // src/translations/uk.ts
 var translation = {

package/dist/unbundled/translations/zh-cn.js

@@ -1,9 +1,9 @@
-/*! 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 {
   registerTranslation
-} from "../chunks/chunk.V3OJKPQZ.js";
-import "../chunks/chunk.D7BHLZNU.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.N7QTQOAR.js";
+import "../chunks/chunk.CG2W46XZ.js";
+import "../chunks/chunk.HWQS6OLV.js";
 
 // src/translations/zh-cn.ts
 var translation = {

package/dist/unbundled/translations/zh-tw.js

@@ -1,9 +1,9 @@
-/*! 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 {
   registerTranslation
-} from "../chunks/chunk.V3OJKPQZ.js";
-import "../chunks/chunk.D7BHLZNU.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.N7QTQOAR.js";
+import "../chunks/chunk.CG2W46XZ.js";
+import "../chunks/chunk.HWQS6OLV.js";
 
 // src/translations/zh-tw.ts
 var translation = {

package/dist/unbundled/types/svelte/index.d.ts

@@ -332,7 +332,7 @@ type CsAnimationProps = {
   /** The name of the built-in animation to use. For custom animations, use the `keyframes` prop. */
   name?: string;
   /** Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when
-the animation finishes or gets canceled. */
+the animation finishes or gets canceled. To play it again from the start, call `restart()`. */
   play?: boolean;
   /** The number of milliseconds to delay the start of the animation. */
   delay?: number;
@@ -1014,8 +1014,8 @@ includes the label before the component hydrates on the client. */
   /** 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. */
   "ssr-hint"?: boolean;
-  /** 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. */
+  /** 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. */
   label?: string;
   /** The color picker's hint. If you need to display HTML, use the `hint` slot instead. */
   hint?: string;
@@ -1056,7 +1056,14 @@ can use the `show()` and `hide()` methods and this attribute will reflect the po
 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. */
+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". */
   swatches?: string | string[] | CsColorPickerSwatch[];
   /** Makes the color picker a required field. */
   required?: boolean;
@@ -3604,6 +3611,12 @@ export type CustomElements = {
    * ### **Methods:**
    *  - **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.
    *
    * ### **Slots:**
    *  - _default_ - The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple `<cs-animation>` elements.
@@ -4198,12 +4211,12 @@ export type CustomElements = {
    * ### **CSS Properties:**
    *  - **--color** - The color of the divider. _(default: undefined)_
    * - **--width** - The width of the divider. _(default: undefined)_
-   * - **--spacing** - The spacing of the divider. _(default: undefined)_
+   * - **--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. _(default: undefined)_
    */
   "cs-divider": Partial<CsDividerProps & BaseProps & BaseEvents>;
 
   /**
-   * Drawers slide in from the edge of a container to expose additional options and information without
+   * 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.
    * ---
    *
@@ -4640,12 +4653,19 @@ export type CustomElements = {
    * - **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".
    *
    * ### **CSS Properties:**

package/dist/unbundled/types/vue/index.d.ts

@@ -366,7 +366,7 @@ type CsAnimationProps = {
   /** The name of the built-in animation to use. For custom animations, use the `keyframes` prop. */
   name?: CsAnimation["name"];
   /** Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when
-the animation finishes or gets canceled. */
+the animation finishes or gets canceled. To play it again from the start, call `restart()`. */
   play?: CsAnimation["play"];
   /** The number of milliseconds to delay the start of the animation. */
   delay?: CsAnimation["delay"];
@@ -1024,8 +1024,8 @@ includes the label before the component hydrates on the client. */
   /** 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. */
   "ssr-hint"?: CsColorPicker["ssrHint"];
-  /** 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. */
+  /** 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. */
   label?: CsColorPicker["label"];
   /** The color picker's hint. If you need to display HTML, use the `hint` slot instead. */
   hint?: CsColorPicker["hint"];
@@ -1054,7 +1054,14 @@ can use the `show()` and `hide()` methods and this attribute will reflect the po
 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. */
+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". */
   swatches?: CsColorPicker["swatches"];
   /** Makes the color picker a required field. */
   required?: CsColorPicker["required"];
@@ -3578,6 +3585,12 @@ export type CustomElements = {
    * ### **Methods:**
    *  - **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.
    *
    * ### **Slots:**
    *  - _default_ - The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple `<cs-animation>` elements.
@@ -4172,12 +4185,12 @@ export type CustomElements = {
    * ### **CSS Properties:**
    *  - **--color** - The color of the divider. _(default: undefined)_
    * - **--width** - The width of the divider. _(default: undefined)_
-   * - **--spacing** - The spacing of the divider. _(default: undefined)_
+   * - **--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. _(default: undefined)_
    */
   "cs-divider": DefineComponent<CsDividerProps>;
 
   /**
-   * Drawers slide in from the edge of a container to expose additional options and information without
+   * 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.
    * ---
    *
@@ -4614,12 +4627,19 @@ export type CustomElements = {
    * - **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".
    *
    * ### **CSS Properties:**

package/dist/unbundled/utilities/animation.js

@@ -1,10 +1,10 @@
-/*! Cornerstone Components 0.6.1 - MIT licensed. See LICENSE.md and NOTICE. */
-import "../chunks/chunk.ACPMHJAI.js";
+/*! Cornerstone Components 0.7.0 - MIT licensed. See LICENSE.md and NOTICE. */
+import "../chunks/chunk.3HZEFFM5.js";
 import {
   getAnimationNames,
   getEasingNames
-} from "../chunks/chunk.TUMOBTES.js";
-import "../chunks/chunk.LOD6ZXF2.js";
+} from "../chunks/chunk.4QK6UVHJ.js";
+import "../chunks/chunk.HWQS6OLV.js";
 export {
   getAnimationNames,
   getEasingNames