npm - @getflip/swirl-components-react - Versions diffs - 0.197.1 → 0.199.0 - Mend

@getflip/swirl-components-react 0.197.1 → 0.199.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (521) hide show

package/dist/{swirl-carousel.entry.77844e1a.js → swirl-carousel.entry.6f3152a5.js} RENAMED Viewed

@@ -1,20 +1,20 @@
-import { r as n, c as a, h as l, H as r, g as c } from "./index.a5290183.js";
-import { d } from "./utils-c5f2f98f.af14538a.js";
+import { r as n, c as a, h as l, H as r, g as c } from "./index.9d32bf5e.js";
+import { d } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
 const h = `:host{position:relative;display:block;overflow:hidden;width:100%;margin-top:calc(-1 * var(--s-space-24));margin-bottom:calc(-1 * var(--s-space-24))}:host(:hover) .carousel__previous-slide-button{pointer-events:auto;opacity:1}:host(:hover) .carousel__next-slide-button{pointer-events:auto;opacity:1}:host *{box-sizing:border-box}.carousel{position:relative;overflow:hidden;width:100%}.carousel__slides{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;padding:var(--s-space-24) var(--s-space-16) var(--s-space-24)
-    var(--s-space-16);scroll-padding:var(--s-space-16);scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*){margin-left:var(--s-space-16);flex-grow:0;flex-shrink:0;scroll-snap-align:start}@media (min-width: 768px){.carousel__slides ::slotted(*){margin-left:var(--s-space-24)}}@media (min-width: 768px){.carousel__slides{padding-right:var(--s-space-24);padding-left:var(--s-space-24);scroll-padding:var(--s-space-24)}}.carousel__previous-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));left:var(--s-space-4);visibility:hidden;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__previous-slide-button{visibility:visible}}.carousel__next-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));right:var(--s-space-4);visibility:hidden;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__next-slide-button{visibility:visible}}`, u = class {
-  constructor(e) {
-    n(this, e), this.activeSlidesChange = a(this, "activeSlidesChange", 7), this.activeSlides = [], this.updateActiveSlideReferences = d(() => {
-      const i = this.getActiveSlides();
-      i.some((s, o) => this.activeSlides[o] !== s) && (this.activeSlides = i, this.activeSlidesChange.emit(this.activeSlides));
+    var(--s-space-16);scroll-padding:var(--s-space-16);scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*){margin-left:var(--s-space-16);flex-grow:0;flex-shrink:0;scroll-snap-align:start}@media (min-width: 768px){.carousel__slides ::slotted(*){margin-left:var(--s-space-24)}}@media (min-width: 768px){.carousel__slides{padding-right:var(--s-space-24);padding-left:var(--s-space-24);scroll-padding:var(--s-space-24)}}.carousel__previous-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));left:var(--s-space-4);visibility:hidden;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__previous-slide-button{visibility:visible}}.carousel__next-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));right:var(--s-space-4);visibility:hidden;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__next-slide-button{visibility:visible}}`, u = h, v = class {
+  constructor(i) {
+    n(this, i), this.activeSlidesChange = a(this, "activeSlidesChange", 7), this.activeSlides = [], this.updateActiveSlideReferences = d(() => {
+      const e = this.getActiveSlides();
+      e.some((s, o) => this.activeSlides[o] !== s) && (this.activeSlides = e, this.activeSlidesChange.emit(this.activeSlides));
     }, 100), this.onPreviousSlideButtonClick = () => {
       this.previousSlide();
     }, this.onNextSlideButtonClick = () => {
       this.nextSlide();
     }, this.onSlotChange = () => {
-      var i;
-      (i = this.activeSlides[0]) == null || i.scrollIntoView({ block: "nearest", inline: "start" });
+      var e;
+      (e = this.activeSlides[0]) == null || e.scrollIntoView({ block: "nearest", inline: "start" });
     }, this.onScroll = () => {
       this.updateActiveSlideReferences(), this.checkScrollPosition();
     }, this.label = void 0, this.nextSlideButtonLabel = "Next slide", this.previousSlideButtonLabel = "Previous slide", this.loopAround = !1, this.isAtEnd = void 0, this.isAtStart = void 0, this.isScrollable = void 0;
@@ -27,43 +27,43 @@ const h = `:host{position:relative;display:block;overflow:hidden;width:100%;marg
       this.checkScrollStatus(), this.checkScrollPosition();
     });
   }
-  async scrollToSlide(e) {
-    const t = this.getSlides().find((s) => s.id === e);
+  async scrollToSlide(i) {
+    const t = this.getSlides().find((s) => s.id === i);
     !Boolean(t) || t.scrollIntoView({ block: "nearest", inline: "start" });
   }
   previousSlide() {
-    const e = this.getSlides(), i = this.getActiveSlides(), t = i[0].previousElementSibling || (this.loopAround ? e[e.length - 1] : i[0]);
+    const i = this.getSlides(), e = this.getActiveSlides(), t = e[0].previousElementSibling || (this.loopAround ? i[i.length - 1] : e[0]);
     t == null || t.scrollIntoView({ block: "nearest", inline: "start" });
   }
   nextSlide() {
-    const e = this.getSlides(), i = this.getActiveSlides(), s = !Boolean(i[i.length - 1].nextElementSibling) && this.loopAround ? e[0] : i[0].nextElementSibling;
+    const i = this.getSlides(), e = this.getActiveSlides(), s = !Boolean(e[e.length - 1].nextElementSibling) && this.loopAround ? i[0] : e[0].nextElementSibling;
     s == null || s.scrollIntoView({ block: "nearest", inline: "start" });
   }
   getSlides() {
     return Array.from(this.el.querySelectorAll("swirl-carousel-slide"));
   }
   getActiveSlides() {
-    return this.getSlides().filter((i) => this.checkInView(i));
+    return this.getSlides().filter((e) => this.checkInView(e));
   }
   checkScrollStatus() {
     this.isScrollable = this.slidesContainer.scrollWidth > this.slidesContainer.offsetWidth;
   }
   checkScrollPosition() {
-    const e = this.getSlides(), i = this.getActiveSlides(), t = i[0] === e[0], s = i[i.length - 1] === e[e.length - 1];
+    const i = this.getSlides(), e = this.getActiveSlides(), t = e[0] === i[0], s = e[e.length - 1] === i[i.length - 1];
     t !== this.isAtStart && (this.isAtStart = t), s !== this.isAtEnd && (this.isAtEnd = s);
   }
-  checkInView(e) {
-    let i = this.slidesContainer.scrollLeft, t = i + this.slidesContainer.clientWidth, s = e.offsetLeft, o = s + e.clientWidth;
-    return s >= i && o <= t;
+  checkInView(i) {
+    let e = this.slidesContainer.scrollLeft, t = e + this.slidesContainer.clientWidth, s = i.offsetLeft, o = s + i.clientWidth;
+    return s >= e && o <= t;
   }
   render() {
-    return l(r, { "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { class: "carousel" }, this.isScrollable && !this.isAtStart && l("swirl-button", { class: "carousel__previous-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: !0, variant: "floating" }), this.isScrollable && !this.isAtEnd && l("swirl-button", { class: "carousel__next-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: !0, variant: "floating" }), l("div", { "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (e) => this.slidesContainer = e }, l("slot", { onSlotchange: this.onSlotChange }))));
+    return l(r, { key: "79b748850a91135646fa7b097efdf55a341bdd92", "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { key: "0ae6c4715aa8c034fbfb9d5e5e7d5c4fe4e3fedc", class: "carousel" }, this.isScrollable && !this.isAtStart && l("swirl-button", { key: "1b95f748bb13d83cb5095efb2ecfc42ef61db36f", class: "carousel__previous-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: !0, variant: "floating" }), this.isScrollable && !this.isAtEnd && l("swirl-button", { key: "30f869b5b4c9f66fa6f6e57e6de4605d07e6dafb", class: "carousel__next-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: !0, variant: "floating" }), l("div", { key: "e6a1af1f98a21516c4b2ca64addee3e7bd53f51e", "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (i) => this.slidesContainer = i }, l("slot", { key: "18c65dc225a7501827f07396cfffcc819bf05003", onSlotchange: this.onSlotChange }))));
   }
   get el() {
     return c(this);
   }
 };
