@getflip/swirl-components-react 0.320.1 → 0.321.0

package/dist/{swirl-time-input.entry.03528d39.js → swirl-time-input.entry.b47ada67.js}

@@ -1,11 +1,11 @@
-import { r as c, c as u, h as a, H as p, g as m } from "./index.1bca8882.js";
+import { r as c, c as u, h as a, H as p, g as m } from "./index.0f8940f3.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
 import { p as r, i as o, f as d, m as v } from "./maska-c5119b9a.aa658697.js";
 import { g as w } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
 import "./_commonjsHelpers-d20b9603.2d9b8855.js";
-const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}", b = g, l = "HH:mm:ss", k = class {
+const b = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}", g = b, l = "HH:mm:ss", k = class {
   constructor(e) {
     c(this, e), this.inputBlur = u(this, "inputBlur", 7), this.inputFocus = u(this, "inputFocus", 7), this.valueChange = u(this, "valueChange", 7), this.desktopMediaQuery = w(), this.desktopMediaQueryHandler = (i) => {
       this.updateIconSize(i.matches);
@@ -62,7 +62,7 @@ const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = Boolean(this.value) ? r(this.value, l, new Date()) : void 0, t = o(i) ? d(i, this.format) : void 0, s = f("time-input", {
       "time-input--inline": this.inline
     });
-    return a(p, { key: "62cad8160514e5d742505e6a39e55df30ac9bf3f" }, a("div", { key: "cf232d9443be8c35549138d2414ab655cd1ed648", class: s }, a("input", { key: "6856af41a01e6fd0bebf7d412e7ccf90b4a927a9", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (n) => this.inputEl = n, required: this.required, type: "text", value: t }), a("span", { key: "791576da99aaf53545bae4ff29221c1ece69b2cc", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "f78a4765dbb5a4fdcded534bd0d95a3c34f39e6f", size: this.iconSize }))));
+    return a(p, { key: "78250cf1551daf268cd95f944f092e5f9048adeb" }, a("div", { key: "0c92c1575be04fb1ed8bb48abe514ff43b08025b", class: s }, a("input", { key: "227f3ddefa25f870d00d77d7189692c318fbf335", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (n) => this.inputEl = n, required: this.required, type: "text", value: t }), a("span", { key: "b0fa2d02d8d12a564ff2435f943b7a88359a1bb5", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "593119f620fe38e78cba6fb1c2639fefdc35bfef", size: this.iconSize }))));
   }
   get el() {
     return m(this);
@@ -73,7 +73,7 @@ const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     };
   }
 };
-k.style = b;
+k.style = g;
 export {
   k as swirl_time_input
 };

package/dist/{swirl-toast-provider.entry.b77a9703.js → swirl-toast-provider.entry.2eac697c.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as r } from "./index.1bca8882.js";
+import { r as e, h as i, H as r } from "./index.0f8940f3.js";
 import "react";
 import "react-dom";
 const h = class {

package/dist/{swirl-toast.entry.125d5e8c.js → swirl-toast.entry.c64cb42a.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as e, H as r } from "./index.1bca8882.js";
+import { r as o, c as n, h as e, H as r } from "./index.0f8940f3.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as d } from "./utils-877a768f.c277f897.js";
 import "react";

package/dist/{swirl-toggle-button.entry.94ea22b4.js → swirl-toggle-button.entry.83a8b0de.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t } from "./index.1bca8882.js";
+import { r as s, h as t } from "./index.0f8940f3.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -12,7 +12,7 @@ const i = ":host{display:inline-block}:host *{box-sizing:border-box}.button{disp
     const e = o("button", {
       "button--pressed": this.isPressed
     });
-    return t("button", { key: "7cc5d2a7d5ffe8b792cc76c639a762f862402d12", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && t("swirl-icon", { key: "dca7033d3833f625b0ffac8b191edb314f50778d", class: "button__icon", glyph: this.icon }), t("span", { key: "5380169ce206429406894ba691dd3012ed43467a", class: "button__label" }, this.label));
+    return t("button", { key: "d2ea1bc559522750ae1b901b1ae2040a2d400d35", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && t("swirl-icon", { key: "7b847da8ef94a05164b28e90dc137be9a1e15d2e", class: "button__icon", glyph: this.icon }), t("span", { key: "0c08e4e123efb64f7e9d6c8b0d44765494086d06", class: "button__label" }, this.label));
   }
 };
 r.style = n;

package/dist/{swirl-toggle-group.entry.2dd6aeef.js → swirl-toggle-group.entry.2a7b5577.js}

@@ -1,4 +1,4 @@
-import { r as i, c as g, h as o, g as l } from "./index.1bca8882.js";
+import { r as i, c as g, h as o, g as l } from "./index.0f8940f3.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-toolbar.entry.17e3e79f.js → swirl-toolbar.entry.7b123039.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as r, g as i } from "./index.1bca8882.js";
+import { r as n, h as s, H as r, g as i } from "./index.0f8940f3.js";
 import { b as a } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tooltip.entry.10011139.js → swirl-tooltip.entry.0511c36a.js}

@@ -1,4 +1,4 @@
-import { r as p, h as e, H as d, g as h } from "./index.1bca8882.js";
+import { r as p, h as e, H as d, g as h } from "./index.0f8940f3.js";
 import { b as c, c as m, a as f, o as u, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as y } from "./index-267776a4.6beb4f4b.js";
 import "react";

package/dist/{swirl-tree-navigation-item.entry.93edf52b.js → swirl-tree-navigation-item.entry.d3c0aa04.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as d, g as o } from "./index.1bca8882.js";
+import { r, c as s, h as e, H as d, g as o } from "./index.0f8940f3.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -49,12 +49,12 @@ const h = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
       "tree-navigation-item__link--active": this.active,
       "tree-navigation-item__link--has-icon": Boolean(this.icon)
     });
