@ed.yakovich/component-library 0.0.13 → 0.0.15

package/dist/prism-banner.entry-D1sce4tY.js

@@ -0,0 +1,105 @@
+import { r as o, c as e, h as a, H as n, g as l } from "./index-D9BZSjMp.js";
+import { m as c } from "./index-44540db3-BN5vFHKr.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v8.28.0 - made with ❤️ in Philadelphia
+ */
+const m = ':host{--prism-button-background-alpha-percentage:35%;display:block;max-width:var(--prism-banner-size-max-width,inherit);width:100%}:host(.toast){display:block;position:fixed;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:var(--prism-layout-z-index-fixed)}:host(.toast.top-center){left:50%;right:auto;top:calc(var(--prism-spacer-size-xxl) + var(--prism-banner-offset-y, .1rem));transform:translateX(-50%)}:host(.toast.top-right){left:auto;right:calc(var(--prism-spacer-size-xxl) + var(--prism-banner-offset-x, .1rem));top:calc(var(--prism-spacer-size-xxl) + var(--prism-banner-offset-y, .1rem))}:host(.toast.top-left){left:calc(var(--prism-spacer-size-xxl) + var(--prism-banner-offset-x, .1rem));right:auto;top:calc(var(--prism-spacer-size-xxl) + var(--prism-banner-offset-y, .1rem))}:host(.toast.bottom-center){bottom:calc(var(--prism-spacer-size-xxl) + var(--prism-banner-offset-y, .1rem));left:50%;right:auto;transform:translateX(-50%)}:host(.toast.bottom-right){bottom:calc(var(--prism-spacer-size-xxl) + var(--prism-banner-offset-y, .1rem));left:auto;right:calc(var(--prism-spacer-size-xxl) + var(--prism-banner-offset-x, .1rem))}:host(.toast.bottom-left){bottom:calc(var(--prism-spacer-size-xxl) + var(--prism-banner-offset-y, .1rem));left:calc(var(--prism-spacer-size-xxl) + var(--prism-banner-offset-x, .1rem));right:auto}.layout{display:grid;grid-template-areas:"icon end" "content end" "action end";grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;place-items:var(--prism-banner-layout-align-items,flex-start) var(--prism-banner-layout-justify-items,flex-start)}.layout.inline{gap:var(--prism-spacer-size-sm);grid-template-areas:"icon content action end";grid-template-columns:auto 1fr auto auto;grid-template-rows:auto}:host(.toast) .layout{place-items:var(--prism-banner-layout-align-items,center) var(--prism-banner-layout-justify-items,flex-start)}.prism-banner-container{border:var(--prism-banner-border-width,0) solid color-mix(in srgb,var(--prism-banner-border-color,var(--prism-color-border-primary-base)) var(--prism-banner-border-alpha-percentage,var(--prism-alpha-tertiary-percentage)),transparent)}::slotted([slot=icon]){grid-area:icon}::slotted([slot=action]){grid-area:action}@media (min-width:640px){.layout.inline{gap:var(--prism-spacer-size-sm);grid-template-areas:"icon content action end";grid-template-columns:auto 1fr auto;grid-template-rows:auto}.layout.inline ::slotted([slot=action]){margin-top:0}}@media (min-width:768px){.layout{display:grid;gap:var(--prism-spacer-size-md)}.layout.stacked-inline{grid-template-areas:"icon content action end";grid-template-columns:auto 1fr auto auto;grid-template-rows:1fr}::slotted([slot=icon]){margin-bottom:0}::slotted([slot=action]){margin-top:0}}.content{grid-area:content}.notification{border-radius:var(--prism-radius-size-md);padding:var(--prism-banner-spacing-padding,var(--prism-spacer-size-lg))}@media (min-width:1024px){.notification{padding:var(--prism-banner-spacing-padding,var(--prism-spacer-size-xxl))}}.system{padding:var(--prism-banner-spacing-padding,var(--prism-spacer-size-lg) var(--prism-spacer-size-xxl))}@media (min-width:768px){.system{padding:var(--prism-banner-spacing-padding,var(--prism-spacer-size-3xl))}}@media (min-width:1024px){.system{padding-left:4rem;padding-right:4rem}}.toast{border-radius:var(--prism-radius-size-md);box-shadow:var(--prism-shadow-sm-base);padding:var(--prism-banner-spacing-padding,var(--prism-spacer-size-sm) var(--prism-spacer-size-lg))}.high{color:var(--prism-color-text-primary-inverse-base)}.low{color:var(--prism-color-text-primary-base)}.info{background-color:var(--prism-color-fill-info-base)}.primary-brand{background-color:var(--prism-color-fill-brand-primary-base)}.secondary-brand{background-color:var(--prism-color-fill-brand-secondary-base)}.success{background-color:var(--prism-color-fill-success-base)}.caution{background-color:var(--prism-color-fill-caution-base)}.danger{background-color:var(--prism-color-fill-danger-base)}.primary{background-color:var(--prism-color-fill-primary-base)}.primary-inverse,.secondary-inverse{background-color:var(--prism-color-fill-primary-inverse-base);color:var(--prism-color-text-primary-base)}.secondary-inverse{color:var(--prism-color-text-secondary-base)}.secondary{background-color:var(--prism-color-fill-secondary-base)}.low.info{background-color:var(--prism-color-material-info-base)}:host(.toast) .low.info{color:var(--prism-color-text-info-base)}.low.primary-brand{background-color:var(--prism-color-material-brand-primary-base)}:host(.toast) .low.primary-brand{color:var(--prism-color-text-brand-primary-base)}.low.success{background-color:var(--prism-color-material-success-base)}:host(.toast) .low.success{color:var(--prism-color-text-positive-base)}.low.caution{background-color:var(--prism-color-material-caution-base)}:host(.toast) .low.caution{color:var(--prism-color-text-caution-base)}.low.danger{background-color:var(--prism-color-material-danger-base)}:host(.toast) .low.danger{color:var(--prism-color-text-negative-base)}.low.primary{background-color:var(--prism-color-material-primary-base)}.low.primary-inverse,.low.secondary-inverse{background-color:var(--prism-color-material-primary-inverse-base);color:var(--prism-color-text-primary-inverse-base)}:host(.toast) .low.primary{color:var(--prism-color-text-primary-base)}.low.secondary{background-color:var(--prism-color-material-secondary-base)}:host(.toast) .low.secondary{color:var(--prism-color-text-secondary-base)}.high.expressive-brand-linear{background-image:var(--prism-color-gradient-linear-brand-primary)}.high.expressive-brand-linear,.high.linear-accent-100{background-color:var(--prism-color-fill-brand-primary-base)}.high.linear-accent-100{background-image:var(--prism-color-gradient-linear-accent-100)}.high.linear-accent-200{background-image:var(--prism-color-gradient-linear-accent-200)}.high.linear-accent-200,.high.linear-accent-300{background-color:var(--prism-color-fill-brand-primary-base)}.high.linear-accent-300{background-image:var(--prism-color-gradient-linear-accent-300)}.high.linear-accent-400{background-image:var(--prism-color-gradient-linear-accent-400)}.high.linear-accent-400,.high.linear-accent-500{background-color:var(--prism-color-fill-brand-primary-base)}.high.linear-accent-500{background-image:var(--prism-color-gradient-linear-accent-500)}.high.linear-accent-600{background-color:var(--prism-color-fill-brand-primary-base);background-image:var(--prism-color-gradient-linear-accent-600)}.close{grid-area:end}', d = m, p = class {
+  constructor(r) {
+    o(this, r), this.prismAutoDismiss = e(this, "prismAutoDismiss", 7), this.prismClick = e(this, "prismClick", 7), this.autoDismiss = this.variant === "toast" && !this.dismissible, this.dismissTimerID = void 0, this.body = this.el.closest("body"), this.runDismissTimer = () => {
+      this.open && (this.dismissTimerID = setTimeout(() => {
+        this.open = !1, this.enableLive = !1, this.prismAutoDismiss.emit({ name: "toast-auto-dismissed", open: this.open });
+      }, this.toastDismiss));
+    }, this.stopDismissTimer = () => {
+      this.dismissTimerID && (clearTimeout(this.dismissTimerID), this.dismissTimerID = void 0);
+    }, this.dismiss = (i) => {
+      this.open = !1;
+      const { currentTarget: s } = i, { id: t } = s;
+      this.prismClick.emit({ id: t, name: "dismiss", target: s });
+    }, this.slots = {
+      icon: !1,
+      action: !1
+    }, this.handleKeyDown = (i) => {
+      i.code === "Escape" && this.dismissible && this.dismiss(i);
+    }, this.handleMouseEnter = () => {
+      this.stopDismissTimer();
+    }, this.handleMouseLeave = () => {
+      this.runDismissTimer();
+    }, this.tone = "info", this.variant = "notification", this.layout = "stacked", this.toastPosition = "top-center", this.toastDismiss = 1e4, this.priority = "high", this.dismissible = !1, this.open = !0, this.dismissIcon = "close", this.enableLive = !1, this.dismissLabel = "close notification";
+  }
+  /**
+   * @description Public: Open Banner
+   */
+  async setOpen() {
+    this.enableLive = !0, this.open = !0;
+  }
+  /**
+   * @description Public: Close Banner
+   */
+  async setClose() {
+    this.enableLive = !1, this.open = !1;
+  }
+  /**
+   * @description Public: Stop the auto dismiss timer
+   */
+  async stopTimer() {
+    this.stopDismissTimer();
+  }
+  /**
+   * @description Public: Start the auto dismiss timer
+   */
+  async startTimer() {
+    this.runDismissTimer();
+  }
+  connectedCallback() {
+    this.slots.icon = !!this.el.querySelector('[slot="icon"]'), this.slots.action = !!this.el.querySelector('[slot="action"]'), c("prism-banner");
+  }
+  componentDidRender() {
+    this._toastDismiss();
+  }
+  componentDidLoad() {
+    var r, i, s;
+    this.dismissible && ((r = this.el) === null || r === void 0 || r.addEventListener("keydown", this.handleKeyDown)), this.variant === "toast" && this.autoDismiss && ((i = this.el) === null || i === void 0 || i.addEventListener("mouseenter", this.handleMouseEnter), (s = this.el) === null || s === void 0 || s.addEventListener("mouseleave", this.handleMouseLeave));
+  }
+  disconnectedCallback() {
+    var r, i, s;
+    (r = this.el) === null || r === void 0 || r.removeEventListener("keydown", this.handleKeyDown), (i = this.el) === null || i === void 0 || i.removeEventListener("mouseenter", this.handleMouseEnter), (s = this.el) === null || s === void 0 || s.removeEventListener("mouseleave", this.handleMouseLeave);
+  }
+  _toastDismiss() {
+    this.autoDismiss && (clearTimeout(this.dismissTimerID), this.runDismissTimer());
+  }
+  watchOpen(r) {
+    r ? (this.dismissible && setTimeout(() => {
+      var i;
+      (i = this.dismissButton) === null || i === void 0 || i.setFocus();
+    }, 0), this._toastDismiss()) : setTimeout(() => {
+      var i;
+      (i = this.referElement) === null || i === void 0 || i.focus();
+    }, 0);
+  }
+  render() {
+    const r = this.variant === "toast" ? "polite" : this.enableLive === !0 ? this.tone !== "danger" ? "polite" : "assertive" : null;
+    return a(n, { key: "2db5d6132a32b8fb0c8e81ebe7a54514f897d4b3", class: {
+      toast: this.variant === "toast",
+      [this.toastPosition]: this.variant === "toast"
+    }, role: this.variant === "toast" ? "alert" : "complementary", "aria-hidden": !this.open.toString(), "aria-label": this.variant === "toast" ? null : "notification", "aria-live": r }, this.open && a("section", { key: "f0cf1f4e1e622bd4dd27068df2af0854baebbcdc", class: {
+      "prism-banner-container": !0,
+      [this.variant]: !0,
+      [this.priority]: !0,
+      layout: !0,
+      [this.layout]: !0,
+      [this.tone]: !0
+    } }, this.slots.icon && a("slot", { key: "6e643f2504647960c628be405da67401d2b70f3a", name: "icon" }), a("section", { key: "4505f56949e3e870697b8201945aba0119fa4416", part: "content", class: { status: !0, content: !0 } }, a("slot", { key: "63c889ea1259b6971806f0a19c4e69d1314dd494" })), this.slots.action && a("slot", { key: "9ca46807066c6f7ee856b3cb25880cfb62ef6045", name: "action" }), this.dismissible && a("prism-button", { key: "d0cf4f1b354ad34c297d0283c40074e345c106c5", ref: (i) => this.dismissButton = i, display: "ghost-icon", size: "xs", tone: this.priority === "high" ? "primary-inverse" : this.tone, part: "close", class: "close", label: this.dismissLabel, onPrismClick: (i) => this.dismiss(i) }, a("prism-icon", { key: "5fa3f05ea41acac6b0f32ddc728478b78cda6d09", tone: this.priority === "high" ? "primary-inverse" : "primary", name: this.dismissIcon, display: "outline", size: "sm", class: { icon: !0 } }))));
+  }
+  get el() {
+    return l(this);
+  }
+  static get watchers() {
+    return {
+      open: ["watchOpen"]
+    };
+  }
+};
+p.style = d;
+export {
+  p as prism_banner
+};