-u.style = h;
+v.style = u;
 export {
-  u as swirl_carousel
+  v as swirl_carousel
 };

package/dist/{swirl-checkbox.entry.b9896603.js → swirl-checkbox.entry.c5a5cf73.js} RENAMED Viewed

@@ -1,12 +1,12 @@
-import { r as b, c as l, h as c, H as t } from "./index.a5290183.js";
-import { c as n } from "./index-d280dafb.186cdb0e.js";
+import { r as b, c as d, h as c, H as t } from "./index.9d32bf5e.js";
+import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const d = `.sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-swirl-checkbox{box-sizing:border-box}.checkbox.sc-swirl-checkbox{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer}.checkbox.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:0 0 0 0.0625rem var(--s-background-default),
+const n = `.sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-swirl-checkbox{box-sizing:border-box}.checkbox.sc-swirl-checkbox{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer}.checkbox.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:0 0 0 0.0625rem var(--s-background-default),
       0 0 0 0.1875rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox{width:100%;padding:var(--s-space-16);border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface)}.checkbox--variant-card.sc-swirl-checkbox:focus-within{box-shadow:0 0 0 0.125rem var(--s-background-default),
-      0 0 0 0.25rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:none}.checkbox--variant-card.sc-swirl-checkbox:hover:not(.checkbox--disabled){background-color:var(--s-surface-hovered)}.checkbox--variant-card.sc-swirl-checkbox:active:not(.checkbox--disabled){background-color:var(--s-surface-pressed)}.checkbox--variant-card.checkbox--checked.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-highlight)}.checkbox--variant-card.checkbox--invalid.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-critical)}.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.checkbox--invalid.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--invalid.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-critical)}.checkbox--invalid.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-critical)}.checkbox--disabled.sc-swirl-checkbox{cursor:default}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:transparent}.checkbox--disabled.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox,.checkbox--disabled.sc-swirl-checkbox .checkbox__description.sc-swirl-checkbox{color:var(--s-text-disabled)}.checkbox--label-weight-regular.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-regular)}.checkbox__control.sc-swirl-checkbox{position:relative;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__control.sc-swirl-checkbox{width:1.375rem;height:1.375rem}}.checkbox__box.sc-swirl-checkbox{position:relative;z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.checkbox__icon.sc-swirl-checkbox{display:inline-flex;width:1.0625rem;height:1.0625rem}.checkbox__icon.sc-swirl-checkbox>*.sc-swirl-checkbox::part(icon){width:1.0625rem;height:1.0625rem}.checkbox__indeterminate-icon.sc-swirl-checkbox{position:relative;width:100%;height:100%}.checkbox__indeterminate-icon.sc-swirl-checkbox:after{position:absolute;top:50%;left:50%;width:0.625rem;height:0.125rem;border-radius:0.0625rem;background-color:currentColor;content:"";transform:translate3d(-50%, -50%, 0)}.checkbox__label-container.sc-swirl-checkbox{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);align-items:flex-start;flex-direction:column}.checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-medium)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__label.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.checkbox__description.sc-swirl-checkbox{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__description.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}`, x = class {
+      0 0 0 0.25rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:none}.checkbox--variant-card.sc-swirl-checkbox:hover:not(.checkbox--disabled){background-color:var(--s-surface-hovered)}.checkbox--variant-card.sc-swirl-checkbox:active:not(.checkbox--disabled){background-color:var(--s-surface-pressed)}.checkbox--variant-card.checkbox--checked.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-highlight)}.checkbox--variant-card.checkbox--invalid.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-critical)}.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.checkbox--invalid.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--invalid.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-critical)}.checkbox--invalid.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-critical)}.checkbox--disabled.sc-swirl-checkbox{cursor:default}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:transparent}.checkbox--disabled.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox,.checkbox--disabled.sc-swirl-checkbox .checkbox__description.sc-swirl-checkbox{color:var(--s-text-disabled)}.checkbox--label-weight-regular.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-regular)}.checkbox__control.sc-swirl-checkbox{position:relative;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__control.sc-swirl-checkbox{width:1.375rem;height:1.375rem}}.checkbox__box.sc-swirl-checkbox{position:relative;z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.checkbox__icon.sc-swirl-checkbox{display:inline-flex;width:1.0625rem;height:1.0625rem}.checkbox__icon.sc-swirl-checkbox>*.sc-swirl-checkbox::part(icon){width:1.0625rem;height:1.0625rem}.checkbox__indeterminate-icon.sc-swirl-checkbox{position:relative;width:100%;height:100%}.checkbox__indeterminate-icon.sc-swirl-checkbox:after{position:absolute;top:50%;left:50%;width:0.625rem;height:0.125rem;border-radius:0.0625rem;background-color:currentColor;content:"";transform:translate3d(-50%, -50%, 0)}.checkbox__label-container.sc-swirl-checkbox{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);align-items:flex-start;flex-direction:column}.checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-medium)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__label.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.checkbox__description.sc-swirl-checkbox{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__description.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}`, k = n, x = class {
   constructor(e) {
-    b(this, e), this.valueChange = l(this, "valueChange", 7), this.onChange = () => {
+    b(this, e), this.valueChange = d(this, "valueChange", 7), this.onChange = () => {
       this.checked = !(this.checked === !0 || this.checked === "true"), this.valueChange.emit(this.checked);
     }, this.checked = !1, this.description = void 0, this.disabled = !1, this.swirlAriaDescribedby = void 0, this.swirlAriaLabel = void 0, this.inputId = void 0, this.inputName = void 0, this.invalid = void 0, this.label = void 0, this.labelWeight = "medium", this.value = void 0, this.variant = "default";
   }
@@ -14,17 +14,17 @@ const d = `.sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-sw
     return e ? "true" : i ? "false" : "mixed";
   }
   render() {
-    const e = this.checked === !1 || this.checked === "false", i = this.checked === !0 || this.checked === "true", o = this.checked === "indeterminate", s = Boolean(this.label) || Boolean(this.description), r = this.getAriaCheckedLabel(i, e), h = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, a = n("checkbox", `checkbox--label-weight-${this.labelWeight}`, `checkbox--variant-${this.variant}`, {
+    const e = this.checked === !1 || this.checked === "false", i = this.checked === !0 || this.checked === "true", o = this.checked === "indeterminate", s = Boolean(this.label) || Boolean(this.description), r = this.getAriaCheckedLabel(i, e), h = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, a = l("checkbox", `checkbox--label-weight-${this.labelWeight}`, `checkbox--variant-${this.variant}`, {
       "checkbox--checked": i,
       "checkbox--disabled": this.disabled,
       "checkbox--indeterminate": o,
       "checkbox--invalid": this.invalid,
       "checkbox--unchecked": e
     });
-    return c(t, { style: { width: this.variant === "card" ? "100%" : void 0 } }, c("label", { class: a, htmlFor: this.inputId }, c("span", { class: "checkbox__control" }, c("swirl-visually-hidden", null, c("input", { "aria-checked": r, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": h, "aria-label": this.swirlAriaLabel, checked: i, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: o, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), c("span", { "aria-hidden": "true", class: "checkbox__box" }, c("span", { class: "checkbox__icon" }, i && c("swirl-icon-check-strong", null), o && c("span", { class: "checkbox__indeterminate-icon" })))), s && c("span", { class: "checkbox__label-container" }, this.label && c("span", { class: "checkbox__label" }, this.label), this.description && c("span", { class: "checkbox__description" }, this.description))));
+    return c(t, { key: "9ce7a673ef9a88e4270cdc12803d534f2c6f021f", style: { width: this.variant === "card" ? "100%" : void 0 } }, c("label", { key: "b36ecd889e3f0f1614c2bd87cfb78f64bd34b0f7", class: a, htmlFor: this.inputId }, c("span", { key: "7f86ad08873b47a92d25a327690a146673a179a9", class: "checkbox__control" }, c("swirl-visually-hidden", { key: "34eb49b1daccd4a5ba281e8f3c7fae5bfd3d9eec" }, c("input", { key: "086e780b0cf9cd614fd2f346e42086afd63813a5", "aria-checked": r, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": h, "aria-label": this.swirlAriaLabel, checked: i, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: o, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), c("span", { key: "c6e6f3b03b6d86c44b2722cf304843c95e35d133", "aria-hidden": "true", class: "checkbox__box" }, c("span", { key: "5acf25a349bd02b339fa82e56c31dff8baed3e9b", class: "checkbox__icon" }, i && c("swirl-icon-check-strong", { key: "ed41399b1d02bf3a9979fc50372ae1b16e9917d3" }), o && c("span", { key: "94d04c4b59ad6a9ebdf59dfd00a7cf1be3193944", class: "checkbox__indeterminate-icon" })))), s && c("span", { key: "280d603bb3628dcfe810957af5346f61b5589019", class: "checkbox__label-container" }, this.label && c("span", { key: "b7c8d8baa6210b81765c9ead697423262fc8b07a", class: "checkbox__label" }, this.label), this.description && c("span", { key: "4aa4382779e0a3f6661051903f989055deeb85d6", class: "checkbox__description" }, this.description))));
   }
 };
-x.style = d;
+x.style = k;
 export {
   x as swirl_checkbox
 };

package/dist/{swirl-chip.entry.bd2dad7b.js → swirl-chip.entry.52ca695f.js} RENAMED Viewed

@@ -1,9 +1,9 @@
-import { r as t, c as o, h as r, H as h, g as n } from "./index.a5290183.js";
-import { c as p } from "./index-d280dafb.186cdb0e.js";
-import { g as l } from "./utils-c5f2f98f.af14538a.js";
+import { r as t, c as o, h as r, H as h, g as n } from "./index.9d32bf5e.js";
+import { c as p } from "./index-267776a4.6beb4f4b.js";
+import { g as l } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
-const d = ".sc-swirl-chip-h{position:relative;display:inline-flex;max-width:100%}.sc-swirl-chip-h *.sc-swirl-chip{box-sizing:border-box}.chip.sc-swirl-chip{display:inline-flex;overflow:hidden;max-width:100%;height:2.5rem;padding:0;border:0.0625rem solid var(--s-border-default);border-radius:1.25rem;color:var(--s-text-subdued);background-color:var(--s-surface-overlay-default);font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);flex-direction:column}.chip--size-s.sc-swirl-chip{height:2rem}.chip--size-s.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:calc(1.5rem + var(--s-space-12))}.chip--size-s.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.chip--size-s.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{top:var(--s-space-4);width:1.5rem;height:1.5rem}.chip--interactive.sc-swirl-chip{cursor:pointer}.chip--interactive.sc-swirl-chip:hover{background-color:var(--s-surface-overlay-hovered)}.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip::part(avatar){background-color:var(--s-surface-raised-hovered)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip{background-color:var(--s-surface-raised-default)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-surface-raised-hovered)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-surface-overlay-pressed)}.chip--interactive.sc-swirl-chip:active{background-color:var(--s-surface-overlay-pressed)}.chip--interactive.sc-swirl-chip:active .sc-swirl-chip::part(avatar){background-color:var(--s-surface-raised-pressed)}.chip--interactive.sc-swirl-chip:active+.chip__remove-button.sc-swirl-chip{background-color:var(--s-surface-overlay-pressed)}.chip--icon-color-highlight.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-highlight)}.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:calc(1.875rem + var(--s-space-12))}.chip--intent-critical.sc-swirl-chip{border-color:var(--s-border-critical);color:var(--s-text-critical)}.chip--intent-critical.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-critical)}.chip--border-radius-sm.sc-swirl-chip{border-radius:var(--s-border-radius-sm)}.chip--intent-success.sc-swirl-chip{border-color:var(--s-border-success);color:var(--s-text-success)}.chip--intent-success.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-success)}.chip--variant-outline.chip--pressed.sc-swirl-chip{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.chip--variant-outline.chip--pressed.sc-swirl-chip:hover{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip:active{background-color:var(--s-action-primary-pressed)}.chip--variant-outline.chip--pressed.sc-swirl-chip:active+.chip__remove-button.sc-swirl-chip{background-color:var(--s-action-primary-pressed)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-action-primary-pressed)}.chip--variant-plain.sc-swirl-chip{height:auto;border:none;border-radius:0;background-color:transparent}.chip--variant-plain.chip--interactive.sc-swirl-chip:hover{background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.chip--variant-plain.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip::part(avatar){background-color:var(--s-surface-raised-hovered)}.chip--variant-plain.chip--interactive.sc-swirl-chip:active{background-color:transparent}.chip--variant-plain.chip--interactive.sc-swirl-chip:active .sc-swirl-chip::part(avatar){background-color:var(--s-surface-raised-pressed)}.chip--variant-plain.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:var(--s-space-12)}.chip--variant-plain.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{position:relative;top:0;right:auto}.chip--variant-plain.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:0;padding-left:0}.chip--has-progress.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{top:0.1875rem}.chip__inner.sc-swirl-chip{display:inline-flex;max-width:100%;height:100%;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center}.chip__avatar.sc-swirl-chip,.chip__icon.sc-swirl-chip{display:inline-flex;margin-right:var(--s-space-8);flex-shrink:0}.chip__avatar.sc-swirl-chip{overflow:hidden;width:1.75rem;height:1.75rem;margin-left:-0.625rem}.chip__icon.sc-swirl-chip{margin-left:-0.25rem;color:var(--s-icon-default)}.chip__label.sc-swirl-chip{overflow:hidden;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.chip__progress-indicator.sc-swirl-chip{width:100%}.chip__remove-button.sc-swirl-chip{position:absolute;top:0.3125rem;right:var(--s-space-4);display:inline-flex;width:1.875rem;height:1.875rem;padding:0;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-default);background-color:var(--s-surface-overlay-default);cursor:pointer}.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-surface-overlay-hovered)}.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-surface-overlay-pressed)}", v = class {
+const d = ".sc-swirl-chip-h{position:relative;display:inline-flex;max-width:100%}.sc-swirl-chip-h *.sc-swirl-chip{box-sizing:border-box}.chip.sc-swirl-chip{display:inline-flex;overflow:hidden;max-width:100%;height:2.5rem;padding:0;border:0.0625rem solid var(--s-border-default);border-radius:1.25rem;color:var(--s-text-subdued);background-color:var(--s-surface-overlay-default);font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);flex-direction:column}.chip--size-s.sc-swirl-chip{height:2rem}.chip--size-s.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:calc(1.5rem + var(--s-space-12))}.chip--size-s.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.chip--size-s.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{top:var(--s-space-4);width:1.5rem;height:1.5rem}.chip--interactive.sc-swirl-chip{cursor:pointer}.chip--interactive.sc-swirl-chip:hover{background-color:var(--s-surface-overlay-hovered)}.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip::part(avatar){background-color:var(--s-surface-raised-hovered)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip{background-color:var(--s-surface-raised-default)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-surface-raised-hovered)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-surface-overlay-pressed)}.chip--interactive.sc-swirl-chip:active{background-color:var(--s-surface-overlay-pressed)}.chip--interactive.sc-swirl-chip:active .sc-swirl-chip::part(avatar){background-color:var(--s-surface-raised-pressed)}.chip--interactive.sc-swirl-chip:active+.chip__remove-button.sc-swirl-chip{background-color:var(--s-surface-overlay-pressed)}.chip--icon-color-highlight.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-highlight)}.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:calc(1.875rem + var(--s-space-12))}.chip--intent-critical.sc-swirl-chip{border-color:var(--s-border-critical);color:var(--s-text-critical)}.chip--intent-critical.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-critical)}.chip--border-radius-sm.sc-swirl-chip{border-radius:var(--s-border-radius-sm)}.chip--intent-success.sc-swirl-chip{border-color:var(--s-border-success);color:var(--s-text-success)}.chip--intent-success.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-success)}.chip--variant-outline.chip--pressed.sc-swirl-chip{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.chip--variant-outline.chip--pressed.sc-swirl-chip:hover{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip:active{background-color:var(--s-action-primary-pressed)}.chip--variant-outline.chip--pressed.sc-swirl-chip:active+.chip__remove-button.sc-swirl-chip{background-color:var(--s-action-primary-pressed)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-action-primary-pressed)}.chip--variant-plain.sc-swirl-chip{height:auto;border:none;border-radius:0;background-color:transparent}.chip--variant-plain.chip--interactive.sc-swirl-chip:hover{background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.chip--variant-plain.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip::part(avatar){background-color:var(--s-surface-raised-hovered)}.chip--variant-plain.chip--interactive.sc-swirl-chip:active{background-color:transparent}.chip--variant-plain.chip--interactive.sc-swirl-chip:active .sc-swirl-chip::part(avatar){background-color:var(--s-surface-raised-pressed)}.chip--variant-plain.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:var(--s-space-12)}.chip--variant-plain.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{position:relative;top:0;right:auto}.chip--variant-plain.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:0;padding-left:0}.chip--has-progress.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{top:0.1875rem}.chip__inner.sc-swirl-chip{display:inline-flex;max-width:100%;height:100%;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center}.chip__avatar.sc-swirl-chip,.chip__icon.sc-swirl-chip{display:inline-flex;margin-right:var(--s-space-8);flex-shrink:0}.chip__avatar.sc-swirl-chip{overflow:hidden;width:1.75rem;height:1.75rem;margin-left:-0.625rem}.chip__icon.sc-swirl-chip{margin-left:-0.25rem;color:var(--s-icon-default)}.chip__label.sc-swirl-chip{overflow:hidden;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.chip__progress-indicator.sc-swirl-chip{width:100%}.chip__remove-button.sc-swirl-chip{position:absolute;top:0.3125rem;right:var(--s-space-4);display:inline-flex;width:1.875rem;height:1.875rem;padding:0;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-default);background-color:var(--s-surface-overlay-default);cursor:pointer}.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-surface-overlay-hovered)}.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-surface-overlay-pressed)}", v = d, u = class {
   constructor(e) {
     t(this, e), this.remove = o(this, "remove", 7), this.desktopMediaQuery = l(), this.desktopMediaQueryHandler = (i) => {
       this.forceIconProps(i.matches);
@@ -29,13 +29,13 @@ const d = ".sc-swirl-chip-h{position:relative;display:inline-flex;max-width:100%
       "chip--interactive": this.interactive || this.pressed !== void 0,
       "chip--removable": this.removable
     });
-    return r(h, null, r(e, { class: c, type: this.interactive ? "button" : void 0, "aria-pressed": this.pressed !== void 0 ? String(this.pressed) : void 0 }, r("span", { class: "chip__inner" }, i && r("span", { class: "chip__avatar" }, r("slot", { name: "avatar" })), s && r("span", { class: "chip__icon", innerHTML: this.icon, ref: (a) => this.iconEl = a }), r("span", { class: "chip__label" }, this.label)), this.progress !== void 0 && r("span", { class: "chip__progress-indicator" }, r("swirl-progress-indicator", { label: this.progressBarLabel, value: this.progress }))), this.removable && r("button", { "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.remove.emit }, r("swirl-icon-close", { size: 20 })));
+    return r(h, { key: "e1aa3d6e5abc5b8652930e204fd2f21350e750c7" }, r(e, { key: "2a0ff52f994baa202f73b92e6cf372a03b71e3b4", class: c, type: this.interactive ? "button" : void 0, "aria-pressed": this.pressed !== void 0 ? String(this.pressed) : void 0 }, r("span", { key: "a00655b888efce52d8651589b038b9b6ee790ce9", class: "chip__inner" }, i && r("span", { key: "72a8708c65be771c72030fd12e3abd277221d0c2", class: "chip__avatar" }, r("slot", { key: "bf7e00062f31a444d6d179da258ea9c1cce52822", name: "avatar" })), s && r("span", { key: "e814c8aa13d7f2b9485046ef33a9648f6b9c2167", class: "chip__icon", innerHTML: this.icon, ref: (a) => this.iconEl = a }), r("span", { key: "3c73c90ff4d494ae6df80eed949d435cc7aff829", class: "chip__label" }, this.label)), this.progress !== void 0 && r("span", { key: "2747a1413733286a482b470dfa938003509414eb", class: "chip__progress-indicator" }, r("swirl-progress-indicator", { key: "e01822a19fbb2d65181207f35270f7448f0f3d7f", label: this.progressBarLabel, value: this.progress }))), this.removable && r("button", { key: "c4d588616125ac9d1cb7eb3a9fd3fa643265f20f", "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.remove.emit }, r("swirl-icon-close", { key: "10e6bb7a44465b160fd3d6e95e06144f3c455515", size: 20 })));
   }
   get el() {
     return n(this);
   }
 };
-v.style = d;
+u.style = v;
 export {
-  v as swirl_chip
+  u as swirl_chip
 };

package/dist/{swirl-color-input.entry.225483fa.js → swirl-color-input.entry.ed1ac963.js} RENAMED Viewed

@@ -1,9 +1,9 @@
-import { r as L, c as g, h as l, H as B } from "./index.a5290183.js";
-import { c as T } from "./index-d280dafb.186cdb0e.js";
+import { r as L, c as f, h as l, H as B } from "./index.9d32bf5e.js";
+import { c as T } from "./index-267776a4.6beb4f4b.js";
 import { v as z } from "./v4-23648a96.77c7c20f.js";
 import "react";
 import "react-dom";
-const u = (e, t = 0, o = 1) => e > o ? o : e < t ? t : e, s = (e, t = 0, o = Math.pow(10, t)) => Math.round(o * e) / o, F = (e) => O(v(e)), v = (e) => (e[0] === "#" && (e = e.substring(1)), e.length < 6 ? {
+const d = (e, t = 0, o = 1) => e > o ? o : e < t ? t : e, s = (e, t = 0, o = Math.pow(10, t)) => Math.round(o * e) / o, F = (e) => O(v(e)), v = (e) => (e[0] === "#" && (e = e.substring(1)), e.length < 6 ? {
   r: parseInt(e[0] + e[0], 16),
   g: parseInt(e[1] + e[1], 16),
   b: parseInt(e[2] + e[2], 16),
@@ -33,12 +33,12 @@ const u = (e, t = 0, o = 1) => e > o ? o : e < t ? t : e, s = (e, t = 0, o = Mat
     b: s([n, n, p, o, o, a][b] * 255),
     a: s(i, 2)
   };
-}, d = (e) => {
+}, u = (e) => {
   const t = e.toString(16);
   return t.length < 2 ? "0" + t : t;
 }, D = ({ r: e, g: t, b: o, a: i }) => {
-  const r = i < 1 ? d(s(i * 255)) : "";
-  return "#" + d(e) + d(t) + d(o) + r;
+  const r = i < 1 ? u(s(i * 255)) : "";
+  return "#" + u(e) + u(t) + u(o) + r;
 }, O = ({ r: e, g: t, b: o, a: i }) => {
   const r = Math.max(e, t, o), n = r - Math.min(e, t, o), a = n ? r === e ? (t - o) / n : r === t ? 2 + (o - e) / n : 4 + (e - t) / n : 0;
   return {
@@ -57,22 +57,22 @@ const u = (e, t = 0, o = 1) => e > o ? o : e < t ? t : e, s = (e, t = 0, o = Mat
 }, N = (e, t) => e.toLowerCase() === t.toLowerCase() ? !0 : I(v(e), v(t)), y = {}, M = (e) => {
   let t = y[e];
   return t || (t = document.createElement("template"), t.innerHTML = e, y[e] = t), t;
-}, k = (e, t, o) => {
+}, x = (e, t, o) => {
   e.dispatchEvent(new CustomEvent(t, {
     bubbles: !0,
     detail: o
   }));
 };
 let c = !1;
-const x = (e) => "touches" in e, R = (e) => c && !x(e) ? !1 : (c || (c = x(e)), !0), C = (e, t) => {
-  const o = x(t) ? t.touches[0] : t, i = e.el.getBoundingClientRect();
-  k(e.el, "move", e.getMove({
-    x: u((o.pageX - (i.left + window.pageXOffset)) / i.width),
-    y: u((o.pageY - (i.top + window.pageYOffset)) / i.height)
+const k = (e) => "touches" in e, R = (e) => c && !k(e) ? !1 : (c || (c = k(e)), !0), C = (e, t) => {
+  const o = k(t) ? t.touches[0] : t, i = e.el.getBoundingClientRect();
+  x(e.el, "move", e.getMove({
+    x: d((o.pageX - (i.left + window.pageXOffset)) / i.width),
+    y: d((o.pageY - (i.top + window.pageYOffset)) / i.height)
   }));
 }, V = (e, t) => {
   const o = t.keyCode;
-  o > 40 || e.xy && o < 37 || o < 33 || (t.preventDefault(), k(e.el, "move", e.getMove({
+  o > 40 || e.xy && o < 37 || o < 33 || (t.preventDefault(), x(e.el, "move", e.getMove({
     x: o === 39 ? 0.01 : o === 37 ? -0.01 : o === 34 ? 0.05 : o === 33 ? -0.05 : o === 35 ? 1 : o === 36 ? -1 : 0,
     y: o === 40 ? 0.01 : o === 38 ? -0.01 : 0
   }, !0)));
@@ -129,7 +129,7 @@ class j extends _ {
     ]), this.el.setAttribute("aria-valuenow", `${s(t)}`);
   }
   getMove(t, o) {
-    return { h: o ? u(this.h + t.x * 360, 0, 360) : 360 * t.x };
+    return { h: o ? d(this.h + t.x * 360, 0, 360) : 360 * t.x };
   }
 }
 class X extends _ {
@@ -150,35 +150,35 @@ class X extends _ {
   }
   getMove(t, o) {
     return {
-      s: o ? u(this.hsva.s + t.x * 100, 0, 100) : t.x * 100,
-      v: o ? u(this.hsva.v - t.y * 100, 0, 100) : Math.round(100 - t.y * 100)
+      s: o ? d(this.hsva.s + t.x * 100, 0, 100) : t.x * 100,
+      v: o ? d(this.hsva.v - t.y * 100, 0, 100) : Math.round(100 - t.y * 100)
     };
   }
 }
-const Y = ':host{display:flex;flex-direction:column;position:relative;width:200px;height:200px;user-select:none;-webkit-user-select:none;cursor:default}:host([hidden]){display:none!important}[role=slider]{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}[role=slider]:last-child{border-radius:0 0 8px 8px}[part$=pointer]{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;display:flex;place-content:center center;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}[part$=pointer]::after{content:"";width:100%;height:100%;border-radius:inherit;background-color:currentColor}[role=slider]:focus [part$=pointer]{transform:translate(-50%,-50%) scale(1.1)}', G = "[part=hue]{flex:0 0 24px;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}[part=hue-pointer]{top:50%;z-index:2}", J = "[part=saturation]{flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,rgba(255,255,255,0));box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}[part=saturation-pointer]{z-index:3}", h = Symbol("same"), f = Symbol("color"), $ = Symbol("hsva"), m = Symbol("update"), E = Symbol("parts"), H = Symbol("css"), S = Symbol("sliders");
+const Y = ':host{display:flex;flex-direction:column;position:relative;width:200px;height:200px;user-select:none;-webkit-user-select:none;cursor:default}:host([hidden]){display:none!important}[role=slider]{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}[role=slider]:last-child{border-radius:0 0 8px 8px}[part$=pointer]{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;display:flex;place-content:center center;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}[part$=pointer]::after{content:"";width:100%;height:100%;border-radius:inherit;background-color:currentColor}[role=slider]:focus [part$=pointer]{transform:translate(-50%,-50%) scale(1.1)}', G = "[part=hue]{flex:0 0 24px;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}[part=hue-pointer]{top:50%;z-index:2}", J = "[part=saturation]{flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,rgba(255,255,255,0));box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}[part=saturation-pointer]{z-index:3}", h = Symbol("same"), g = Symbol("color"), S = Symbol("hsva"), m = Symbol("update"), $ = Symbol("parts"), E = Symbol("css"), H = Symbol("sliders");
 class K extends HTMLElement {
   static get observedAttributes() {
     return ["color"];
   }
-  get [H]() {
+  get [E]() {
     return [Y, G, J];
   }
-  get [S]() {
+  get [H]() {
     return [X, j];
   }
   get color() {
-    return this[f];
+    return this[g];
   }
   set color(t) {
     if (!this[h](t)) {
       const o = this.colorModel.toHsva(t);
-      this[m](o), this[f] = t;
+      this[m](o), this[g] = t;
     }
   }
   constructor() {
     super();
-    const t = M(`<style>${this[H].join("")}</style>`), o = this.attachShadow({ mode: "open" });
-    o.appendChild(t.content.cloneNode(!0)), o.addEventListener("move", this), this[E] = this[S].map((i) => new i(o));
+    const t = M(`<style>${this[E].join("")}</style>`), o = this.attachShadow({ mode: "open" });
+    o.appendChild(t.content.cloneNode(!0)), o.addEventListener("move", this), this[$] = this[H].map((i) => new i(o));
   }
   connectedCallback() {
     if (this.hasOwnProperty("color")) {
@@ -192,16 +192,16 @@ class K extends HTMLElement {
     this[h](r) || (this.color = r);
   }
   handleEvent(t) {
-    const o = this[$], i = { ...o, ...t.detail };
+    const o = this[S], i = { ...o, ...t.detail };
     this[m](i);
     let r;
-    !I(i, o) && !this[h](r = this.colorModel.fromHsva(i)) && (this[f] = r, k(this, "color-changed", { value: r }));
+    !I(i, o) && !this[h](r = this.colorModel.fromHsva(i)) && (this[g] = r, x(this, "color-changed", { value: r }));
   }
   [h](t) {
     return this.color && this.colorModel.equal(t, this.color);
   }
   [m](t) {
-    this[$] = t, this[E].forEach((o) => o.update(t));
+    this[S] = t, this[$].forEach((o) => o.update(t));
   }
 }
 const Q = {
@@ -219,9 +219,9 @@ class U extends K {
 class W extends U {
 }
 customElements.define("hex-color-picker", W);
-const Z = ".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-input-h *.sc-swirl-color-input{box-sizing:border-box}.color-input.sc-swirl-color-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.color-input--inline.sc-swirl-color-input .color-input__preview-button.sc-swirl-color-input{width:1.5rem;height:1.5rem;margin-top:-0.125rem;margin-right:-0.25rem;margin-bottom:-0.125rem}.color-input__input.sc-swirl-color-input{display:inline-flex;width:100%;margin:0;padding:0;flex-grow:1;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)}.color-input__input.sc-swirl-color-input:focus{outline:none}.color-input__input.sc-swirl-color-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.color-input__input.sc-swirl-color-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.color-input__preview-button.sc-swirl-color-input{width:2.75rem;height:2.75rem;margin-top:-1.25rem;flex-shrink:0;border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-s);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}", tt = class {
+const Z = ".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-input-h *.sc-swirl-color-input{box-sizing:border-box}.color-input.sc-swirl-color-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.color-input--inline.sc-swirl-color-input .color-input__preview-button.sc-swirl-color-input{width:1.5rem;height:1.5rem;margin-top:-0.125rem;margin-right:-0.25rem;margin-bottom:-0.125rem}.color-input__input.sc-swirl-color-input{display:inline-flex;width:100%;margin:0;padding:0;flex-grow:1;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)}.color-input__input.sc-swirl-color-input:focus{outline:none}.color-input__input.sc-swirl-color-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.color-input__input.sc-swirl-color-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.color-input__preview-button.sc-swirl-color-input{width:2.75rem;height:2.75rem;margin-top:-1.25rem;flex-shrink:0;border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-s);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}", tt = Z, et = class {
   constructor(e) {
-    L(this, e), this.inputBlur = g(this, "inputBlur", 7), this.inputFocus = g(this, "inputFocus", 7), this.valueChange = g(this, "valueChange", 7), this.pickerId = `color-picker-${z()}`, this.onPickerChange = (t) => {
+    L(this, e), this.inputBlur = f(this, "inputBlur", 7), this.inputFocus = f(this, "inputFocus", 7), this.valueChange = f(this, "valueChange", 7), this.pickerId = `color-picker-${z()}`, this.onPickerChange = (t) => {
       this.value = t.detail.value;
     }, this.onChange = (t) => {
       const o = t.target;
@@ -253,9 +253,9 @@ const Z = ".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-inpu
     const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, t = T("color-input", {
       "color-input--inline": this.inline
     });
-    return l(B, null, l("div", { class: t }, l("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (o) => this.inputEl = o, required: this.required, spellcheck: "false", type: "text", value: this.value }), l("swirl-popover-trigger", { swirlPopover: this.pickerId }, l("button", { "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+    return l(B, { key: "98a2c4811db2878869fae5db662cd7767c3ffcdc" }, l("div", { key: "0338b6e9e57e0315a742fd96692bc66067393da3", class: t }, l("input", { key: "6e100e8966bcd60bf2465ede86079f678ced8d43", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (o) => this.inputEl = o, required: this.required, spellcheck: "false", type: "text", value: this.value }), l("swirl-popover-trigger", { key: "6ccb9681fd2e9d126c1acf03bd962ad137c4565e", swirlPopover: this.pickerId }, l("button", { key: "fb7013e7d2d9d6c52e13d5e1eebfd96210fa4658", "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
       backgroundColor: this.disabled ? "var(--s-border-subdued)" : this.value
-    }, type: "button" })), l("swirl-popover", { animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { color: this.value, ref: (o) => this.picker = o })))));
+    }, type: "button" })), l("swirl-popover", { key: "b707ac5ab4944d3a499b86106a458b439441d94a", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "3c3bf1b7641da5c09bb058b3aa72785f9cb65b65", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "a02885a6cf9ecce9826ccb6198c75c638c9d6d22", color: this.value, ref: (o) => this.picker = o })))));
   }
   static get watchers() {
     return {
@@ -263,7 +263,7 @@ const Z = ".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-inpu
     };
   }
 };
-tt.style = Z;
+et.style = tt;
 export {
-  tt as swirl_color_input
+  et as swirl_color_input
 };

package/dist/swirl-columns.entry.97902107.js ADDED Viewed

@@ -0,0 +1,18 @@
+import { r as o, h as s, H as t } from "./index.9d32bf5e.js";
+import "react";
+import "react-dom";
+const e = ":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}", i = e, r = class {
+  constructor(a) {
+    o(this, a), this.columns = "repeat(3, minmax(0, 1fr))", this.spacing = void 0;
+  }
+  render() {
+    return s(t, { key: "a4a09d1bf9d6ffe04d31a4c472f42b22242e078c" }, s("div", { key: "78bd1eca4903375d2f0d21006baaf4763fde5376", class: "columns", style: {
+      gridTemplateColumns: this.columns,
+      gap: `var(--s-space-${this.spacing})`
+    } }, s("slot", { key: "632c8a4105f12ac1446850d4fa83be1a25a81b85" })));
+  }
+};
+r.style = i;
+export {
+  r as swirl_columns
+};

package/dist/swirl-components-react.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { a as o, S, b as s, d as w, e, f as n, i as c, j as I, k as t, l as d, m as b, n as m, o as y, p, q as u, s as g, t as h, u as C, v as A, w as k, x as L, y as T, z as F, A as P, B as f, C as M, D as R, E as v, G as D, I as B, J as E, K as V, L as x, M as G, N as O, O as H, P as N, Q as j, R as U, T as W, U as z, V as K, W as X, X as Y, Y as q, Z as J, _ as Q, $ as Z, a0 as _, a1 as $, a2 as aa, a3 as ia, a4 as la, a5 as ra, a6 as oa, a7 as Sa, a8 as sa, a9 as wa, aa as ea, ab as na, ac as ca, ad as Ia, ae as ta, af as da, ag as ba, ah as ma, ai as ya, aj as pa, ak as ua, al as ga, am as ha, an as Ca, ao as Aa, ap as ka, aq as La, ar as Ta, as as Fa, at as Pa, au as fa, av as Ma, aw as Ra, ax as va, ay as Da, az as Ba, aA as Ea, aB as Va, aC as xa, aD as Ga, aE as Oa, aF as Ha, aG as Na, aH as ja, aI as Ua, aJ as Wa, aK as za, aL as Ka, aM as Xa, aN as Ya, aO as qa, aP as Ja, aQ as Qa, aR as Za, aS as _a, aT as $a, aU as ai, aV as ii, aW as li, aX as ri, aY as oi, aZ as Si, a_ as si, a$ as wi, b0 as ei, b1 as ni, b2 as ci, b3 as Ii, b4 as ti, b5 as di, b6 as bi, b7 as mi, b8 as yi, b9 as pi, ba as ui, bb as gi, bc as hi, bd as Ci, be as Ai, bf as ki, bg as Li, bh as Ti, bi as Fi, bj as Pi, bk as fi, bl as Mi, bm as Ri, bn as vi, bo as Di, bp as Bi, bq as Ei, br as Vi, bs as xi, bt as Gi, bu as Oi, bv as Hi, bw as Ni, bx as ji, by as Ui, bz as Wi, bA as zi, bB as Ki, bC as Xi, bD as Yi, bE as qi, bF as Ji, bG as Qi, bH as Zi, bI as _i, bJ as $i, bK as al, bL as il, bM as ll, bN as rl, bO as ol, bP as Sl, bQ as sl, bR as wl, bS as el, bT as nl, bU as cl, bV as Il, bW as tl, bX as dl, bY as bl, bZ as ml, b_ as yl, b$ as pl, c0 as ul, c1 as gl, c2 as hl, c3 as Cl, c4 as Al, c5 as kl, c6 as Ll, c7 as Tl, c8 as Fl, c9 as Pl, ca as fl, cb as Ml, cc as Rl, cd as vl, ce as Dl, cf as Bl, cg as El, ch as Vl, ci as xl, cj as Gl, ck as Ol, cl as Hl, cm as Nl, cn as jl, co as Ul, cp as Wl, cq as zl, cr as Kl, cs as Xl, ct as Yl, cu as ql, cv as Jl, cw as Ql, cx as Zl, cy as _l, cz as $l, cA as ar, cB as ir, cC as lr, cD as rr, cE as or, cF as Sr, cG as sr, cH as wr, cI as er, cJ as nr, cK as cr, cL as Ir, cM as tr, cN as dr, cO as br, cP as mr, cQ as yr, cR as pr, cS as ur, cT as gr, cU as hr, cV as Cr, cW as Ar, cX as kr, cY as Lr, cZ as Tr, c_ as Fr, c$ as Pr, d0 as fr, d1 as Mr, d2 as Rr, d3 as vr, d4 as Dr, d5 as Br, d6 as Er, d7 as Vr, d8 as xr, d9 as Gr, da as Or, db as Hr, dc as Nr, dd as jr, de as Ur, df as Wr, dg as zr, dh as Kr, di as Xr, dj as Yr, dk as qr, dl as Jr, dm as Qr, dn as Zr, dp as _r, dq as $r, dr as ao, ds as io, dt as lo, du as ro, dv as oo, dw as So, dx as so, dy as wo, dz as eo, dA as no, dB as co, dC as Io, dD as to, dE as bo, dF as mo, dG as yo, dH as po, dI as uo, dJ as go, dK as ho, dL as Co, dM as Ao, dN as ko, dO as Lo, dP as To, dQ as Fo, dR as Po, dS as fo, dT as Mo, dU as Ro, dV as vo, dW as Do, dX as Bo, dY as Eo, dZ as Vo, d_ as xo, d$ as Go, e0 as Oo, e1 as Ho, e2 as No, e3 as jo, e4 as Uo, e5 as Wo, e6 as zo, e7 as Ko, e8 as Xo, e9 as Yo, ea as qo, eb as Jo, ec as Qo, ed as Zo, ee as _o, ef as $o, eg as aS, eh as iS, ei as lS } from "./index.a5290183.js";
+import { a as o, S, b as s, d as w, e, f as n, i as c, j as I, k as t, l as d, m as b, n as m, o as y, p, q as u, s as g, t as h, u as C, v as A, w as k, x as L, y as T, z as F, A as P, B as f, C as M, D as R, E as v, G as D, I as B, J as E, K as V, L as x, M as G, N as O, O as H, P as N, Q as j, R as U, T as W, U as z, V as K, W as X, X as Y, Y as q, Z as J, _ as Q, $ as Z, a0 as _, a1 as $, a2 as aa, a3 as ia, a4 as la, a5 as ra, a6 as oa, a7 as Sa, a8 as sa, a9 as wa, aa as ea, ab as na, ac as ca, ad as Ia, ae as ta, af as da, ag as ba, ah as ma, ai as ya, aj as pa, ak as ua, al as ga, am as ha, an as Ca, ao as Aa, ap as ka, aq as La, ar as Ta, as as Fa, at as Pa, au as fa, av as Ma, aw as Ra, ax as va, ay as Da, az as Ba, aA as Ea, aB as Va, aC as xa, aD as Ga, aE as Oa, aF as Ha, aG as Na, aH as ja, aI as Ua, aJ as Wa, aK as za, aL as Ka, aM as Xa, aN as Ya, aO as qa, aP as Ja, aQ as Qa, aR as Za, aS as _a, aT as $a, aU as ai, aV as ii, aW as li, aX as ri, aY as oi, aZ as Si, a_ as si, a$ as wi, b0 as ei, b1 as ni, b2 as ci, b3 as Ii, b4 as ti, b5 as di, b6 as bi, b7 as mi, b8 as yi, b9 as pi, ba as ui, bb as gi, bc as hi, bd as Ci, be as Ai, bf as ki, bg as Li, bh as Ti, bi as Fi, bj as Pi, bk as fi, bl as Mi, bm as Ri, bn as vi, bo as Di, bp as Bi, bq as Ei, br as Vi, bs as xi, bt as Gi, bu as Oi, bv as Hi, bw as Ni, bx as ji, by as Ui, bz as Wi, bA as zi, bB as Ki, bC as Xi, bD as Yi, bE as qi, bF as Ji, bG as Qi, bH as Zi, bI as _i, bJ as $i, bK as al, bL as il, bM as ll, bN as rl, bO as ol, bP as Sl, bQ as sl, bR as wl, bS as el, bT as nl, bU as cl, bV as Il, bW as tl, bX as dl, bY as bl, bZ as ml, b_ as yl, b$ as pl, c0 as ul, c1 as gl, c2 as hl, c3 as Cl, c4 as Al, c5 as kl, c6 as Ll, c7 as Tl, c8 as Fl, c9 as Pl, ca as fl, cb as Ml, cc as Rl, cd as vl, ce as Dl, cf as Bl, cg as El, ch as Vl, ci as xl, cj as Gl, ck as Ol, cl as Hl, cm as Nl, cn as jl, co as Ul, cp as Wl, cq as zl, cr as Kl, cs as Xl, ct as Yl, cu as ql, cv as Jl, cw as Ql, cx as Zl, cy as _l, cz as $l, cA as ar, cB as ir, cC as lr, cD as rr, cE as or, cF as Sr, cG as sr, cH as wr, cI as er, cJ as nr, cK as cr, cL as Ir, cM as tr, cN as dr, cO as br, cP as mr, cQ as yr, cR as pr, cS as ur, cT as gr, cU as hr, cV as Cr, cW as Ar, cX as kr, cY as Lr, cZ as Tr, c_ as Fr, c$ as Pr, d0 as fr, d1 as Mr, d2 as Rr, d3 as vr, d4 as Dr, d5 as Br, d6 as Er, d7 as Vr, d8 as xr, d9 as Gr, da as Or, db as Hr, dc as Nr, dd as jr, de as Ur, df as Wr, dg as zr, dh as Kr, di as Xr, dj as Yr, dk as qr, dl as Jr, dm as Qr, dn as Zr, dp as _r, dq as $r, dr as ao, ds as io, dt as lo, du as ro, dv as oo, dw as So, dx as so, dy as wo, dz as eo, dA as no, dB as co, dC as Io, dD as to, dE as bo, dF as mo, dG as yo, dH as po, dI as uo, dJ as go, dK as ho, dL as Co, dM as Ao, dN as ko, dO as Lo, dP as To, dQ as Fo, dR as Po, dS as fo, dT as Mo, dU as Ro, dV as vo, dW as Do, dX as Bo, dY as Eo, dZ as Vo, d_ as xo, d$ as Go, e0 as Oo, e1 as Ho, e2 as No, e3 as jo, e4 as Uo, e5 as Wo, e6 as zo, e7 as Ko, e8 as Xo, e9 as Yo, ea as qo, eb as Jo, ec as Qo, ed as Zo, ee as _o, ef as $o, eg as aS, eh as iS, ei as lS } from "./index.9d32bf5e.js";
 import "react";
 import "react-dom";
 export {