-    return e(d, { key: "d4bd1525dc7f73254f0730db018608fd57042063", role: "none" }, e("li", { key: "13cdf618522cc29f85fa8eae21dbbb880fd1bdbe", class: {
+    return e(d, { key: "f5be2a3692fc41ea28c78a5249e282fd4eb0ac90", role: "none" }, e("li", { key: "e2ac3f5d22de042ebadea3fa1544a52f787242ce", class: {
       "tree-navigation-item": !0,
       "tree-navigation-item--expanded": this.expanded
-    }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : void 0, "aria-level": this.level }, e(i, { key: "766f3abc27868c37624a43c41fab80e13806dae9", onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: a, href: this.href, target: this.target, type: t ? void 0 : "button", id: this.buttonId, "aria-current": this.active ? "page" : void 0, "aria-controls": this.hasChildren ? this.childrenId : void 0, "aria-expanded": this.hasChildren ? this.expanded : void 0 }, e("span", { key: "800e66e35bccc69c986b07f03f9469262da11d3f", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "6fa428d0000cfd68a0bc2d62cc541fe022c1ec24", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "8024409708d5a89112d87cb9cfa9cef748d9dba2", class: "tree-navigation-item__label" }, e("span", { key: "821a70bb13ab77f343007cb211e3aa04e7685deb", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "3f25bf7f893d5bcc99f2bc6c526da57d8b0b40dc", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "de9318ee7c6ba345585c39714dcca1c3537185a7", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "81665225542afc273b02768ff0b6091f3229be03", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "413056e3aab8a57891262502517d7b23fba33e99", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "5141f8db8278a28d3ea8b8591a469eaf4783e841", class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (n) => this.childrenRef = n, style: {
+    }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : void 0, "aria-level": this.level }, e(i, { key: "59768aa64bfb74b81e595c433579d56342540b8e", onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: a, href: this.href, target: this.target, type: t ? void 0 : "button", id: this.buttonId, "aria-current": this.active ? "page" : void 0, "aria-controls": this.hasChildren ? this.childrenId : void 0, "aria-expanded": this.hasChildren ? this.expanded : void 0 }, e("span", { key: "aa64113919148037c9b8f6b92c35003364a7962a", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "a9948f2f2aac50063b9faacdf161a4a0b322b40c", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "bcd4227df99f9893b3e8dda5c874052976bc0191", class: "tree-navigation-item__label" }, e("span", { key: "abd5a09ee4a63ba8ed4e911313366bd0c4bd16f0", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "47a4349d3d26494cdfa844359e7636713d54eb8a", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "f5e65b291427326ca0d5407d1cdfd3358fbd7030", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "83bb63db09b9d584e09c27e4da954aa9bf01b548", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "b4b6991bd9249aecb5665d1d4397af25479d72fa", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "527475602f2fae5ce2603f1ee6655f02663cd071", class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (n) => this.childrenRef = n, style: {
       height: this.childrenHeight
-    } }, e("slot", { key: "d141cb5f47d0b2d47a6706351092687b89cefd70" }))));
+    } }, e("slot", { key: "d4a242d617109b0a882ef3f11ba160ed319db41d" }))));
   }
   get el() {
     return o(this);

package/dist/swirl-tree-navigation.entry.112ecfbe.js

@@ -0,0 +1,15 @@
+import { r as i, h as e, H as r } from "./index.0f8940f3.js";
+import "react";
+import "react-dom";
+const a = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = a, o = class {
+  constructor(t) {
+    i(this, t), this.label = void 0;
+  }
+  render() {
+    return e(r, { key: "9163b6d577bfc300093480152b24765d4523d93a" }, e("ul", { key: "805bcc5447f1efc46537e797ce660805d709dd1e", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "8e8f61e26ac91760990398fb7f476c2b82700b62" })));
+  }
+};
+o.style = s;
+export {
+  o as swirl_tree_navigation
+};

package/dist/{swirl-tree-view-item.entry.3e08cfd4.js → swirl-tree-view-item.entry.043e78b5.js}

@@ -1,4 +1,4 @@
-import { r as w, c as d, f as l, h as n, F as f, H as u, g as y } from "./index.1bca8882.js";
+import { r as w, c as d, f as l, h as n, F as f, H as u, g as y } from "./index.0f8940f3.js";
 import { c as _ } from "./index-267776a4.6beb4f4b.js";
 import { S as I } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { t as c } from "./swirl-tree-view.config-82c9ecaa.3ff1cfa4.js";

package/dist/{swirl-tree-view.entry.0f552472.js → swirl-tree-view.entry.4d628fdb.js}

@@ -1,4 +1,4 @@
-import { r as g, c as h, f as p, h as c, H as I, g as w } from "./index.1bca8882.js";
+import { r as g, c as h, f as p, h as c, H as I, g as w } from "./index.0f8940f3.js";
 import { S as f } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { t as m } from "./swirl-tree-view.config-82c9ecaa.3ff1cfa4.js";
 import "react";

package/dist/{swirl-video-thumbnail.entry.1c6d3482.js → swirl-video-thumbnail.entry.acb1056e.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.1bca8882.js";
+import { r as e, h as n, H as a } from "./index.0f8940f3.js";
 import "react";
 import "react-dom";
 const t = `:host {
@@ -79,7 +79,7 @@ const t = `:host {
     e(this, i), this.durationLabel = "Duration", this.duration = void 0, this.label = void 0, this.src = void 0;
   }
   render() {
-    return n(a, { key: "89b30ebbabaa0125ea604e37ab15ba8e4ed8a70f" }, n("button", { key: "3eccecc8fc13e0107c06ab6f5b7061890a2cc586", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "46a3b1ffd73342381e5a653e4882164046cc7acb", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "ce763f7f7139820fa7dca759f75423561ab77082", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "e24762998cc8964572a171714e2863120a31843e" }, this.durationLabel), this.duration), n("svg", { key: "bea7034af79ae9405b17303db7a63aefd4d07198", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "1b76a07faf72896a78c7263087475e7e3ee4c347", d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" }))));
+    return n(a, { key: "0d1fdc4949d838a62c3c8b8268c5229f41fc3c60" }, n("button", { key: "02444d9291683335bc640b69bdcc4267e423e68a", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "f4a933ab01d22b51816056b86f1a307db9a5f3ad", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "6b286644f477a85aa7976025f82476017b3833c0", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "b70d41aa916302f0ddb8b51430841091d68fa794" }, this.durationLabel), this.duration), n("svg", { key: "8a3092527b6b853687102e88a2e2f246e9b571ee", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "dc88cd0978ae654fccd17ff0fbb37bc2f132a1a0", d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" }))));
   }
 };
 s.style = o;

package/dist/swirl-visually-hidden.entry.a983328b.js

@@ -0,0 +1,15 @@
+import { r as e, h as i, H as r } from "./index.0f8940f3.js";
+import "react";
+import "react-dom";
+const a = ".sc-swirl-visually-hidden-h{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}", l = a, t = class {
+  constructor(s) {
+    e(this, s);
+  }
+  render() {
+    return i(r, { key: "b1a9365245b42a7d28ba87dd46c35a2266aefee7" }, i("slot", { key: "73c3e5c3cf22857000093891903f9aa7c45f4403" }));
+  }
+};
+t.style = l;
+export {
+  t as swirl_visually_hidden
+};

package/dist/{wc-datepicker.entry.4c69931c.js → wc-datepicker.entry.7a3a82ea.js}

@@ -1,4 +1,4 @@
-import { r as R, c as S, h as n, H, g as E } from "./index.1bca8882.js";
+import { r as R, c as S, h as n, H, g as E } from "./index.0f8940f3.js";
 import "react";
 import "react-dom";
 function F(e, t) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components-react",
-  "version": "0.320.1",
+  "version": "0.321.0",
   "type": "module",
   "files": [
     "dist"
@@ -23,7 +23,7 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@getflip/swirl-components": "^0.320.1"
+    "@getflip/swirl-components": "^0.321.0"
   },
   "devDependencies": {
     "@types/react": "^18.0.18",

package/dist/swirl-option-list-section.entry.ff9759f6.js

@@ -1,15 +0,0 @@
-import { r as i, h as e, H as t } from "./index.1bca8882.js";
-import "react";
-import "react-dom";
-const a = ":host{display:block;width:100%}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", o = a, l = class {
-  constructor(s) {
-    i(this, s), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
-  }
-  render() {
-    return e(t, { key: "e99fbd8cc5f028e94ee9fa7ff3b48fe65eb0379d" }, this.hasSeparator && e("swirl-separator", { key: "a989e3fea9fbb74a08afaec3689be6ddc8fed766", spacing: this.separatorSpacing }), e("div", { key: "b097b691b05cba551d24933b16c508a419b33cb2", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "f3621a3844c0a2a30d0f1ae145476a2339e7d588", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("swirl-stack", { key: "02c6008401c808aea28fdbd96879990038d2a386", spacing: this.spacing, align: "stretch" }, e("slot", { key: "547823346390ea32380b902c059c1c3dc8c11b32" }))));
-  }
-};
-l.style = o;
-export {
-  l as swirl_option_list_section
-};

package/dist/swirl-symbol-bookmark.entry.0fa528c4.js

@@ -1,17 +0,0 @@
-import { r as o, h as e, F as t } from "./index.1bca8882.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex}", l = r, c = class {
-  constructor(s) {
-    o(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, i = a("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return e("svg", { key: "3121e66a16d6e67a0d0fe9711d69159cda40ec67", class: i, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, e(t, { key: "97a4b21a167008698a891c2f0a7c8b818432dcad" }, e("path", { key: "d829a65cc17c74c84a9b2e0a30190db2341a2a24", d: "M17 3H7C6.47005 3.00158 5.96227 3.2128 5.58753 3.58753C5.2128 3.96227 5.00158 4.47005 5 5V21L12 18L19 21V5C18.9984 4.47005 18.7872 3.96227 18.4125 3.58753C18.0377 3.2128 17.5299 3.00158 17 3Z", fill: "currentColor" })));
-  }
-};
-c.style = l;
-export {
-  c as swirl_symbol_bookmark
-};

package/dist/swirl-tree-navigation.entry.9a750459.js

@@ -1,15 +0,0 @@
-import { r as t, h as e, H as i } from "./index.1bca8882.js";
-import "react";
-import "react-dom";
-const r = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = r, o = class {
-  constructor(a) {
-    t(this, a), this.label = void 0;
-  }
-  render() {
-    return e(i, { key: "d64a1dd341a5211587d8cc7b148371c16571ccab" }, e("ul", { key: "8c6bd4e37aed34dda2140ff37fe9687e9c6ff48f", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "aca30c87ebdb9cabec3b4365f4d8f67c00893b3e" })));
-  }
-};
-o.style = s;
-export {
-  o as swirl_tree_navigation
-};

package/dist/swirl-visually-hidden.entry.200bf27b.js

@@ -1,15 +0,0 @@
-import { r as e, h as i, H as r } from "./index.1bca8882.js";
-import "react";
-import "react-dom";
-const l = ".sc-swirl-visually-hidden-h{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}", a = l, d = class {
-  constructor(s) {
-    e(this, s);
-  }
-  render() {
-    return i(r, { key: "69846d59ed62a94845e0943463263a760121e458" }, i("slot", { key: "a13661b354d562468572064c0362f23a8d9e509a" }));
-  }
-};
-d.style = a;
-export {
-  d as swirl_visually_hidden
-};