package/dist/prism-breadcrumb.entry-C282yHQl.js

@@ -0,0 +1,33 @@
+import { r as l, c as m, h as t, F as a, H as p, g as c } from "./index-D9BZSjMp.js";
+import { m as h } from "./index-44540db3-BN5vFHKr.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v8.28.0 - made with ❤️ in Philadelphia
+ */
+const d = ":host{display:block;padding:var(--prism-spacer-size-xs);width:100%}.hidden-text{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.menu-items{list-style-type:none;margin:0;padding:0}.menu-items,.menu-items li{align-items:center;display:flex}.menu-items li{margin-right:0}.menu-item,::slotted(.menu-item){clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.active{border-bottom:2px solid var(--prism-color-border-brand-primary-base);color:var(--prism-color-text-brand-primary-base);padding:1px}.active,.menu-action{--prism-text-max-width:10ch}.menu-action{--prism-text-overflow:ellipsis;--prism-button-text-white-space:nowrap;--prism-text-visual-overflow:hidden;--prism-text-display:block}@media (min-width:640px){.menu-item,::slotted(.menu-item){clip:auto;height:auto;margin:0;overflow:visible;padding:0;position:static;white-space:normal;width:auto}.active,.menu-action{--prism-text-max-width:inherit;max-width:inherit}}", u = d, b = class {
+  constructor(r) {
+    l(this, r), this.prismMenu = m(this, "prismMenu", 7), this.prismClick = m(this, "prismClick", 7), this._menuItemClicked = (e) => {
+      const { currentTarget: i } = e, { label: s, prismId: n } = i;
+      this.prismClick.emit({ id: n, name: s, target: i });
+    }, this.menu = [], this.root = "/", this.homeIcon = "home", this.hideHomeIcon = !1, this.arrowPriority = "primary", this.arrowSize = "xs";
+  }
+  connectedCallback() {
+    h("prism-breadcrumb");
+  }
+  componentWillLoad() {
+    this.prismMenu.emit({ name: "breadcrumb", menu: this.menu });
+  }
+  render() {
+    const r = () => t("prism-icon", { class: "arrow", role: "presentation", name: "caret_right_button", size: this.arrowSize, priority: this.arrowPriority });
+    return t(p, null, t("ol", { ref: (e) => this.menuItems = e, class: "menu-items", part: "menu" }, t("li", { class: "home" }, this.hideHomeIcon ? null : t(a, null, t("prism-button", { onPrismClick: (e) => this._menuItemClicked(e), class: { "menu-action": !0 }, size: "xs", display: "ghost-icon", tone: "primary", href: this.root, label: "Return Home" }, t("prism-icon", { role: "presentation", name: this.homeIcon, display: "fill", size: "xs" })), t(r, null))), this.menu.map((e, i) => {
+      let s = this.menu.length - 1 === i, n = this.menu.length - 2 === i;
+      return t("li", { class: { "menu-item": !s && !n, parent: n } }, s ? t("span", { class: "active" }, t("prism-text", { ellipsis: !0, as: "button-md" }, e.title), " ", t("span", { class: "hidden-text" }, "Current page")) : t(a, null, t("prism-button", { onPrismClick: (o) => this._menuItemClicked(o), class: { "menu-action": !0 }, display: "menu", tone: "primary", target: e.target, href: e.href }, e.title), t(r, null)));
+    }), t("slot", null)));
+  }
+  get el() {
+    return c(this);
+  }
+};
+b.style = u;
+export {
+  b as prism_breadcrumb
+};

package/dist/prism-button_3.entry-DIg1AEXF.js

@@ -0,0 +1,240 @@
+import { r as c, c as n, h as o, F as b, H as l, g as d } from "./index-D9BZSjMp.js";
+import { g as u, m, c as v } from "./index-44540db3-BN5vFHKr.js";
+import { D as h } from "./purify-9647b094-0-ZyuBNz.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v8.28.0 - made with ❤️ in Philadelphia
+ */
+const g = '.sc-prism-button-h{box-sizing:border-box;display:var(--prism-button-display,inline-block);width:var(--prism-button-size-width,auto)}[type=button].sc-prism-button-h,[type=reset].sc-prism-button-h,[type=submit].sc-prism-button-h{-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn.sc-prism-button{background-color:initial;background-image:none;border:2px solid transparent;border-radius:var(--prism-button-size-radius,var(--prism-radius-size-sm));box-sizing:border-box;cursor:pointer;justify-content:var(--prism-button-items-justify,center);justify-items:center;margin:var(--prism-button-spacing-margin,0);outline:2px solid transparent;outline-offset:2px;padding:var(--prism-button-spacing-padding,0);position:relative;text-align:var(--prism-button-text-align,inherit);-webkit-text-decoration-line:var(--prism-button-text-decoration-line,none);text-decoration-line:var(--prism-button-text-decoration-line,none);transition:all var(--prism-animation-duration-normal) var(--prism-animation-timing-function);white-space:var(--prism-button-text-white-space,normal);width:var(--prism-button-size-width,100%)}.btn.sc-prism-button:focus-visible{outline:2px solid transparent;outline-offset:2px}.dir-col.sc-prism-button,.dir-col-reverse.sc-prism-button,.dir-row.sc-prism-button,.dir-row-reverse.sc-prism-button{display:flex;gap:var(--prism-button-spacing-gap,var(--prism-spacer-size-xs));place-items:center var(--prism-button-items-justify,center)}.dir-row.sc-prism-button{flex-direction:row}.dir-row-reverse.sc-prism-button{flex-direction:row-reverse}.dir-col.sc-prism-button{flex-direction:column}.dir-col-reverse.sc-prism-button{flex-direction:column-reverse}.sc-prism-button-s>[css-slot^=icon]{transition:all var(--prism-animation-duration-normal) var(--prism-animation-timing-function)}.text.sc-prism-button{-webkit-text-decoration-line:var(--prism-button-text-decoration-line,none);text-decoration-line:var(--prism-button-text-decoration-line,none);transition:all var(--prism-animation-duration-normal) var(--prism-animation-timing-function)}.btn.xxs.sc-prism-button{padding:var(--prism-button-spacing-padding,var(--prism-spacer-size-xxs) var(--prism-spacer-size-md))}.xxs.compact.sc-prism-button,.xxs.ghost-icon.sc-prism-button{padding:var(--prism-button-spacing-padding,var(--prism-spacer-size-xxs))}.btn.xs.sc-prism-button{padding:var(--prism-button-spacing-padding,var(--prism-spacer-size-sm) var(--prism-spacer-size-lg))}.xs.compact.sc-prism-button,.xs.ghost-icon.sc-prism-button{padding:var(--prism-button-spacing-padding,var(--prism-spacer-size-sm))}.btn.sm.sc-prism-button{padding:var(--prism-button-spacing-padding,var(--prism-spacer-size-sm-plus) var(--prism-spacer-size-xxl))}.sm.compact.sc-prism-button,.sm.ghost-icon.sc-prism-button{padding:var(--prism-button-spacing-padding,var(--prism-spacer-size-sm-plus))}.btn.md.sc-prism-button{padding:var(--prism-button-spacing-padding,14px var(--prism-spacer-size-3xl))}.md.compact.sc-prism-button,.md.ghost-icon.sc-prism-button{padding:var(--prism-button-spacing-padding,14px)}.btn.lg.sc-prism-button{padding:var(--prism-button-spacing-padding,var(--prism-spacer-size-lg) var(--prism-spacer-size-3xl))}.lg.compact.sc-prism-button,.lg.ghost-icon.sc-prism-button{padding:var(--prism-button-spacing-padding,var(--prism-spacer-size-lg))}.menu-button.lg.sc-prism-button,.menu-button.md.sc-prism-button,.menu-button.xl.sc-prism-button,.menu-button.xs.sc-prism-button,.menu-button.xxl.sc-prism-button,.menu-button.xxs.sc-prism-button{padding:var(--prism-button-spacing-padding,var(--prism-spacer-size-sm) var(--prism-spacer-size-xs))}.ghost.lg.sc-prism-button,.ghost.md.sc-prism-button,.ghost.xl.sc-prism-button,.ghost.xs.sc-prism-button,.ghost.xxl.sc-prism-button,.ghost.xxs.sc-prism-button,.link.lg.sc-prism-button,.link.md.sc-prism-button,.link.xl.sc-prism-button,.link.xs.sc-prism-button,.link.xxl.sc-prism-button,.link.xxs.sc-prism-button{padding:var(--prism-button-spacing-padding,0)}.fill.primary.sc-prism-button{background-color:var(--prism-color-fill-primary-base);color:var(--prism-color-text-primary-inverse-base)}.fill.primary.sc-prism-button:not(.disabled):hover{background-color:var(--prism-color-fill-primary-hover)}.fill.primary.sc-prism-button:not(.disabled):active{background-color:var(--prism-color-fill-primary-down)}.fill.primary.sc-prism-button:not(.disabled):focus-visible{background-color:var(--prism-color-fill-primary-focus);outline-color:var(--prism-color-border-primary-base)}.fill.secondary.sc-prism-button{background-color:var(--prism-color-fill-secondary-base);color:var(--prism-color-text-primary-inverse-base)}.fill.secondary.sc-prism-button:not(.disabled):hover{background-color:var(--prism-color-fill-secondary-hover)}.fill.secondary.sc-prism-button:not(.disabled):active{background-color:var(--prism-color-fill-secondary-down)}.fill.secondary.sc-prism-button:not(.disabled):focus-visible{background-color:var(--prism-color-fill-secondary-focus);outline-color:var(--prism-color-border-secondary-base)}.fill.primary-inverse.sc-prism-button{background-color:var(--prism-color-fill-primary-inverse-base);color:var(--prism-color-text-primary-base)}.fill.primary-inverse.sc-prism-button:not(.disabled):hover{background-color:var(--prism-color-fill-primary-inverse-hover)}.fill.primary-inverse.sc-prism-button:not(.disabled):active{background-color:var(--prism-color-fill-primary-inverse-down)}.fill.primary-inverse.sc-prism-button:not(.disabled):focus-visible{background-color:var(--prism-color-fill-primary-inverse-focus);outline-color:var(--prism-color-border-primary-inverse-base)}.fill.secondary-inverse.sc-prism-button{background-color:var(--prism-color-fill-primary-inverse-base);color:var(--prism-color-text-secondary-base)}.fill.secondary-inverse.sc-prism-button:not(.disabled):hover{background-color:var(--prism-color-fill-primary-inverse-hover)}.fill.secondary-inverse.sc-prism-button:not(.disabled):active{background-color:var(--prism-color-fill-primary-inverse-active)}.fill.secondary-inverse.sc-prism-button:not(.disabled):focus-visible{background-color:var(--prism-color-fill-primary-inverse-focus);outline-color:var(--prism-color-border-primary-inverse-base)}.fill.primary-brand.sc-prism-button{background-color:var(--prism-color-fill-brand-primary-base);color:var(--prism-color-text-primary-inverse-base)}.fill.primary-brand.sc-prism-button:not(.disabled):hover{background-color:var(--prism-color-fill-brand-primary-hover)}.fill.primary-brand.sc-prism-button:not(.disabled):active{background-color:var(--prism-color-fill-brand-primary-down)}.fill.primary-brand.sc-prism-button:not(.disabled):focus-visible{background-color:var(--prism-color-fill-brand-primary-focus);outline-color:var(--prism-color-border-brand-primary-base)}.fill.expressive-brand-linear.sc-prism-button{background-color:var(--prism-color-fill-brand-primary-base);background-image:var(--prism-color-gradient-linear-brand-primary);background-origin:border-box;color:var(--prism-color-text-primary-inverse-base)}.fill.expressive-brand-linear.sc-prism-button:not(.disabled):hover{background-color:var(--prism-color-fill-brand-primary-hover);background-image:none}.fill.expressive-brand-linear.sc-prism-button:not(.disabled):active{background-color:var(--prism-color-fill-brand-primary-down);background-image:none}.fill.expressive-brand-linear.sc-prism-button:not(.disabled):focus-visible{background-color:var(--prism-color-fill-brand-primary-focus);background-image:none;outline-color:var(--prism-color-border-brand-primary-base)}.fill.linear-accent-100.sc-prism-button{background-color:var(--prism-color-fill-brand-primary-base);background-image:var(--prism-color-gradient-linear-accent-100);background-origin:border-box;color:var(--prism-color-text-primary-inverse-base)}.fill.linear-accent-100.sc-prism-button:not(.disabled):hover{background-color:var(--prism-color-fill-brand-primary-hover);background-image:none}.fill.linear-accent-100.sc-prism-button:not(.disabled):active{background-color:var(--prism-color-fill-brand-primary-down);background-image:none}.fill.linear-accent-100.sc-prism-button:not(.disabled):focus-visible{background-color:var(--prism-color-fill-brand-primary-focus);background-image:none;outline-color:var(--prism-color-border-brand-primary-base)}.fill.linear-accent-200.sc-prism-button{background-color:var(--prism-color-fill-brand-primary-base);background-image:var(--prism-color-gradient-linear-accent-200);background-origin:border-box;color:var(--prism-color-text-primary-inverse-base)}.fill.linear-accent-200.sc-prism-button:not(.disabled):hover{background-color:var(--prism-color-fill-brand-primary-hover);background-image:none}.fill.linear-accent-200.sc-prism-button:not(.disabled):active{background-color:var(--prism-color-fill-brand-primary-down);background-image:none}.fill.linear-accent-200.sc-prism-button:not(.disabled):focus-visible{background-color:var(--prism-color-fill-brand-primary-focus);background-image:none;outline-color:var(--prism-color-border-brand-primary-base)}.fill.linear-accent-300.sc-prism-button{background-color:var(--prism-color-fill-brand-primary-base);background-image:var(--prism-color-gradient-linear-accent-300);background-origin:border-box;color:var(--prism-color-text-primary-inverse-base)}.fill.linear-accent-300.sc-prism-button:not(.disabled):hover{background-color:var(--prism-color-fill-brand-primary-hover);background-image:none}.fill.linear-accent-300.sc-prism-button:not(.disabled):active{background-color:var(--prism-color-fill-brand-primary-down);background-image:none}.fill.linear-accent-300.sc-prism-button:not(.disabled):focus-visible{background-color:var(--prism-color-fill-brand-primary-focus);background-image:none;outline-color:var(--prism-color-border-brand-primary-base)}.fill.linear-accent-400.sc-prism-button{background-color:var(--prism-color-fill-brand-primary-base);background-image:var(--prism-color-gradient-linear-accent-400);background-origin:border-box;color:var(--prism-color-text-primary-inverse-base)}.fill.linear-accent-400.sc-prism-button:not(.disabled):hover{background-color:var(--prism-color-fill-brand-primary-hover);background-image:none}.fill.linear-accent-400.sc-prism-button:not(.disabled):active{background-color:var(--prism-color-fill-brand-primary-down);background-image:none}.fill.linear-accent-400.sc-prism-button:not(.disabled):focus-visible{background-color:var(--prism-color-fill-brand-primary-focus);background-image:none;outline-color:var(--prism-color-border-brand-primary-base)}.fill.linear-accent-500.sc-prism-button{background-color:var(--prism-color-fill-brand-primary-base);background-image:var(--prism-color-gradient-linear-accent-500);background-origin:border-box;color:var(--prism-color-text-primary-inverse-base)}.fill.linear-accent-500.sc-prism-button:not(.disabled):hover{background-color:var(--prism-color-fill-brand-primary-hover);background-image:none}.fill.linear-accent-500.sc-prism-button:not(.disabled):active{background-color:var(--prism-color-fill-brand-primary-down);background-image:none}.fill.linear-accent-500.sc-prism-button:not(.disabled):focus-visible{background-color:var(--prism-color-fill-brand-primary-focus);background-image:none;outline-color:var(--prism-color-border-brand-primary-base)}.fill.linear-accent-600.sc-prism-button{background-color:var(--prism-color-fill-brand-primary-base);background-image:var(--prism-color-gradient-linear-accent-600);background-origin:border-box;color:var(--prism-color-text-primary-inverse-base)}.fill.linear-accent-600.sc-prism-button:not(.disabled):hover{background-color:var(--prism-color-fill-brand-primary-hover);background-image:none}.fill.linear-accent-600.sc-prism-button:not(.disabled):active{background-color:var(--prism-color-fill-brand-primary-down);background-image:none}.fill.linear-accent-600.sc-prism-button:not(.disabled):focus-visible{background-color:var(--prism-color-fill-brand-primary-focus);background-image:none;outline-color:var(--prism-color-border-brand-primary-base)}.fill.secondary-brand.sc-prism-button{background-color:var(--prism-color-fill-brand-secondary-base);color:var(--prism-color-text-primary-inverse-base)}.fill.secondary-brand.sc-prism-button:not(.disabled):hover{background-color:var(--prism-color-fill-brand-secondary-hover)}.fill.secondary-brand.sc-prism-button:not(.disabled):active{background-color:var(--prism-color-fill-brand-secondary-down)}.fill.secondary-brand.sc-prism-button:not(.disabled):focus-visible{background-color:var(--prism-color-fill-brand-secondary-focus);outline-color:var(--prism-color-border-brand-secondary-base)}.fill.info.sc-prism-button{background-color:var(--prism-color-fill-info-base);color:var(--prism-color-text-primary-inverse-base)}.fill.info.sc-prism-button:not(.disabled):hover{background-color:var(--prism-color-fill-info-hover)}.fill.info.sc-prism-button:not(.disabled):active{background-color:var(--prism-color-fill-info-down)}.fill.info.sc-prism-button:not(.disabled):focus-visible{background-color:var(--prism-color-fill-info-focus);outline-color:var(--prism-color-border-info-base)}.fill.caution.sc-prism-button{background-color:var(--prism-color-fill-caution-base);color:var(--prism-color-text-primary-inverse-base)}.fill.caution.sc-prism-button:not(.disabled):hover{background-color:var(--prism-color-fill-caution-hover)}.fill.caution.sc-prism-button:not(.disabled):active{background-color:var(--prism-color-fill-caution-down)}.fill.caution.sc-prism-button:not(.disabled):focus-visible{background-color:var(--prism-color-fill-caution-focus);outline-color:var(--prism-color-border-caution-base)}.fill.success.sc-prism-button{background-color:var(--prism-color-fill-success-base);color:var(--prism-color-text-primary-inverse-base)}.fill.success.sc-prism-button:not(.disabled):hover{background-color:var(--prism-color-fill-success-hover)}.fill.success.sc-prism-button:not(.disabled):active{background-color:var(--prism-color-fill-success-down)}.fill.success.sc-prism-button:not(.disabled):focus-visible{background-color:var(--prism-color-fill-success-focus);outline-color:var(--prism-color-border-success-base)}.fill.danger.sc-prism-button{background-color:var(--prism-color-fill-danger-base);color:var(--prism-color-text-primary-inverse-base)}.fill.danger.sc-prism-button:not(.disabled):hover{background-color:var(--prism-color-fill-danger-hover)}.fill.danger.sc-prism-button:not(.disabled):active{background-color:var(--prism-color-fill-danger-down)}.fill.danger.sc-prism-button:not(.disabled):focus-visible{background-color:var(--prism-color-fill-danger-focus);outline-color:var(--prism-color-border-danger-base)}.outline.primary.sc-prism-button{background-color:initial;border-color:color-mix(in srgb,var(--prism-color-border-primary-base) var(--prism-alpha-tertiary-percentage),transparent);color:var(--prism-color-text-primary-base)}.outline.primary.sc-prism-button:not(.disabled):hover{background-color:var(--prism-color-fill-primary-hover);color:var(--prism-color-text-primary-inverse-hover)}.outline.primary.sc-prism-button:not(.disabled):active{background-color:var(--prism-color-fill-primary-down);color:var(--prism-color-text-primary-inverse-down)}.outline.primary.sc-prism-button:not(.disabled):focus-visible{background-color:var(--prism-color-fill-primary-focus);color:var(--prism-color-text-primary-inverse-focus);outline-color:var(--prism-color-border-primary-base)}.outline.secondary.sc-prism-button{background-color:initial;border-color:color-mix(in srgb,var(--prism-color-border-secondary-base) var(--prism-alpha-tertiary-percentage),transparent);color:var(--prism-color-text-secondary-base)}.outline.secondary.sc-prism-button:not(.disabled):hover{background-color:var(--prism-color-fill-secondary-hover);color:var(--prism-color-text-primary-inverse-hover)}.outline.secondary.sc-prism-button:not(.disabled):active{background-color:var(--prism-color-fill-secondary-down);color:var(--prism-color-text-primary-inverse-down)}.outline.secondary.sc-prism-button:not(.disabled):focus-visible{background-color:var(--prism-color-fill-secondary-focus);color:var(--prism-color-text-primary-inverse-focus);outline-color:var(--prism-color-border-secondary-base)}.outline.primary-inverse.sc-prism-button{background-color:initial;border-color:color-mix(in srgb,var(--prism-color-border-primary-inverse-base) var(--prism-alpha-tertiary-percentage),transparent);color:var(--prism-color-text-primary-inverse-base)}.outline.primary-inverse.sc-prism-button:not(.disabled):hover{background-color:var(--prism-color-fill-primary-inverse-hover);color:var(--prism-color-text-primary-hover)}.outline.primary-inverse.sc-prism-button:not(.disabled):active{background-color:var(--prism-color-fill-primary-inverse-down);color:var(--prism-color-text-primary-down)}.outline.primary-inverse.sc-prism-button:not(.disabled):focus-visible{background-color:var(--prism-color-fill-primary-inverse-focus);color:var(--prism-color-text-primary-focus);outline-color:var(--prism-color-border-primary-inverse-base)}.outline.primary-brand.sc-prism-button{background-color:initial;border-color:color-mix(in srgb,var(--prism-color-border-brand-primary-base) var(--prism-alpha-tertiary-percentage),transparent);color:var(--prism-color-text-brand-primary-base)}.outline.primary-brand.sc-prism-button:not(.disabled):hover{background-color:var(--prism-color-fill-brand-primary-hover);color:var(--prism-color-text-primary-inverse-hover)}.outline.primary-brand.sc-prism-button:not(.disabled):active{background-color:var(--prism-color-fill-brand-primary-down);color:var(--prism-color-text-primary-inverse-down)}.outline.primary-brand.sc-prism-button:not(.disabled):focus-visible{background-color:var(--prism-color-fill-brand-primary-focus);color:var(--prism-color-text-primary-inverse-focus);outline-color:var(--prism-color-border-brand-primary-base)}.outline.secondary-brand.sc-prism-button{background-color:initial;border-color:color-mix(in srgb,var(--prism-color-border-brand-secondary-base) var(--prism-alpha-tertiary-percentage),transparent);color:var(--prism-color-text-brand-secondary-base)}.outline.secondary-brand.sc-prism-button:not(.disabled):hover{background-color:var(--prism-color-fill-brand-secondary-hover);color:var(--prism-color-text-primary-inverse-hover)}.outline.secondary-brand.sc-prism-button:not(.disabled):active{background-color:var(--prism-color-fill-brand-secondary-down);color:var(--prism-color-text-primary-inverse-down)}.outline.secondary-brand.sc-prism-button:not(.disabled):focus-visible{background-color:var(--prism-color-fill-brand-secondary-focus);color:var(--prism-color-text-primary-inverse-focus);outline-color:var(--prism-color-border-brand-secondary-base)}.outline.info.sc-prism-button{background-color:initial;border-color:color-mix(in srgb,var(--prism-color-border-info-base) var(--prism-alpha-tertiary-percentage),transparent);color:var(--prism-color-text-info-base)}.outline.info.sc-prism-button:not(.disabled):hover{background-color:var(--prism-color-fill-info-hover);color:var(--prism-color-text-primary-inverse-hover)}.outline.info.sc-prism-button:not(.disabled):active{background-color:var(--prism-color-fill-info-down);color:var(--prism-color-text-primary-inverse-down)}.outline.info.sc-prism-button:not(.disabled):focus-visible{background-color:var(--prism-color-fill-info-focus);color:var(--prism-color-text-primary-inverse-focus);outline-color:var(--prism-color-border-info-base)}.outline.success.sc-prism-button{background-color:initial;border-color:color-mix(in srgb,var(--prism-color-border-success-base) var(--prism-alpha-tertiary-percentage),transparent);color:var(--prism-color-text-success-base)}.outline.success.sc-prism-button:not(.disabled):hover{background-color:var(--prism-color-fill-success-hover);color:var(--prism-color-text-primary-inverse-base)}.outline.success.sc-prism-button:not(.disabled):active{background-color:var(--prism-color-fill-success-down);color:var(--prism-color-text-primary-inverse-down)}.outline.success.sc-prism-button:not(.disabled):focus-visible{background-color:var(--prism-color-fill-success-focus);color:var(--prism-color-text-primary-inverse-focus);outline-color:var(--prism-color-border-success-base)}.outline.caution.sc-prism-button{background-color:initial;border-color:color-mix(in srgb,var(--prism-color-border-caution-base) var(--prism-alpha-tertiary-percentage),transparent);color:var(--prism-color-text-caution-base)}.outline.caution.sc-prism-button:not(.disabled):hover{background-color:var(--prism-color-fill-caution-hover);color:var(--prism-color-text-primary-inverse-base)}.outline.caution.sc-prism-button:not(.disabled):active{background-color:var(--prism-color-fill-caution-down);color:var(--prism-color-text-primary-inverse-down)}.outline.caution.sc-prism-button:not(.disabled):focus-visible{background-color:var(--prism-color-fill-caution-focus);color:var(--prism-color-text-primary-inverse-focus);outline-color:var(--prism-color-border-caution-base)}.outline.danger.sc-prism-button{background-color:initial;border-color:color-mix(in srgb,var(--prism-color-border-danger-base) var(--prism-alpha-tertiary-percentage),transparent);color:var(--prism-color-text-danger-base)}.outline.danger.sc-prism-button:not(.disabled):hover{background-color:var(--prism-color-fill-danger-hover);color:var(--prism-color-text-primary-inverse-base)}.outline.danger.sc-prism-button:not(.disabled):active{background-color:var(--prism-color-fill-danger-down);color:var(--prism-color-text-primary-inverse-down)}.outline.danger.sc-prism-button:not(.disabled):focus-visible{background-color:var(--prism-color-fill-danger-focus);color:var(--prism-color-text-primary-inverse-focus);outline-color:var(--prism-color-border-danger-base)}.ghost.sc-prism-button{border-radius:var(--prism-button-ghost-size-radius,var(--prism-radius-size-xs))}.ghost.sc-prism-button:after{background-color:var(--prism-button-ghost-selected-color,transparent);bottom:-.125rem;content:"";height:.125rem;position:absolute;transition:all var(--prism-animation-duration-normal) var(--prism-animation-timing-function);width:0}.ghost.active.sc-prism-button:after,.ghost.sc-prism-button:hover:after{width:100%}.ghost.primary.sc-prism-button{color:var(--prism-color-text-primary-base)}.ghost.primary.sc-prism-button:not(.disabled):hover{color:var(--prism-color-text-primary-hover)}.ghost.primary.sc-prism-button:not(.disabled):active{color:var(--prism-color-text-primary-down)}.ghost.primary.sc-prism-button:not(.disabled):hover:after{background-color:var(--prism-color-fill-primary-hover)}.ghost.primary.active.sc-prism-button:after{background-color:var(--prism-color-fill-primary-base)}.ghost.primary.sc-prism-button:not(.disabled):active:after{color:var(--prism-color-text-primary-down)}.ghost.primary.sc-prism-button:not(.disabled):focus-visible{outline-color:var(--prism-color-border-primary-base)}.ghost.secondary.sc-prism-button{color:var(--prism-color-text-secondary-base)}.ghost.secondary.sc-prism-button:not(.disabled):hover{color:var(--prism-color-text-secondary-hover)}.ghost.secondary.sc-prism-button:not(.disabled):active{color:var(--prism-color-text-secondary-down)}.ghost.secondary.sc-prism-button:not(.disabled):hover:after{color:var(--prism-color-text-secondary-hover)}.ghost.secondary.active.sc-prism-button:after{background-color:var(--prism-color-fill-secondary-base)}.ghost.secondary.sc-prism-button:not(.disabled):active:after{background-color:var(--prism-color-fill-secondary-down)}.ghost.secondary.sc-prism-button:not(.disabled):focus-visible{outline-color:var(--prism-color-border-secondary-base)}.ghost.primary-inverse.sc-prism-button{color:var(--prism-color-text-primary-inverse-base)}.ghost.primary-inverse.sc-prism-button:not(.disabled):hover{color:var(--prism-color-text-primary-inverse-hover)}.ghost.primary-inverse.sc-prism-button:not(.disabled):active{color:var(--prism-color-text-primary-inverse-down)}.ghost.primary-inverse.sc-prism-button:not(.disabled):hover:after{background-color:var(--prism-color-fill-primary-inverse-hover)}.ghost.primary-inverse.active.sc-prism-button:after{background-color:var(--prism-color-fill-primary-inverse-base)}.ghost.primary-inverse.sc-prism-button:not(.disabled):active:after{background-color:var(--prism-color-fill-primary-inverse-down)}.ghost.primary-inverse.sc-prism-button:not(.disabled):focus-visible{outline-color:var(--prism-color-border-primary-inverse-base)}.ghost.success.sc-prism-button{color:var(--prism-color-text-success-base)}.ghost.success.sc-prism-button:not(.disabled):hover{color:var(--prism-color-text-success-hover)}.ghost.success.sc-prism-button:not(.disabled):active{color:var(--prism-color-text-success-down)}.ghost.success.sc-prism-button:not(.disabled):hover:after{background-color:var(--prism-color-fill-success-hover)}.ghost.success.active.sc-prism-button:after{background-color:var(--prism-color-fill-success-base)}.ghost.success.sc-prism-button:not(.disabled):active:after{background-color:var(--prism-color-fill-success-down)}.ghost.success.sc-prism-button:not(.disabled):focus-visible{color:var(--prism-color-text-success-base);outline-color:var(--prism-color-border-success-base)}.ghost.danger.sc-prism-button{color:var(--prism-color-text-danger-base)}.ghost.danger.sc-prism-button:not(.disabled):hover{color:var(--prism-color-text-danger-hover)}.ghost.danger.sc-prism-button:not(.disabled):active{color:var(--prism-color-text-danger-down)}.ghost.danger.sc-prism-button:not(.disabled):hover:after{background-color:var(--prism-color-fill-danger-hover)}.ghost.danger.active.sc-prism-button:after{background-color:var(--prism-color-fill-danger-base)}.ghost.danger.sc-prism-button:not(.disabled):active:after{background-color:var(--prism-color-fill-danger-down)}.ghost.danger.sc-prism-button:not(.disabled):focus-visible{color:var(--prism-color-text-danger-base);outline-color:var(--prism-color-border-danger-base)}.ghost.caution.sc-prism-button{color:var(--prism-color-text-caution-base)}.ghost.caution.sc-prism-button:not(.disabled):hover{color:var(--prism-color-text-caution-hover)}.ghost.caution.sc-prism-button:not(.disabled):active{color:var(--prism-color-text-caution-down)}.ghost.caution.sc-prism-button:not(.disabled):hover:after{background-color:var(--prism-color-fill-caution-hover)}.ghost.caution.active.sc-prism-button:after{background-color:var(--prism-color-fill-caution-base)}.ghost.caution.sc-prism-button:not(.disabled):active:after{background-color:var(--prism-color-fill-caution-down)}.ghost.caution.sc-prism-button:not(.disabled):focus-visible{color:var(--prism-color-text-caution-base);outline-color:var(--prism-color-border-caution-base)}.ghost.info.sc-prism-button{color:var(--prism-color-text-info-base)}.ghost.info.sc-prism-button:not(.disabled):hover{color:var(--prism-color-text-info-hover)}.ghost.info.sc-prism-button:not(.disabled):active{color:var(--prism-color-text-info-down)}.ghost.info.sc-prism-button:not(.disabled):hover:after{background-color:var(--prism-color-fill-info-hover)}.ghost.info.active.sc-prism-button:after{background-color:var(--prism-color-fill-info-base)}.ghost.info.sc-prism-button:not(.disabled):active:after{background-color:var(--prism-color-fill-info-down)}.ghost.info.sc-prism-button:not(.disabled):focus-visible{color:var(--prism-color-text-info-focus);outline-color:var(--prism-color-border-info-base)}.ghost.primary-brand.sc-prism-button{color:var(--prism-color-text-brand-primary-base)}.ghost.primary-brand.sc-prism-button:not(.disabled):hover{color:var(--prism-color-text-brand-primary-hover)}.ghost.primary-brand.sc-prism-button:not(.disabled):active{color:var(--prism-color-text-brand-primary-down)}.ghost.primary-brand.sc-prism-button:not(.disabled):hover:after{background-color:var(--prism-color-fill-brand-primary-hover)}.ghost.primary-brand.active.sc-prism-button:after{background-color:var(--prism-color-fill-brand-primary-base)}.ghost.primary-brand.sc-prism-button:not(.disabled):active:after{background-color:var(--prism-color-fill-brand-primary-down)}.ghost.primary-brand.sc-prism-button:not(.disabled):focus-visible{color:var(--prism-color-text-brand-primary-focus);outline-color:var(--prism-color-border-brand-primary-base)}.ghost.secondary-brand.sc-prism-button{color:var(--prism-color-text-brand-secondary-base)}.ghost.secondary-brand.sc-prism-button:not(.disabled):hover{color:var(--prism-color-text-brand-secondary-hover)}.ghost.secondary-brand.sc-prism-button:not(.disabled):active{color:var(--prism-color-text-brand-secondary-down)}.ghost.secondary-brand.sc-prism-button:not(.disabled):focus-visible{color:var(--prism-color-text-brand-secondary-focus);outline-color:var(--prism-color-border-brand-secondary-base)}.link.sc-prism-button{--prism-button-text-decoration-line:underline;border-radius:var(--prism-button-link-size-radius,var(--prism-radius-size-xs));border-width:0;white-space:var(--prism-button-text-white-space,normal)}.link.primary.sc-prism-button{color:var(--prism-color-text-primary-base)}.link.primary.sc-prism-button:not(.disabled):hover{color:var(--prism-color-text-primary-hover)}.link.primary.sc-prism-button:not(.disabled):active{color:var(--prism-color-text-primary-down)}.link.primary.sc-prism-button:not(.disabled):focus-visible{outline-color:var(--prism-color-border-primary-base)}.link.secondary.sc-prism-button{color:var(--prism-color-text-secondary-base)}.link.secondary.sc-prism-button:not(.disabled):hover{color:var(--prism-color-text-secondary-hover)}.link.secondary.sc-prism-button:not(.disabled):active{color:var(--prism-color-text-secondary-down)}.link.secondary.sc-prism-button:not(.disabled):focus-visible{outline-color:var(--prism-color-border-secondary-base)}.link.primary-inverse.sc-prism-button{color:var(--prism-color-text-primary-inverse-base)}.link.primary-inverse.sc-prism-button:not(.disabled):hover{color:var(--prism-color-text-primary-inverse-hover)}.link.primary-inverse.sc-prism-button:not(.disabled):active{color:var(--prism-color-text-primary-inverse-down)}.link.primary-inverse.sc-prism-button:not(.disabled):focus-visible{outline-color:var(--prism-color-border-primary-inverse-base)}.link.primary-brand.sc-prism-button{color:var(--prism-color-text-brand-primary-base)}.link.primary-brand.sc-prism-button:not(.disabled):hover{color:var(--prism-color-text-brand-primary-hover)}.link.primary-brand.sc-prism-button:not(.disabled):active{color:var(--prism-color-text-brand-primary-down)}.link.primary-brand.sc-prism-button:not(.disabled):focus-visible{outline-color:var(--prism-color-border-brand-primary-base)}.link.secondary-brand.sc-prism-button{color:var(--prism-color-text-brand-secondary-base)}.link.secondary-brand.sc-prism-button:not(.disabled):hover{color:var(--prism-color-text-brand-secondary-hover)}.link.secondary-brand.sc-prism-button:not(.disabled):active{color:var(--prism-color-text-brand-secondary-down)}.link.secondary-brand.sc-prism-button:not(.disabled):focus-visible{outline-color:var(--prism-color-border-brand-secondary-base)}.link.info.sc-prism-button{color:var(--prism-color-text-info-base)}.link.info.sc-prism-button:not(.disabled):hover{color:var(--prism-color-text-info-hover)}.link.info.sc-prism-button:not(.disabled):active{color:var(--prism-color-text-info-down)}.link.info.sc-prism-button:not(.disabled):focus-visible{outline-color:var(--prism-color-border-info-base)}.link.success.sc-prism-button{color:var(--prism-color-text-success-base)}.link.success.sc-prism-button:not(.disabled):hover{color:var(--prism-color-text-success-hover)}.link.success.sc-prism-button:not(.disabled):active{color:var(--prism-color-text-success-down)}.link.success.sc-prism-button:not(.disabled):focus-visible{outline-color:var(--prism-color-border-success-base)}.link.caution.sc-prism-button{color:var(--prism-color-text-caution-base)}.link.caution.sc-prism-button:not(.disabled):hover{color:var(--prism-color-text-caution-hover)}.link.caution.sc-prism-button:not(.disabled):active{color:var(--prism-color-text-caution-down)}.link.caution.sc-prism-button:not(.disabled):focus-visible{outline-color:var(--prism-color-border-caution-base)}.link.danger.sc-prism-button{color:var(--prism-color-text-danger-base)}.link.danger.sc-prism-button:not(.disabled):hover{color:var(--prism-color-text-danger-hover)}.link.danger.sc-prism-button:not(.disabled):active{color:var(--prism-color-text-danger-down)}.link.danger.sc-prism-button:not(.disabled):focus-visible{outline-color:var(--prism-color-border-danger-base)}.disabled.sc-prism-button{cursor:not-allowed;opacity:var(--prism-alpha-disabled)}.ghost-icon.primary-brand.sc-prism-button{color:var(--prism-color-text-brand-primary-base)}.ghost-icon.primary-brand.sc-prism-button:not(.disabled).active,.ghost-icon.primary-brand.sc-prism-button:not(.disabled):hover{background-color:color-mix(in srgb,var(--prism-color-material-brand-primary-hover) var(--prism-button-background-alpha-percentage,100%),transparent)}.ghost-icon.primary-brand.sc-prism-button:not(.disabled):active{background-color:color-mix(in srgb,var(--prism-color-material-brand-primary-down) var(--prism-button-background-alpha-percentage,100%),transparent);color:var(--prism-color-text-brand-primary-down)}.ghost-icon.primary-brand.sc-prism-button:not(.disabled):focus-visible{outline-color:var(--prism-color-border-brand-primary-focus)}.ghost-icon.primary.sc-prism-button{color:var(--prism-color-text-primary-base)}.ghost-icon.primary.sc-prism-button:not(.disabled).active,.ghost-icon.primary.sc-prism-button:not(.disabled):hover{background-color:color-mix(in srgb,var(--prism-color-material-primary-hover) var(--prism-button-background-alpha-percentage,100%),transparent)}.ghost-icon.primary.sc-prism-button:not(.disabled):active{background-color:color-mix(in srgb,var(--prism-color-material-primary-down) var(--prism-button-background-alpha-percentage,100%),transparent);color:var(--prism-color-text-primary-down)}.ghost-icon.primary.sc-prism-button:not(.disabled):focus-visible{outline-color:var(--prism-color-border-primary-focus)}.ghost-icon.secondary.sc-prism-button{color:var(--prism-color-text-secondary-base)}.ghost-icon.secondary.sc-prism-button:not(.disabled).active,.ghost-icon.secondary.sc-prism-button:not(.disabled):hover{background-color:color-mix(in srgb,var(--prism-color-material-secondary-hover) var(--prism-button-background-alpha-percentage,100%),transparent)}.ghost-icon.secondary.sc-prism-button:not(.disabled):active{background-color:color-mix(in srgb,var(--prism-color-material-secondary-down) var(--prism-button-background-alpha-percentage,100%),transparent);color:var(--prism-color-text-secondary-down)}.ghost-icon.secondary.sc-prism-button:not(.disabled):focus-visible{outline-color:var(--prism-color-border-secondary-focus)}.ghost-icon.primary-inverse.sc-prism-button{color:var(--prism-color-text-primary-base)}.ghost-icon.primary-inverse.sc-prism-button:not(.disabled).active,.ghost-icon.primary-inverse.sc-prism-button:not(.disabled):hover{background-color:color-mix(in srgb,var(--prism-color-material-primary-inverse-hover) var(--prism-button-background-alpha-percentage,100%),transparent);color:var(--prism-color-text-primary-inverse-hover)}.ghost-icon.primary-inverse.sc-prism-button:not(.disabled):active{background-color:color-mix(in srgb,var(--prism-color-material-primary-inverse-down) var(--prism-button-background-alpha-percentage,100%),transparent);color:var(--prism-color-text-primary-inverse-down)}.ghost-icon.primary-inverse.sc-prism-button:not(.disabled):focus-visible{outline-color:var(--prism-color-border-primary-inverse-focus)}.ghost-icon.secondary-inverse.sc-prism-button{color:var(--prism-color-text-primary-base)}.ghost-icon.secondary-inverse.sc-prism-button:not(.disabled).active,.ghost-icon.secondary-inverse.sc-prism-button:not(.disabled):hover{background-color:color-mix(in srgb,var(--prism-color-material-secondary-inverse-hover) var(--prism-button-background-alpha-percentage,100%),transparent);color:var(--prism-color-text-primary-inverse-hover)}.ghost-icon.secondary-inverse.sc-prism-button:not(.disabled):active{background-color:color-mix(in srgb,var(--prism-color-material-secondary-inverse-down) var(--prism-button-background-alpha-percentage,100%),transparent);color:var(--prism-color-text-primary-inverse-down)}.ghost-icon.secondary-inverse.sc-prism-button:not(.disabled):focus-visible{outline-color:var(--prism-color-border-primary-inverse-focus)}.ghost-icon.info.sc-prism-button{color:var(--prism-color-text-info-base)}.ghost-icon.info.sc-prism-button:not(.disabled).active,.ghost-icon.info.sc-prism-button:not(.disabled):hover{background-color:color-mix(in srgb,var(--prism-color-material-info-hover) var(--prism-button-background-alpha-percentage,100%),transparent)}.ghost-icon.info.sc-prism-button:not(.disabled):active{background-color:color-mix(in srgb,var(--prism-color-material-info-down) var(--prism-button-background-alpha-percentage,100%),transparent);color:var(--prism-color-text-info-down)}.ghost-icon.info.sc-prism-button:not(.disabled):focus-visible{outline-color:var(--prism-color-border-info-focus)}.ghost-icon.caution.sc-prism-button{color:var(--prism-color-text-caution-base)}.ghost-icon.caution.sc-prism-button:not(.disabled).active,.ghost-icon.caution.sc-prism-button:not(.disabled):hover{background-color:color-mix(in srgb,var(--prism-color-material-caution-hover) var(--prism-button-background-alpha-percentage,100%),transparent)}.ghost-icon.caution.sc-prism-button:not(.disabled):active{background-color:color-mix(in srgb,var(--prism-color-material-caution-down) var(--prism-button-background-alpha-percentage,100%),transparent);color:var(--prism-color-text-caution-down)}.ghost-icon.caution.sc-prism-button:not(.disabled):focus-visible{outline-color:var(--prism-color-border-caution-focus)}.ghost-icon.success.sc-prism-button{color:var(--prism-color-text-success-base)}.ghost-icon.success.sc-prism-button:not(.disabled).active,.ghost-icon.success.sc-prism-button:not(.disabled):hover{background-color:color-mix(in srgb,var(--prism-color-material-success-hover) var(--prism-button-background-alpha-percentage,100%),transparent)}.ghost-icon.success.sc-prism-button:not(.disabled):active{background-color:color-mix(in srgb,var(--prism-color-material-success-down) var(--prism-button-background-alpha-percentage,100%),transparent);color:var(--prism-color-text-success-down)}.ghost-icon.success.sc-prism-button:not(.disabled):focus-visible{outline-color:var(--prism-color-border-success-focus)}.ghost-icon.danger.sc-prism-button{color:var(--prism-color-text-danger-base)}.ghost-icon.danger.sc-prism-button:not(.disabled).active,.ghost-icon.danger.sc-prism-button:not(.disabled):hover{background-color:color-mix(in srgb,var(--prism-color-material-danger-hover) var(--prism-button-background-alpha-percentage,100%),transparent)}.ghost-icon.danger.sc-prism-button:not(.disabled):active{background-color:color-mix(in srgb,var(--prism-color-material-danger-down) var(--prism-button-background-alpha-percentage,100%),transparent);color:var(--prism-color-text-danger-down)}.ghost-icon.danger.sc-prism-button:not(.disabled):focus-visible{outline-color:var(--prism-color-border-danger-focus)}[data-display=menu].sc-prism-button-h{--prism-button-display:flex;--prism-button-size-width:100%}.menu-button.sc-prism-button{align-items:center;color:var(--prism-color-text-primary-base);gap:var(--prism-spacer-size-sm);justify-content:flex-start;width:100%}.menu-button.sc-prism-button .text.sc-prism-button{text-align:var(--prism-button-text-align,left)}.menu-button.sc-prism-button-s>[css-slot=icon-trailing],.menu-button .sc-prism-button-s>[css-slot=icon-trailing]{margin-left:auto}.menu-button.primary-brand.sc-prism-button{background-color:var(--prism-color-material-brand-primary-base)}.menu-button.primary-brand.sc-prism-button:not(.disabled):hover{background-color:var(--prism-color-material-brand-primary-hover)}.menu-button.primary-brand.sc-prism-button:not(.disabled):focus{background-color:var(--prism-color-material-brand-primary-focus);border-color:var(--prism-color-border-brand-primary-focus)}.menu-button.primary-brand.sc-prism-button:not(.disabled):active{background-color:var(--prism-color-material-brand-primary-down)}.menu-button.primary.sc-prism-button:not(.disabled):hover{background-color:var(--prism-color-material-primary-hover)}.menu-button.primary.sc-prism-button:not(.disabled):focus{background-color:var(--prism-color-material-primary-focus);border-color:var(--prism-color-border-brand-primary-focus)}.menu-button.primary.sc-prism-button:not(.disabled):active{background-color:var(--prism-color-material-primary-down)}.loading-spinner.sc-prism-button{display:grid;inset:0;opacity:var(--prism-alpha-hidden);position:absolute;transition:all var(--prism-animation-duration-normal) var(--prism-animation-timing-function)}.loading-spinner.spinner.sc-prism-button{place-self:center}.loading.sc-prism-button .text.sc-prism-button,.loading.sc-prism-button-s>[css-slot^=icon],.loading.sc-prism-button:after{opacity:var(--prism-alpha-inactive)}.loading.sc-prism-button .loading-spinner.sc-prism-button{opacity:var(--prism-alpha-primary)}@media (prefers-reduced-motion:reduce){.btn.sc-prism-button,.btn.sc-prism-button:after,.btn.sc-prism-button:hover,.loading-spinner.sc-prism-button,.text.sc-prism-button,.sc-prism-button-s>[css-slot^=icon]{transition:none}.ghost.sc-prism-button:after{transition:none}}.container.sc-prism-button{width:100%}@media (min-width:640px){.container.sc-prism-button{max-width:640px}}@media (min-width:768px){.container.sc-prism-button{max-width:768px}}@media (min-width:1024px){.container.sc-prism-button{max-width:1024px}}@media (min-width:1280px){.container.sc-prism-button{max-width:1280px}}@media (min-width:1536px){.container.sc-prism-button{max-width:1536px}}', f = g, y = class {
+  constructor(r) {
+    c(this, r), this.prismFocus = n(this, "prismFocus", 7), this.prismBlur = n(this, "prismBlur", 7), this.prismPress = n(this, "prismPress", 7), this.prismClick = n(this, "prismClick", 7), this.prismSubmit = n(this, "prismSubmit", 7), this.uid = u(), this.onFocus = (i) => {
+      let { currentTarget: s } = i, { id: t } = s;
+      this.prismFocus.emit({ id: t, target: s });
+    }, this.onBlur = (i) => {
+      let { currentTarget: s } = i, { id: t } = s;
+      this.prismBlur.emit({ id: t, target: s });
+    }, this.onClick = (i) => {
+      let { currentTarget: s } = i, { id: t } = s;
+      this.type === "submit" && this.prismSubmit.emit({ name: "submit", id: t, target: s }), this.prismPress.emit({ id: t, target: s }).defaultPrevented && i.preventDefault(), this.prismClick.emit({ id: t, target: s }).defaultPrevented && i.preventDefault();
+    }, this.prismId = `prism-button-${this.uid}`, this.disabled = void 0, this.expanded = void 0, this.current = void 0, this.describedby = void 0, this.labelledby = void 0, this.selected = void 0, this.loading = !1, this.size = "md", this.flexDirection = "row", this.spacing = "standard", this.tone = "primary", this.value = void 0, this.name = void 0, this.buttonTitle = void 0, this.buttonRole = void 0, this.label = void 0, this.display = "fill", this.type = "button", this.download = void 0, this.href = void 0, this.rel = void 0, this.target = void 0, this.formnovalidate = void 0, this.form = void 0, this.state = "default", this.setAutofocus = !1, this.setFormmethod = void 0;
+  }
+  /**
+   * @description Public: Set Focus on Button/Anchor
+   */
+  async setFocus() {
+    this.nativeElement && this.nativeElement.focus();
+  }
+  connectedCallback() {
+    this.el.querySelector('[slot="icon"]') && this.el.querySelector('[slot="icon"]').setAttribute("css-slot", "icon"), this.el.querySelector('[slot="icon-trailing"]') && this.el.querySelector('[slot="icon-trailing"]').setAttribute("css-slot", "icon-trailing"), m("prism-button");
+  }
+  render() {
+    var r, i, s, t;
+    const e = this.href === void 0 || this.href === "" ? "button" : "a", p = e === "button" ? { type: this.type, value: this.value } : {
+      download: this.download,
+      href: this.href,
+      rel: this.rel,
+      target: this.target
+    };
+    return o(l, { key: "1adcf4e3ae00f3e5e4005a620867b22889a2e57d", "data-display": this.display === "menu" ? "menu" : void 0 }, o(e, Object.assign({ key: "5c8a9065053fb29590e3ab78db05ca9a3b67e0d7", ref: (a) => this.nativeElement = a, "data-testid": `${this.prismId}-test` }, p, { class: {
+      btn: !0,
+      disabled: this.disabled,
+      loading: this.loading,
+      [this.size]: !0,
+      [this.tone]: !0,
+      [this.display === "menu" ? "menu-button" : this.display]: !0,
+      [`dir-${this.flexDirection}`]: !0,
+      [this.state]: !0,
+      [this.spacing]: !0
+    }, id: this.prismId, "aria-label": this.label, "aria-expanded": (r = this.expanded) === null || r === void 0 ? void 0 : r.toString(), "aria-current": (i = this.current) === null || i === void 0 ? void 0 : i.toString(), "aria-describedby": this.describedby, "aria-selected": (s = this.selected) === null || s === void 0 ? void 0 : s.toString(), "aria-labelledby": this.labelledby, title: this.buttonTitle, role: this.buttonRole, name: this.name, formNoValidate: this.formnovalidate, disabled: this.disabled && this.type !== "submit", "aria-disabled": (t = this.disabled) === null || t === void 0 ? void 0 : t.toString(), onFocus: (a) => this.onFocus(a), onBlur: (a) => this.onBlur(a), onClick: (a) => this.onClick(a), autofocus: this.setAutofocus, formmethod: this.setFormmethod }), this.display === "ghost-icon" ? o("slot", null) : o(b, null, o("slot", { name: "icon" }), o("prism-text", { family: this.display === "link" ? "body" : void 0, size: this.display === "link" ? "400" : void 0, as: this.display !== "link" ? ["md", "lg"].includes(this.size) ? "button-md" : "button-sm" : void 0, class: "text", tag: "span" }, o("slot", null)), o("slot", { name: "label" }), o("slot", { name: "icon-trailing" })), this.loading && o("div", { key: "fa5cae22d0fdef8345741e913e9acc78c5204e86", class: "loading-spinner" }, o("prism-loading", { key: "da114c46eda754df3c72d95a983c447732660343", as: "spinner", size: "md" }))));
+  }
+  get el() {
+    return d(this);
+  }
+};
+y.style = f;
+const x = '.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}:host{clip-rule:evenodd;fill:none;fill-rule:evenodd;display:inline-block;line-height:0;opacity:0;position:relative;text-align:left;transition:all var(--prism-animation-duration-normal) var(--prism-animation-timing-function);vertical-align:middle;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (prefers-reduced-motion){:host{transition:none}.notifications:after{transition:none}}:host(.loaded){opacity:1}.info{--prism-icon-color:var(--prism-color-text-info-base)}.success{--prism-icon-color:var(--prism-color-text-success-base)}.caution{--prism-icon-color:var(--prism-color-text-caution-base)}.danger{--prism-icon-color:var(--prism-color-text-danger-base)}.primary{--prism-icon-color:var(--prism-color-text-primary-base)}.secondary{--prism-icon-color:var(--prism-color-text-secondary-base)}.primary-inverse,.secondary-inverse{--prism-icon-color:var(--prism-color-text-primary-inverse-base)}.primary-brand{--prism-icon-color:var(--prism-color-text-brand-primary-base)}.secondary-brand{--prism-icon-color:var(--prism-color-text-brand-secondary-base)}@media (forced-colors:active){.icon-source svg{--prism-icon-color:CanvasText}}.icon-source{display:inline-block}.icon-source,.icon-source svg{height:var(--prism-icon-size-height,1.5rem);width:var(--prism-icon-size-width,1.5rem)}.icon-source svg{stroke:var(--prism-icon-stroke-color,inherit);color:var(--prism-icon-color,currentcolor)}.size-xxs{--prism-icon-size-width:0.75rem;--prism-icon-size-height:0.75rem}.size-xs{--prism-icon-size-width:1rem;--prism-icon-size-height:1rem}.size-sm{--prism-icon-size-width:1.5rem;--prism-icon-size-height:1.5rem}.size-md{--prism-icon-size-width:2rem;--prism-icon-size-height:2rem}.size-lg{--prism-icon-size-width:3rem;--prism-icon-size-height:3rem}.size-xl{--prism-icon-size-width:4.5rem;--prism-icon-size-height:4.5rem}.size-xxl{--prism-icon-size-width:6rem;--prism-icon-size-height:6rem}.notifications{container-type:inline-size;position:relative}.notifications:after{background-color:var(--prism-icon-color-background-dot,var(--prism-color-fill-secondary-base));border-color:var(--prism-color-border-primary-inverse-base);border-radius:var(--prism-radius-size-full);border-style:solid;border-width:.0313rem;content:"";display:block;height:33%;position:absolute;transition:all var(--prism-animation-duration-normal) var(--prism-animation-timing-function);width:33%}@container (min-width: 25px){.notifications:after{border-width:2px}}.notifications.dot-top-left:after{left:var(--prism-icon-notification-left,0);right:var(--prism-icon-notification-right,auto)}.notifications.dot-top-left:after,.notifications.dot-top-right:after{bottom:var(--prism-icon-notification-bottom,auto);top:var(--prism-icon-notification-top,0)}.notifications.dot-top-right:after{left:var(--prism-icon-notification-left,auto);right:var(--prism-icon-notification-right,0)}.notifications.dot-bottom-left:after{left:var(--prism-icon-notification-left,0);right:var(--prism-icon-notification-right,auto)}.notifications.dot-bottom-left:after,.notifications.dot-bottom-right:after{bottom:var(--prism-icon-notification-bottom,0);top:var(--prism-icon-notification-top,auto)}.notifications.dot-bottom-right:after{left:var(--prism-icon-notification-left,auto);right:var(--prism-icon-notification-right,0)}.notifications.dot-primary:after{background-color:var(--prism-color-fill-primary-base)}.notifications.dot-secondary:after{background-color:var(--prism-color-fill-secondary-base)}.notifications.dot-primary-inverse:after,.notifications.dot-secondary-inverse:after{background-color:var(--prism-color-fill-primary-inverse-base)}.notifications.dot-success:after{background-color:var(--prism-color-fill-success-base)}.notifications.dot-danger:after{background-color:var(--prism-color-fill-danger-base)}.notifications.dot-primary-brand:after{background-color:var(--prism-color-fill-brand-primary-base)}.notifications.dot-secondary-brand:after{background-color:var(--prism-color-fill-brand-secondary-base)}.notifications.dot-info:after{background-color:var(--prism-color-fill-info-base)}.notifications.dot-caution:after{background-color:var(--prism-color-fill-caution-base)}.priority-secondary{opacity:var(--prism-alpha-secondary)}.priority-tertiary{opacity:var(--prism-alpha-tertiary)}.priority-inactive{opacity:var(--prism-alpha-inactive)}.contained{border:var(--prism-icon-spacing-border-contained,1px) solid color-mix(in srgb,var(--prism-icon-color-border-contained) var(--prism-alpha-tertiary-percentage),transparent);border-radius:var(--prism-icon-size-contained-border-radius,2.5rem);padding:var(--prism-icon-spacing-contained-padding)}.contained.outline{border:var(--prism-icon-spacing-border-contained,1px) solid color-mix(in srgb,var(--prism-icon-color-border-contained,var(--prism-color-border-secondary-base)) var(--prism-alpha-tertiary-percentage),transparent)}.contained.outline.high{border:var(--prism-icon-spacing-border-contained,1px) solid color-mix(in srgb,var(--prism-icon-color-border-contained,var(--prism-color-border-secondary-base)) var(--prism-alpha-secondary-percentage),transparent)}.contained.outline.caution{--prism-icon-color-border-contained:var(--prism-color-border-caution-base)}.contained.outline.info{--prism-icon-color-border-contained:var(--prism-color-border-info-base)}.contained.outline.danger{--prism-icon-color-border-contained:var(--prism-color-border-danger-base)}.contained.outline.primary{--prism-icon-color-border-contained:var(--prism-color-border-primary-base)}.contained.outline.primary-inverse,.contained.outline.secondary-inverse{--prism-icon-color-border-contained:var(--prism-color-border-primary-inverse-base)}.contained.outline.secondary{--prism-icon-color-border-contained:var(--prism-color-border-secondary-base)}.contained.outline.success{--prism-icon-color-border-contained:var(--prism-color-border-success-base)}.contained.outline.primary-brand{--prism-icon-color-border-contained:var(--prism-color-border-brand-primary-base)}.contained.outline.secondary-brand{--prism-icon-color-border-contained:var(--prism-color-border-brand-secondary-base)}.contained.fill.low{background-color:var(--prism-icon-color-background-contained,var(--prism-color-material-secondary-base))}.contained.fill.low.caution{--prism-icon-color-background-contained:var(--prism-color-material-caution-base)}.contained.fill.low.info{--prism-icon-color-background-contained:var(--prism-color-material-info-base)}.contained.fill.low.danger{--prism-icon-color-background-contained:var(--prism-color-material-danger-base)}.contained.fill.low.primary{--prism-icon-color-background-contained:var(--prism-color-material-primary-base)}.contained.fill.low.primary-inverse{--prism-icon-color-background-contained:var(--prism-color-material-primary-inverse-base)}.contained.fill.low.secondary{--prism-icon-color-background-contained:var(--prism-color-material-secondary-base)}.contained.fill.low.secondary-inverse{--prism-icon-color-background-contained:var(--prism-color-material-secondary-inverse-base)}.contained.fill.low.success{--prism-icon-color-background-contained:var(--prism-color-material-success-base)}.contained.fill.low.primary-brand{--prism-icon-color-background-contained:var(--prism-color-material-brand-primary-base)}.contained.fill.low.secondary-brand{--prism-icon-color-background-contained:var(--prism-color-material-brand-secondary-base)}.contained.fill.high{background-color:var(--prism-icon-color-background-contained,var(--prism-color-fill-secondary-base))}.contained.fill.high.caution{--prism-icon-color-background-contained:var(--prism-color-fill-caution-base)}.contained.fill.high.info{--prism-icon-color-background-contained:var(--prism-color-fill-info-base)}.contained.fill.high.danger{--prism-icon-color-background-contained:var(--prism-color-fill-danger-base)}.contained.fill.high.primary{--prism-icon-color-background-contained:var(--prism-color-fill-primary-base)}.contained.fill.high.primary-inverse,.contained.fill.high.secondary-inverse{--prism-icon-color-background-contained:var(--prism-color-fill-primary-inverse-base)}.contained.fill.high.secondary{--prism-icon-color-background-contained:var(--prism-color-fill-secondary-base)}.contained.fill.high.success{--prism-icon-color-background-contained:var(--prism-color-fill-success-base)}.contained.fill.high.primary-brand{--prism-icon-color-background-contained:var(--prism-color-fill-brand-primary-base)}.contained.fill.high.secondary-brand{--prism-icon-color-background-contained:var(--prism-color-fill-brand-secondary-base)}.xxs.contained{--prism-icon-spacing-contained-padding:var(--prism-spacer-size-xs)}.xs.contained{--prism-icon-spacing-contained-padding:var(--prism-spacer-size-xs) var(--prism-spacer-size-sm)}.sm.contained{--prism-icon-spacing-contained-padding:var(--prism-spacer-size-sm) var(--prism-spacer-size-md)}.md.contained{--prism-icon-spacing-contained-padding:var(--prism-spacer-size-md) var(--prism-spacer-size-lg)}.lg.contained{--prism-icon-spacing-contained-padding:var(--prism-spacer-size-lg) var(--prism-spacer-size-xxl)}.xl.contained{--prism-icon-spacing-contained-padding:var(--prism-spacer-size-xl) var(--prism-spacer-size-xxl);--prism-icon-size-contained-border-radius:3.75rem}.xxl.contained{--prism-icon-spacing-contained-padding:var(--prism-spacer-size-xxl) var(--prism-spacer-size-3xl);--prism-icon-size-contained-border-radius:5rem}', k = x, w = class {
+  constructor(r) {
+    c(this, r), this.prismLoad = n(this, "prismLoad", 7), this.svgIcon = void 0, this.svgContent = void 0, this.isVisible = !1, this.loaded = !1, this.contained = !1, this.containedTone = void 0, this.containedDisplay = "fill", this.containedPriority = "low", this.label = void 0, this.svgRole = "img", this.notifications = !1, this.name = "", this.size = void 0, this.tone = void 0, this.dotTone = void 0, this.priority = "primary", this.display = "fill", this.path = "", this.lazy = !1, this.cdn = "xd", this.shape = "sharp", this.platform = "web", this.dotPosition = "bottom-right", this.cdnsource = void 0, this.fetchUrl = void 0;
+  }
+  /**
+   * @description Watch for changes to multiple props call loadIcon()
+   */
+  nameHandler() {
+    this._getCdn();
+  }
+  /** @internal
+   * Get the CDN Path
+   */
+  _getCdn() {
+    if (this.cdnsource = v[this.cdn], this.path)
+      this.fetchUrl = this.path;
+    else
+      switch (this.cdn) {
+        case "xd":
+          this.fetchUrl = `${this.cdnsource}${this.formatName(this.name)}/ic_${this.formatName(this.name)}_${this.display}.svg`;
+          break;
+        case "gds":
+          this.fetchUrl = `${this.cdnsource}${this.formatName(this.name)}/${this.formatName(this.name)}_${this.shape}_${this.display}_${this.platform}.svg`;
+          break;
+        case "illicons":
+          this.fetchUrl = `${this.cdnsource}${this.formatName(this.name)}.svg`;
+          break;
+        case "business":
+          this.fetchUrl = `${this.cdnsource}${this.formatName(this.name)}.svg`;
+          break;
+        case "partner":
+          this.fetchUrl = `${this.cdnsource}${this.formatName(this.name).split("_")[0]}/${this.formatName(this.name).replace("_", "")}_${this.platform}.svg`;
+          break;
+      }
+    this.waitUntilVisible(this.el, "25%", () => {
+      this.isVisible = !0, this.loadIcon();
+    });
+  }
+  componentWillLoad() {
+    this._getCdn();
+  }
+  connectedCallback() {
+    m("prism-icon");
+  }
+  disconnectedCallback() {
+    this.intobs && (this.intobs.disconnect(), this.intobs = void 0);
+  }
+  waitUntilVisible(r, i, s) {
+    if (this.lazy && typeof window < "u" && window.IntersectionObserver) {
+      const t = this.intobs = new window.IntersectionObserver((e) => {
+        e[0].isIntersecting && (t.disconnect(), this.intobs = void 0, s());
+      }, { rootMargin: i });
+      t.observe(r);
+    } else
+      s();
+  }
+  /** @internal */
+  formatName(r) {
+    return r == null ? void 0 : r.replace(" ", "_").toLocaleLowerCase();
+  }
+  /** @internal */
+  async loadIcon() {
+    if (this.isVisible && (this.name || this.path)) {
+      this.loaded = !1;
+      const r = await fetch(this.fetchUrl);
+      if (!r.ok)
+        throw new Error(`PRISM-UI >>> The SVG Icon ${this.formatName(this.name)} doesn't exist in ${this.fetchUrl}`);
+      const i = await r.text();
+      this.svgContent = i, this.loaded = !0;
+    }
+  }
+  componentDidRender() {
+    if (this.svgContent) {
+      const r = this.element.querySelector("svg");
+      !this.path && this.cdn !== "illicons" && (r == null || r.removeAttribute("style"), r == null || r.setAttribute("fill", "currentcolor"), this.cdn === "business" && (r == null || r.querySelectorAll("path").forEach((i) => {
+        i.removeAttribute("fill");
+      }))), r == null || r.setAttribute("focusable", "false"), r == null || r.setAttribute("role", this.svgRole), r == null || r.setAttribute("class", ""), this.label === void 0 ? r == null || r.setAttribute("aria-hidden", "true") : (r == null || r.removeAttribute("aria-hidden"), r == null || r.setAttribute("aria-label", this.label)), this.prismLoad.emit({ name: this.name || this.path, target: this.element, loaded: this.loaded });
+    }
+  }
+  render() {
+    return o(l, { key: "f4818f1df9c4965ae108976676b853a400d19994", class: {
+      loaded: this.loaded
+    } }, o("section", { key: "d882a9cc667962cc235aaa58d5692991f7a32897", class: {
+      contained: this.contained,
+      [this.containedTone]: this.contained,
+      [this.containedDisplay]: this.contained,
+      [this.containedPriority]: this.contained,
+      [this.size]: !!this.size,
+      [`priority-${this.priority}`]: !!this.priority
+    } }, this.svgContent ? o("div", { part: "container", ref: (r) => this.element = r, class: {
+      icon: !0,
+      [this.tone]: !!this.tone,
+      notifications: this.notifications,
+      [`dot-${this.dotTone}`]: !!this.dotTone,
+      [`dot-${this.dotPosition}`]: this.notifications,
+      "icon-source": !0,
+      [`size-${this.size}`]: !!this.size
+    }, innerHTML: h.sanitize(this.svgContent, { USE_PROFILES: { svg: !0 } }) }) : null));
+  }
+  get el() {
+    return d(this);
+  }
+  static get watchers() {
+    return {
+      name: ["nameHandler"],
+      cdn: ["nameHandler"],
+      path: ["nameHandler"],
+      display: ["nameHandler"],
+      shape: ["nameHandler"],
+      platform: ["nameHandler"]
+    };
+  }
+};
+w.style = k;
+const z = ":host{align-items:center;display:flex;justify-content:center}:host(.dots){flex-wrap:wrap;padding:.375rem 0}:host(.prism-loading-splash){height:100vh;position:fixed;width:100vw}:host(.prism-loading-contained){height:100%;position:absolute;width:100%}:host(.prism-loading-contained),:host(.prism-loading-splash){align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:color-mix(in srgb,var(--prism-loading-dialog-background-color,var(--prism-color-fill-primary-base)) var(--prism-alpha-tertiary-percentage),transparent);display:flex;flex-direction:column;justify-content:center;left:0;top:0;z-index:var(--prism-layout-z-index-backdrop)}.contents,.loading-text{text-align:center}.loading-text{color:var(--prism-loading-text-color);margin-top:var(--prism-spacer-size-lg);width:100%}.dot-wrapper{box-sizing:border-box;-moz-column-gap:var(--prism-spacer-size-lg);column-gap:var(--prism-spacer-size-lg);flex:0 1 auto;margin:0 auto}.dot-wrapper>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.dot{animation:pulse 1s ease-in-out infinite alternate,color-sequence 3s ease-in-out infinite alternate;border-radius:50%;display:inline-block;height:1rem;max-width:50%;vertical-align:middle;width:1rem}.dot:first-child{margin-left:0}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@media screen and (prefers-reduced-motion:reduce){.dot{animation:none}.dot:first-child{background-color:#f0004d}.dot:nth-child(2){background-color:#f95600}.dot:nth-child(3){background-color:#fa0}}@keyframes pulse{0%,10%{transform:scale(0)}}@keyframes color-sequence{0%{background-color:#f0004d}20%{background-color:#f95600}40%{background-color:#fa0}60%{background-color:#008f5e}80%{background-color:#2970ff}to{background-color:#916cd0}}@keyframes spinner{0%{stroke-dashoffset:var(--internal-offset)}to{stroke-dashoffset:0}}.spinner{--internal-offset:578;display:grid;height:1.5rem;overflow:hidden;place-items:center;position:relative;width:1.5rem}.spinner-svg{animation:spin 1s linear infinite;animation-duration:1.75s;height:100%;inset:0;object-fit:contain;position:absolute;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.spinner-circle{fill:transparent;stroke:currentcolor;stroke-linecap:round;animation:spinner 3.5s linear infinite;transform:rotate(-120deg);transform-origin:50% 50%}@media (prefers-reduced-motion:reduce){.spinner-svg{animation:none}.spinner-circle{stroke-dashoffset:calc(var(--internal-offset)*.2);animation:none}}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}", S = z, $ = class {
+  constructor(r) {
+    c(this, r), this.as = "dots", this.size = void 0, this.container = "inline", this.loaderSize = `${this.as}-${this.size || "sm"}`;
+  }
+  connectedCallback() {
+    m("prism-loading");
+  }
+  sizeChange() {
+    this.loaderSize = `${this.as}-${this.size || "sm"}`;
+  }
+  // SVG Circle Animation
+  strokeWidth(r) {
+    switch (r) {
+      case "icon-xs":
+        return 2;
+      case "icon-sm":
+        return 4;
+      case "icon-md":
+        return 6;
+      case "icon-lg":
+        return 8;
+      default:
+        return 2;
+    }
+  }
+  // SVG Circle Animation
+  widthHeight(r) {
+    switch (r) {
+      case "icon-xs":
+        return 64;
+      case "icon-sm":
+        return 96;
+      case "icon-md":
+        return 136;
+      case "icon-lg":
+        return 176;
+      case "spinner-xs":
+        return 14;
+      case "spinner-sm":
+        return 20;
+      case "spinner-md":
+        return 24;
+      case "spinner-lg":
+        return 32;
+      default:
+        return 24;
+    }
+  }
+  render() {
+    return o(l, { key: "d5aeac52418ac792f83e400a54220c21e36c8895", class: {
+      [`prism-loading-${this.container}`]: !0,
+      [this.as]: !0
+    } }, this.as === "dots" ? o("div", { class: "contents" }, o("div", { class: "dot-wrapper" }, o("div", { class: "dot" }), o("div", { class: "dot" }), o("div", { class: "dot" })), o("prism-text", { class: "loading-text", family: "headline", size: "200" }, o("slot", null))) : o("div", { class: "spinner", style: {
+      "--internal-offset": (Math.PI * (this.widthHeight(this.loaderSize) / 2 - this.strokeWidth(this.loaderSize) / 2) * 4).toString(),
+      width: `${this.widthHeight(this.loaderSize)}px`,
+      height: `${this.widthHeight(this.loaderSize)}px`
+    } }, o("svg", { class: "spinner-svg", preserveAspectRatio: "xMidYMid meet", viewBox: `0 0 ${this.widthHeight(this.loaderSize)} ${this.widthHeight(this.loaderSize)}`, x: "0", y: "0", "shape-rendering": "optimizeSpeed" }, o("circle", { class: "spinner-circle", cx: this.widthHeight(this.loaderSize) / 2, cy: this.widthHeight(this.loaderSize) / 2, r: this.widthHeight(this.loaderSize) / 2 - this.strokeWidth(this.loaderSize) / 2, "stroke-dasharray": Math.PI * (this.widthHeight(this.loaderSize) / 2 - this.strokeWidth(this.loaderSize) / 2) * 4 / 2, "stroke-dashoffset": Math.PI * (this.widthHeight(this.loaderSize) / 2 - this.strokeWidth(this.loaderSize) / 2) * 4, "stroke-width": this.strokeWidth(this.loaderSize), stroke: "currentcolor" })), o("slot", null)));
+  }
+  get el() {
+    return d(this);
+  }
+  static get watchers() {
+    return {
+      size: ["sizeChange"]
+    };
+  }
+};
+$.style = S;
+export {
+  y as prism_button,
+  w as prism_icon,
+  $ as prism_loading
+};