@getflip/swirl-components-react 0.210.0 → 0.211.0

package/dist/{swirl-time-input.entry.e57226d2.js → swirl-time-input.entry.1c14d2a7.js}

@@ -1,26 +1,26 @@
-import { r as c, c as d, h as a, H as p, g as m } from "./index.72c526c1.js";
+import { r as c, c as u, h as a, H as p, g as m } from "./index.b48d93c2.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
-import { p as r, i as o, f as l, m as v } from "./maska-c5119b9a.aa658697.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-9b747dd7.4c4c7dc0.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, u = "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 = d(this, "inputBlur", 7), this.inputFocus = d(this, "inputFocus", 7), this.valueChange = d(this, "valueChange", 7), this.desktopMediaQuery = w(), this.desktopMediaQueryHandler = (i) => {
+    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);
     }, this.onChange = (i) => {
       const t = i.target.value;
       let s;
       t === "" && (this.value = void 0, this.valueChange.emit(void 0));
       const n = r(t, this.format, new Date()), h = new RegExp(`^${this.format.replace(/[Hhms]/g, "\\d")}$`);
-      !Boolean(t.match(h)) || (o(n) ? s = l(n, u) : s = l(new Date(), u), this.value = s, this.valueChange.emit(s));
+      !Boolean(t.match(h)) || (o(n) ? s = d(n, l) : s = d(new Date(), l), this.value = s, this.valueChange.emit(s));
     }, this.onBlur = (i) => {
       this.inputBlur.emit(i);
       const t = i.target, s = r(t.value, this.format, new Date());
       if (!o(s) && Boolean(this.value)) {
-        const n = Boolean(this.value) ? r(this.value, u, new Date()) : void 0;
-        (!Boolean(n) || !o(n)) && (this.value = ""), t.value = l(n, this.format);
+        const n = Boolean(this.value) ? r(this.value, l, new Date()) : void 0;
+        (!Boolean(n) || !o(n)) && (this.value = ""), t.value = d(n, this.format);
       }
     }, this.onInput = (i) => {
       this.onChange(i);
@@ -59,10 +59,10 @@ const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     });
   }
   render() {
-    const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = Boolean(this.value) ? r(this.value, u, new Date()) : void 0, t = o(i) ? l(i, this.format) : void 0, s = f("time-input", {
+    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: "9ac0566f2264088f1efd9e28202a9ccda5902dc2" }, a("div", { key: "d133720e068eb8266757f882d33919f118c90cd7", class: s }, a("input", { key: "afb94582ccb87a811c932d2c2a38cd88a105f3e8", "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: "dbc0e51b5363c71f2aed47e6428060677715e466", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "026fe6975f97480cd743269343d8114626f426c5", size: this.iconSize }))));
+    return a(p, { key: "f2e1df436ac61cab2404c241f8e87bba10c9a73d" }, a("div", { key: "26c4be48d6b9d04c4a893853e73968effab20633", class: s }, a("input", { key: "e1422293c8ab2368771480014d40a74b35cbbafe", "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: "0cc8bd44afc4dadeebbefc6112fc0bffdac3c0a5", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "a54aa45d9da0f4ee4d2b14af0809f62d84718184", 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.0648a64a.js → swirl-toast-provider.entry.6be368b7.js}

@@ -1,4 +1,4 @@
-import { r, h as a, H as e } from "./index.72c526c1.js";
+import { r, h as a, H as e } from "./index.b48d93c2.js";
 import "react";
 import "react-dom";
 const l = class {

package/dist/{swirl-toast.entry.749d79b7.js → swirl-toast.entry.8d09fe68.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as e, H as r } from "./index.72c526c1.js";
+import { r as o, c as n, h as e, H as r } from "./index.b48d93c2.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as d } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";

package/dist/{swirl-toolbar.entry.2a8277cc.js → swirl-toolbar.entry.82c8d45c.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as i, g as r } from "./index.72c526c1.js";
+import { r as n, h as s, H as i, g as r } from "./index.b48d93c2.js";
 import { b as a } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tooltip.entry.e8d6e37c.js → swirl-tooltip.entry.1668acd8.js}

@@ -1,4 +1,4 @@
-import { r as p, h as o, H as d, g as h } from "./index.72c526c1.js";
+import { r as p, h as o, H as d, g as h } from "./index.b48d93c2.js";
 import { b as c, c as m, a as u, o as f, 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.3d8adf67.js → swirl-tree-navigation-item.entry.c6bc8451.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as n, g as s } from "./index.72c526c1.js";
+import { r, h as i, H as n, g as s } from "./index.b48d93c2.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -7,11 +7,11 @@ const c = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
     r(this, e), this.active = void 0, this.href = void 0, this.icon = void 0, this.label = void 0, this.target = void 0;
   }
   render() {
-    const e = Boolean(this.href), a = e ? "a" : "button", t = o("tree-navigation-item", {
+    const e = Boolean(this.href), t = e ? "a" : "button", a = o("tree-navigation-item", {
       "tree-navigation-item--active": this.active,
       "tree-navigation-item--has-icon": Boolean(this.icon)
     });
-    return i(n, { key: "f3bdebf927ba61a374e78d95c73b68a025d4bfaf" }, i(a, { key: "196ecfbee1167a0cbd34acb56275afca1161c485", class: t, href: this.href, target: this.target, type: e ? void 0 : "button" }, this.icon && i("span", { key: "d2fb022ad18b6bc2b52d0ea1b5172023715fb1f4", class: "tree-navigation-item__icon", innerHTML: this.icon }), i("span", { key: "c9abe8af9b2b8bad28819905cd770e9fa3986499", class: "tree-navigation-item__label" }, this.label)));
+    return i(n, { key: "5c2fdccd113c872a7e51b4ae8e899d4ede41ebf5" }, i(t, { key: "52f22eb02e30379d4afd6e68badfe6096842e38f", class: a, href: this.href, target: this.target, type: e ? void 0 : "button" }, this.icon && i("span", { key: "2f79caa57d41db2566cc47cdc75e3f6518613474", class: "tree-navigation-item__icon", innerHTML: this.icon }), i("span", { key: "0ef45f0bf35aa520b1c25b98f0a8ed57538d7b80", class: "tree-navigation-item__label" }, this.label)));
   }
   get el() {
     return s(this);

package/dist/{swirl-video-thumbnail.entry.cee790aa.js → swirl-video-thumbnail.entry.9d8463bc.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.72c526c1.js";
+import { r as a, h as n, H as e } from "./index.b48d93c2.js";
 import "react";
 import "react-dom";
 const t = `:host {
@@ -76,10 +76,10 @@ const t = `:host {
 }
 `, o = t, s = class {
   constructor(i) {
-    e(this, i), this.durationLabel = "Duration", this.duration = void 0, this.label = void 0, this.src = void 0;
+    a(this, i), this.durationLabel = "Duration", this.duration = void 0, this.label = void 0, this.src = void 0;
   }
   render() {
-    return n(a, { key: "876b2eed3e3fb9be20df91d3d1577b084fee4bb2" }, n("button", { key: "86ce4cdb06bcfc9c017796d8be999b395d71e2d3", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "55058e5f65bbdafbeb69b329a382aaed93221bf7", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "bdb289b9d7ed0baae83df152ccea325cd057d520", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "d4c91f820318d0f8960a9029ade71af7cfb8a2d5" }, this.durationLabel), this.duration), n("svg", { key: "5b8420374088cdf44160d900e8c3c2ab01bce834", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "3817a3a98d6ea177af419b9ce72ea99f5c936b28", 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(e, { key: "6268ae824f77664c95e0aca4410eb92247eb28a7" }, n("button", { key: "d99ffd4d402aed2956f2fdbbbf80419fc51f8bbf", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "aa2ca11e1b26450c40d560867e2bc441509032e6", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "64b9c4d270c735a18d893f0a8bcaf242a8706102", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "45031f25178eac4c205ab2c8146a61aad56af5b1" }, this.durationLabel), this.duration), n("svg", { key: "6ac78ad211884db7c19863d67c2a6589c4b03fab", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "9b8e1c220dd1b6292df2ad2519c478c44fc17a7a", 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.4ecf6a06.js

@@ -0,0 +1,15 @@
+import { r as s, h as e, H as r } from "./index.b48d93c2.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)}", d = l, t = class {
+  constructor(i) {
+    s(this, i);
+  }
+  render() {
+    return e(r, { key: "0b597350cbd137865b9b8e0fe25b86fb3ff3eee7" }, e("slot", { key: "848d169f1d3f987e742053566976f17602ed7887" }));
+  }
+};
+t.style = d;
+export {
+  t as swirl_visually_hidden
+};

package/dist/{wc-datepicker.entry.047fb606.js → wc-datepicker.entry.7ee17b97.js}

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components-react",
-  "version": "0.210.0",
+  "version": "0.211.0",
   "type": "module",
   "files": [
     "dist"
@@ -18,7 +18,7 @@
     "build": "tsc && vite build"
   },
   "dependencies": {
-    "@getflip/swirl-components": "^0.210.0",
+    "@getflip/swirl-components": "^0.211.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },