@purpurds/footer 8.2.2 → 8.2.3

package/dist/footer.es.js

@@ -1,19 +1,19 @@
-import { jsx as p, jsxs as v, Fragment as Kr } from "react/jsx-runtime";
-import * as g from "react";
-import { Children as ir, isValidElement as ve, forwardRef as fe, useId as K, createContext as Ur, useContext as Xr, useEffect as me, useState as he, createElement as V } from "react";
+import { jsx as p, jsxs as f, Fragment as de } from "react/jsx-runtime";
+import * as v from "react";
+import { Children as ar, isValidElement as _e, forwardRef as ge, useId as J, createContext as Jr, useContext as Kr, useEffect as ve, useState as fe, createElement as V } from "react";
 import "react-dom";
-function ye(e) {
+function me(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ur = { exports: {} };
+var ir = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var pr;
-function xe() {
-  return pr || (pr = 1, function(e) {
+var ur;
+function he() {
+  return ur || (ur = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function o() {
@@ -42,10 +42,10 @@ function xe() {
       }
       e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
     })();
-  }(ur)), ur.exports;
+  })(ir)), ir.exports;
 }
-var $e = xe();
-const Yr = /* @__PURE__ */ ye($e), be = {
+var ye = he();
+const Ur = /* @__PURE__ */ me(ye), xe = {
   "purpur-grid-item": "_purpur-grid-item_zx9tz_1",
   "purpur-grid-item--no-col-gap": "_purpur-grid-item--no-col-gap_zx9tz_6",
   "purpur-grid-item-colspan-sm-4": "_purpur-grid-item-colspan-sm-4_zx9tz_24",
@@ -72,7 +72,7 @@ const Yr = /* @__PURE__ */ ye($e), be = {
   "purpur-grid-item-colspan-lg-3": "_purpur-grid-item-colspan-lg-3_zx9tz_122",
   "purpur-grid-item-colspan-lg-2": "_purpur-grid-item-colspan-lg-2_zx9tz_127",
   "purpur-grid-item-colspan-lg-1": "_purpur-grid-item-colspan-lg-1_zx9tz_77"
-}, Se = Yr.bind(be), M = "purpur-grid-item", W = ({
+}, $e = Ur.bind(xe), M = "purpur-grid-item", W = ({
   children: e,
   className: n,
   colSpanSm: o = 4,
@@ -81,7 +81,7 @@ const Yr = /* @__PURE__ */ ye($e), be = {
   noColGap: r = !1,
   ...t
 }) => {
-  const a = Se([
+  const a = $e([
     n,
     M,
     {
@@ -92,9 +92,9 @@ const Yr = /* @__PURE__ */ ye($e), be = {
     }
   ]);
   return /* @__PURE__ */ p("div", { className: a, ...t, children: e });
-}, ke = (e) => !!e && ve(e) && e.type === W;
+}, be = (e) => !!e && _e(e) && e.type === W;
 W.displayName = "Grid.Item";
-const Ne = {
+const Se = {
   "purpur-grid": "_purpur-grid_8kjv6_1",
   "purpur-grid__inner": "_purpur-grid__inner_8kjv6_27",
   "purpur-grid__inner--no-gap": "_purpur-grid__inner--no-gap_8kjv6_32",
@@ -123,7 +123,7 @@ const Ne = {
   "purpur-grid__inner-col-lg-3": "_purpur-grid__inner-col-lg-3_8kjv6_147",
   "purpur-grid__inner-col-lg-2": "_purpur-grid__inner-col-lg-2_8kjv6_152",
   "purpur-grid__inner--flex": "_purpur-grid__inner--flex_8kjv6_156"
-}, lr = Yr.bind(Ne), we = "purpur-grid", N = "purpur-grid__inner", U = ({
+}, pr = Ur.bind(Se), ke = "purpur-grid", N = "purpur-grid__inner", K = ({
   children: e,
   className: n,
   containerClassName: o,
@@ -133,9 +133,9 @@ const Ne = {
   noGap: t = !1,
   noColGap: a = !1,
   noRowGap: d = !1,
-  ...x
+  ..._
 }) => {
-  const $ = ir.toArray(e).filter(ke), l = !!$.length, _ = lr([o, we]), f = lr([
+  const y = ar.toArray(e).filter(be), l = !!y.length, g = pr([o, ke]), m = pr([
     n,
     N,
     {
@@ -149,22 +149,22 @@ const Ne = {
       [`${N}-col-lg-${r}`]: r > 1 && !l
     }
   ]);
-  return /* @__PURE__ */ p("div", { className: _, ...x, children: /* @__PURE__ */ p("div", { className: f, children: l ? ir.map($, ({ props: { children: h, ...T } }) => /* @__PURE__ */ p(W, { ...T, noColGap: t || a, children: h })) : e }) });
+  return /* @__PURE__ */ p("div", { className: g, ..._, children: /* @__PURE__ */ p("div", { className: m, children: l ? ar.map(y, ({ props: { children: x, ...T } }) => /* @__PURE__ */ p(W, { ...T, noColGap: t || a, children: x })) : e }) });
 };
-U.displayName = "Grid";
-U.Item = W;
-function Be(e) {
+K.displayName = "Grid";
+K.Item = W;
+function Ne(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var cr = { exports: {} };
+var lr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var sr;
-function Te() {
-  return sr || (sr = 1, function(e) {
+var cr;
+function we() {
+  return cr || (cr = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function o() {
@@ -193,10 +193,10 @@ function Te() {
       }
       e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
     })();
-  }(cr)), cr.exports;
+  })(lr)), lr.exports;
 }
-var Ie = Te();
-const Oe = /* @__PURE__ */ Be(Ie), je = {
+var Be = we();
+const Te = /* @__PURE__ */ Ne(Be), Ie = {
   "purpur-link": "_purpur-link_5pram_1",
   "purpur-link--text": "_purpur-link--text_5pram_18",
   "purpur-link--standalone": "_purpur-link--standalone_5pram_18",
@@ -207,7 +207,7 @@ const Oe = /* @__PURE__ */ Be(Ie), je = {
   "purpur-link--navigation-negative": "_purpur-link--navigation-negative_5pram_32",
   "purpur-link--ensure-target-area": "_purpur-link--ensure-target-area_5pram_71",
   "purpur-link--silent": "_purpur-link--silent_5pram_77"
-}, Pe = Oe.bind(je), O = "purpur-link", X = ({
+}, Oe = Te.bind(Ie), O = "purpur-link", U = ({
   ["data-testid"]: e,
   children: n,
   className: o,
@@ -217,57 +217,57 @@ const Oe = /* @__PURE__ */ Be(Ie), je = {
   negative: t = !1,
   onClick: a,
   rel: d,
-  silent: x,
-  target: $,
+  silent: _,
+  target: y,
   variant: l,
-  ..._
+  ...g
 }) => (
   /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */
   /* @__PURE__ */ p(
     "span",
     {
-      className: Pe(
+      className: Oe(
         o,
         O,
         `${O}--${t ? `${l}-negative` : l}`,
         {
-          [`${O}--silent`]: x,
+          [`${O}--silent`]: _,
           [`${O}--negative`]: t,
-          [`${O}--disable-visited`]: i ?? x,
+          [`${O}--disable-visited`]: i ?? _,
           [`${O}--ensure-target-area`]: u
         }
       ),
       "data-testid": e,
       onClick: r ? void 0 : a,
-      ...r ? {} : _,
+      ...r ? {} : g,
       children: r ? /* @__PURE__ */ p(
         "a",
         {
           href: r,
-          target: $,
+          target: y,
           rel: d,
           onClick: a,
           "data-testid": e ? `${e} a` : void 0,
-          ..._,
+          ...g,
           children: n
         }
       ) : n
     }
   )
 );
-X.displayName = "Link";
-function Ce(e) {
+U.displayName = "Link";
+function je(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var dr = { exports: {} };
+var sr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var _r;
-function Ae() {
-  return _r || (_r = 1, function(e) {
+var dr;
+function Pe() {
+  return dr || (dr = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function o() {
@@ -296,10 +296,10 @@ function Ae() {
       }
       e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
     })();
-  }(dr)), dr.exports;
+  })(sr)), sr.exports;
 }
-var Me = Ae();
-const Ee = /* @__PURE__ */ Ce(Me), ze = {
+var Ce = Pe();
+const Ae = /* @__PURE__ */ je(Ce), Me = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -307,40 +307,40 @@ const Ee = /* @__PURE__ */ Ce(Me), ze = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, He = Ee.bind(ze), gr = "purpur-icon", Le = "md", qe = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), De = ({ content: e = "", title: n } = {}) => {
+}, Ee = Ae.bind(Me), _r = "purpur-icon", ze = "md", He = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Le = ({ content: e = "", title: n } = {}) => {
   const o = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], i = n ? `<title>${n}</title>` : "";
-  return `<svg ${qe(o)}>${i}${e}</svg>`;
-}, We = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), re = ({ svg: e, allyTitle: n, className: o, size: i = Le, ...u }) => {
-  const r = De({
-    content: We(e.svg),
+  return `<svg ${He(o)}>${i}${e}</svg>`;
+}, qe = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Xr = ({ svg: e, allyTitle: n, className: o, size: i = ze, ...u }) => {
+  const r = Le({
+    content: qe(e.svg),
     title: n
-  }), t = He(o, gr, `${gr}--${i}`);
+  }), t = Ee(o, _r, `${_r}--${i}`);
   return /* @__PURE__ */ p("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...u });
 };
-re.displayName = "Icon";
-const Ve = {
+Xr.displayName = "Icon";
+const De = {
   name: "error-filled",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 24" fill="currentColor"><path fill-rule="evenodd" d="M14.268 3.5c-.77-1.333-2.694-1.333-3.464 0l-8.66 15c-.77 1.333.192 3 1.732 3h17.32c1.54 0 2.502-1.667 1.733-3l-8.66-15Zm-.694 5.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.585 1.234-1.25 1.234-.648 0-1.25-.585-1.25-1.234 0-.633.602-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z" clip-rule="evenodd"/></svg>',
   keywords: ["error-filled"],
   category: "status"
 };
-function Re(e) {
+function We(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var vr = { exports: {} };
+var gr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var fr;
-function Ze() {
-  return fr || (fr = 1, function(e) {
+var vr;
+function Ve() {
+  return vr || (vr = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function o() {
@@ -369,46 +369,46 @@ function Ze() {
       }
       e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
     })();
-  }(vr)), vr.exports;
+  })(gr)), gr.exports;
 }
-var Fe = Ze();
-const Ge = /* @__PURE__ */ Re(Fe), Qe = {
+var Re = Ve();
+const Ze = /* @__PURE__ */ We(Re), Fe = {
   "purpur-field-error-text": "_purpur-field-error-text_u1cy2_1",
   "purpur-field-error-text--negative": "_purpur-field-error-text--negative_u1cy2_11",
   "purpur-field-error-text__icon": "_purpur-field-error-text__icon_u1cy2_14"
-}, mr = Ge.bind(Qe), R = "purpur-field-error-text", Je = ({
+}, fr = Ze.bind(Fe), R = "purpur-field-error-text", Ge = ({
   children: e,
   className: n,
   negative: o = !1,
   ["aria-relevant"]: i = "additions text",
   ...u
-}) => /* @__PURE__ */ v(
+}) => /* @__PURE__ */ f(
   "div",
   {
-    className: mr(n, R, {
+    className: fr(n, R, {
       [`${R}--negative`]: o
     }),
     "aria-live": "assertive",
     "aria-relevant": i,
     ...u,
     children: [
-      /* @__PURE__ */ p(re, { svg: Ve, size: "xs", className: mr(`${R}__icon`) }),
+      /* @__PURE__ */ p(Xr, { svg: De, size: "xs", className: fr(`${R}__icon`) }),
       e
     ]
   }
 );
-function Ke(e) {
+function Qe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var hr = { exports: {} };
+var mr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var yr;
-function Ue() {
-  return yr || (yr = 1, function(e) {
+var hr;
+function Je() {
+  return hr || (hr = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function o() {
@@ -437,14 +437,14 @@ function Ue() {
       }
       e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
     })();
-  }(hr)), hr.exports;
+  })(mr)), mr.exports;
 }
-var Xe = Ue();
-const Ye = /* @__PURE__ */ Ke(Xe), rt = {
+var Ke = Je();
+const Ue = /* @__PURE__ */ Qe(Ke), Xe = {
   "purpur-field-helper-text": "_purpur-field-helper-text_11nsh_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_11nsh_9",
   "purpur-field-helper-text--negative": "_purpur-field-helper-text--negative_11nsh_12"
-}, et = Ye.bind(rt), Z = "purpur-field-helper-text", tt = ({
+}, Ye = Ue.bind(Xe), Z = "purpur-field-helper-text", rt = ({
   children: e,
   className: n,
   disabled: o,
@@ -452,24 +452,24 @@ const Ye = /* @__PURE__ */ Ke(Xe), rt = {
   negative: u,
   ...r
 }) => {
-  const t = et(n, Z, {
+  const t = Ye(n, Z, {
     [`${Z}--disabled`]: o,
     [`${Z}--negative`]: u
   });
   return /* @__PURE__ */ p("span", { id: i, className: t, ...r, children: e });
 };
-function ot(e) {
+function et(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var xr = { exports: {} };
+var yr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var $r;
-function nt() {
-  return $r || ($r = 1, function(e) {
+var xr;
+function tt() {
+  return xr || (xr = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function o() {
@@ -498,10 +498,10 @@ function nt() {
       }
       e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
     })();
-  }(xr)), xr.exports;
+  })(yr)), yr.exports;
 }
-var at = nt();
-const it = /* @__PURE__ */ ot(at), ut = {
+var ot = tt();
+const nt = /* @__PURE__ */ et(ot), at = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -509,85 +509,92 @@ const it = /* @__PURE__ */ ot(at), ut = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, pt = it.bind(ut), br = "purpur-icon", lt = "md", ct = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), st = ({ content: e = "", title: n } = {}) => {
+}, it = nt.bind(at), $r = "purpur-icon", ut = "md", pt = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), lt = ({ content: e = "", title: n } = {}) => {
   const o = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], i = n ? `<title>${n}</title>` : "";
-  return `<svg ${ct(o)}>${i}${e}</svg>`;
-}, dt = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Y = ({ svg: e, allyTitle: n, className: o, size: i = lt, ...u }) => {
-  const r = st({
-    content: dt(e.svg),
+  return `<svg ${pt(o)}>${i}${e}</svg>`;
+}, ct = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), X = ({ svg: e, allyTitle: n, className: o, size: i = ut, ...u }) => {
+  const r = lt({
+    content: ct(e.svg),
     title: n
-  }), t = pt(o, br, `${br}--${i}`);
+  }), t = it(o, $r, `${$r}--${i}`);
   return /* @__PURE__ */ p("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...u });
 };
-Y.displayName = "Icon";
-const _t = {
+X.displayName = "Icon";
+const st = {
   name: "check-circle-filled",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.712-12.491a.875.875 0 1 0-1.424-1.018l-4.4 6.16-2.27-2.27a.875.875 0 0 0-1.237 1.238l3 3a.875.875 0 0 0 1.331-.11l5-7Z" clip-rule="evenodd"/></svg>',
   keywords: ["check-circle-filled"],
   category: "status"
-}, ee = (e) => /* @__PURE__ */ p(Y, { ...e, svg: _t });
-ee.displayName = "IconCheckCircleFilled";
-const gt = {
+}, Yr = (e) => /* @__PURE__ */ p(X, { ...e, svg: st });
+Yr.displayName = "IconCheckCircleFilled";
+const dt = {
   name: "chevron-down",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M20.136 7.864a.9.9 0 0 0-1.272 0L12 14.727 5.136 7.864a.9.9 0 0 0-1.272 1.272l7.5 7.5a.9.9 0 0 0 1.272 0l7.5-7.5a.9.9 0 0 0 0-1.272Z" clip-rule="evenodd"/></svg>',
   keywords: ["chevron-down"],
   category: "utility"
-}, te = (e) => /* @__PURE__ */ p(Y, { ...e, svg: gt });
-te.displayName = "IconChevronDown";
-function Sr(e, n) {
+}, re = (e) => /* @__PURE__ */ p(X, { ...e, svg: dt });
+re.displayName = "IconChevronDown";
+function br(e, n) {
   if (typeof e == "function")
     return e(n);
   e != null && (e.current = n);
 }
-function vt(...e) {
+function _t(...e) {
   return (n) => {
     let o = !1;
     const i = e.map((u) => {
-      const r = Sr(u, n);
+      const r = br(u, n);
       return !o && typeof r == "function" && (o = !0), r;
     });
     if (o)
       return () => {
         for (let u = 0; u < i.length; u++) {
           const r = i[u];
-          typeof r == "function" ? r() : Sr(e[u], null);
+          typeof r == "function" ? r() : br(e[u], null);
         }
       };
   };
 }
-var oe = g.forwardRef((e, n) => {
-  const { children: o, ...i } = e, u = g.Children.toArray(o), r = u.find(mt);
-  if (r) {
-    const t = r.props.children, a = u.map((d) => d === r ? g.Children.count(t) > 1 ? g.Children.only(null) : g.isValidElement(t) ? t.props.children : null : d);
-    return /* @__PURE__ */ p(J, { ...i, ref: n, children: g.isValidElement(t) ? g.cloneElement(t, void 0, a) : null });
-  }
-  return /* @__PURE__ */ p(J, { ...i, ref: n, children: o });
-});
-oe.displayName = "Slot";
-var J = g.forwardRef((e, n) => {
-  const { children: o, ...i } = e;
-  if (g.isValidElement(o)) {
-    const u = yt(o), r = ht(i, o.props);
-    return o.type !== g.Fragment && (r.ref = n ? vt(n, u) : u), g.cloneElement(o, r);
-  }
-  return g.Children.count(o) > 1 ? g.Children.only(null) : null;
-});
-J.displayName = "SlotClone";
-var ft = ({ children: e }) => /* @__PURE__ */ p(Kr, { children: e });
+// @__NO_SIDE_EFFECTS__
+function gt(e) {
+  const n = /* @__PURE__ */ vt(e), o = v.forwardRef((i, u) => {
+    const { children: r, ...t } = i, a = v.Children.toArray(r), d = a.find(mt);
+    if (d) {
+      const _ = d.props.children, y = a.map((l) => l === d ? v.Children.count(_) > 1 ? v.Children.only(null) : v.isValidElement(_) ? _.props.children : null : l);
+      return /* @__PURE__ */ p(n, { ...t, ref: u, children: v.isValidElement(_) ? v.cloneElement(_, void 0, y) : null });
+    }
+    return /* @__PURE__ */ p(n, { ...t, ref: u, children: r });
+  });
+  return o.displayName = `${e}.Slot`, o;
+}
+// @__NO_SIDE_EFFECTS__
+function vt(e) {
+  const n = v.forwardRef((o, i) => {
+    const { children: u, ...r } = o;
+    if (v.isValidElement(u)) {
+      const t = yt(u), a = ht(r, u.props);
+      return u.type !== v.Fragment && (a.ref = i ? _t(i, t) : t), v.cloneElement(u, a);
+    }
+    return v.Children.count(u) > 1 ? v.Children.only(null) : null;
+  });
+  return n.displayName = `${e}.SlotClone`, n;
+}
+var ft = Symbol("radix.slottable");
 function mt(e) {
-  return g.isValidElement(e) && e.type === ft;
+  return v.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === ft;
 }
 function ht(e, n) {
   const o = { ...n };
   for (const i in n) {
     const u = e[i], r = n[i];
     /^on[A-Z]/.test(i) ? u && r ? o[i] = (...t) => {
-      r(...t), u(...t);
+      const a = r(...t);
+      return u(...t), a;
     } : u && (o[i] = u) : i === "style" ? o[i] = { ...u, ...r } : i === "className" && (o[i] = [u, r].filter(Boolean).join(" "));
   }
   return { ...e, ...o };
@@ -611,16 +618,17 @@ var xt = [
   "nav",
   "ol",
   "p",
+  "select",
   "span",
   "svg",
   "ul"
 ], $t = xt.reduce((e, n) => {
-  const o = g.forwardRef((i, u) => {
-    const { asChild: r, ...t } = i, a = r ? oe : n;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(a, { ...t, ref: u });
+  const o = /* @__PURE__ */ gt(`Primitive.${n}`), i = v.forwardRef((u, r) => {
+    const { asChild: t, ...a } = u, d = t ? o : n;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(d, { ...a, ref: r });
   });
-  return o.displayName = `Primitive.${n}`, { ...e, [n]: o };
-}, {}), bt = "Label", ne = g.forwardRef((e, n) => /* @__PURE__ */ p(
+  return i.displayName = `Primitive.${n}`, { ...e, [n]: i };
+}, {}), bt = "Label", ee = v.forwardRef((e, n) => /* @__PURE__ */ p(
   $t.label,
   {
     ...e,
@@ -631,20 +639,20 @@ var xt = [
     }
   }
 ));
-ne.displayName = bt;
-var St = ne;
+ee.displayName = bt;
+var St = ee;
 function kt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var kr = { exports: {} };
+var Sr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Nr;
+var kr;
 function Nt() {
-  return Nr || (Nr = 1, function(e) {
+  return kr || (kr = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function o() {
@@ -673,7 +681,7 @@ function Nt() {
       }
       e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
     })();
-  }(kr)), kr.exports;
+  })(Sr)), Sr.exports;
 }
 var wt = Nt();
 const Bt = /* @__PURE__ */ kt(wt), Tt = {
@@ -696,15 +704,15 @@ const Bt = /* @__PURE__ */ kt(wt), Tt = {
 function jt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var wr = { exports: {} };
+var Nr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Br;
+var wr;
 function Pt() {
-  return Br || (Br = 1, function(e) {
+  return wr || (wr = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function o() {
@@ -733,7 +741,7 @@ function Pt() {
       }
       e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
     })();
-  }(wr)), wr.exports;
+  })(Nr)), Nr.exports;
 }
 var Ct = Pt();
 const At = /* @__PURE__ */ jt(Ct), Mt = "_rotate_12t9p_1", Et = "_dash_12t9p_1", zt = {
@@ -748,17 +756,17 @@ const At = /* @__PURE__ */ jt(Ct), Mt = "_rotate_12t9p_1", Et = "_dash_12t9p_1",
   dash: Et,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, Tr = At.bind(zt), E = "purpur-spinner", Ht = {
+}, Br = At.bind(zt), E = "purpur-spinner", Ht = {
   SM: "sm"
 }, Lt = ({
   disabled: e = !1,
   negative: n = !1,
   size: o = Ht.SM,
   ...i
-}) => /* @__PURE__ */ p("div", { className: Tr(E, `${E}--${o}`), ...i, children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
+}) => /* @__PURE__ */ p("div", { className: Br(E, `${E}--${o}`), ...i, children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
   "circle",
   {
-    className: Tr(`${E}__circle`, {
+    className: Br(`${E}__circle`, {
       [`${E}__circle--disabled`]: e,
       [`${E}__circle--negative`]: n
     }),
@@ -770,15 +778,15 @@ const At = /* @__PURE__ */ jt(Ct), Mt = "_rotate_12t9p_1", Et = "_dash_12t9p_1",
 function qt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Ir = { exports: {} };
+var Tr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Or;
+var Ir;
 function Dt() {
-  return Or || (Or = 1, function(e) {
+  return Ir || (Ir = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function o() {
@@ -807,7 +815,7 @@ function Dt() {
       }
       e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
     })();
-  }(Ir)), Ir.exports;
+  })(Tr)), Tr.exports;
 }
 var Wt = Dt();
 const Vt = /* @__PURE__ */ qt(Wt), Rt = {
@@ -830,7 +838,7 @@ const Vt = /* @__PURE__ */ qt(Wt), Rt = {
   "purpur-select__select-icon--disabled": "_purpur-select__select-icon--disabled_t7uxd_133",
   "purpur-select__select-icon--negative": "_purpur-select__select-icon--negative_t7uxd_136",
   "purpur-select__valid-icon": "_purpur-select__valid-icon_t7uxd_142"
-}, y = Vt.bind(Rt), c = "purpur-select", ae = fe(
+}, $ = Vt.bind(Rt), c = "purpur-select", te = ge(
   ({
     label: e,
     options: n,
@@ -841,33 +849,33 @@ const Vt = /* @__PURE__ */ qt(Wt), Rt = {
     placeholder: t,
     readOnly: a = !1,
     ["data-testid"]: d,
-    valid: x,
-    loading: $,
+    valid: _,
+    loading: y,
     ...l
-  }, _) => {
-    const f = (B) => d ? `${d}-${B}` : void 0, h = x && !i, T = K(), w = l.id ?? T, I = u ? `${w}-helper-text` : void 0, H = y(`${c}__select-container`, {
+  }, g) => {
+    const m = (B) => d ? `${d}-${B}` : void 0, x = _ && !i, T = J(), w = l.id ?? T, I = u ? `${w}-helper-text` : void 0, H = $(`${c}__select-container`, {
       [`${c}__select-container--disabled`]: l.disabled,
       [`${c}__select-container--readonly`]: a && !l.disabled,
       [`${c}__select-container--negative`]: r
     });
-    return y(`${c}__select-icon`, {
+    return $(`${c}__select-icon`, {
       [`${c}__select-icon--disabled`]: l.disabled,
       [`${c}__select-icon--readonly`]: a && !l.disabled,
-      [`${c}__select-icon--is-valid`]: h,
+      [`${c}__select-icon--is-valid`]: x,
       [`${c}__select-icon--negative`]: r
-    }), h && y(`${c}__valid-icon`), /* @__PURE__ */ v(
+    }), x && $(`${c}__valid-icon`), /* @__PURE__ */ f(
       "div",
       {
-        className: y(c, o, {
+        className: $(c, o, {
           [`${c}--negative`]: r
         }),
         children: [
-          e && /* @__PURE__ */ v(
+          e && /* @__PURE__ */ f(
             Ot,
             {
               htmlFor: w,
-              className: y(`${c}__label`),
-              "data-testid": f("label"),
+              className: $(`${c}__label`),
+              "data-testid": m("label"),
               disabled: l.disabled,
               negative: r,
               children: [
@@ -876,61 +884,61 @@ const Vt = /* @__PURE__ */ qt(Wt), Rt = {
               ]
             }
           ),
-          /* @__PURE__ */ p("div", { className: y(`${c}__field-row`), children: /* @__PURE__ */ v("div", { className: H, children: [
-            /* @__PURE__ */ v(
+          /* @__PURE__ */ p("div", { className: $(`${c}__field-row`), children: /* @__PURE__ */ f("div", { className: H, children: [
+            /* @__PURE__ */ f(
               "select",
               {
                 ...l,
                 onChange: a || l == null ? void 0 : l.onChange,
                 id: w,
-                ref: _,
-                "data-testid": f("select"),
+                ref: g,
+                "data-testid": m("select"),
                 "aria-describedby": l["aria-describedby"] || I,
                 "aria-invalid": l["aria-invalid"] || !!i,
                 "aria-disabled": l["aria-disabled"] || l.disabled,
                 "aria-readonly": l["aria-readonly"] || a && !l.disabled,
-                className: y(`${c}__select`, {
+                className: $(`${c}__select`, {
                   [`${c}__select--error`]: !!i,
-                  [`${c}__select--is-valid`]: h,
+                  [`${c}__select--is-valid`]: x,
                   [`${c}__select--negative`]: r
                 }),
                 children: [
                   t && /* @__PURE__ */ p("option", { value: t.value ?? t.label, disabled: !0, children: t.label }),
                   n.map(
-                    (B, C) => Zt(B) ? Ft(B, w, C, a) : ie(B, w, C, a)
+                    (B, C) => Zt(B) ? Ft(B, w, C, a) : oe(B, w, C, a)
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ v("div", { className: y(`${c}__end-adornments`), children: [
-              $ ? /* @__PURE__ */ p(
+            /* @__PURE__ */ f("div", { className: $(`${c}__end-adornments`), children: [
+              y ? /* @__PURE__ */ p(
                 Lt,
                 {
                   disabled: l.disabled,
                   size: "xxs",
                   negative: r,
-                  "data-testid": f("spinner")
+                  "data-testid": m("spinner")
                 },
                 "spinner"
               ) : /* @__PURE__ */ p(
-                te,
+                re,
                 {
-                  className: y(`${c}__select-icon`, {
+                  className: $(`${c}__select-icon`, {
                     [`${c}__select-icon--disabled`]: l.disabled,
                     [`${c}__select-icon--readonly`]: a && !l.disabled,
-                    [`${c}__select-icon--is-valid`]: h,
+                    [`${c}__select-icon--is-valid`]: x,
                     [`${c}__select-icon--negative`]: r
                   }),
-                  "data-testid": f("dropdown-icon"),
+                  "data-testid": m("dropdown-icon"),
                   size: "sm"
                 },
                 "chevron-down-icon"
               ),
-              h && /* @__PURE__ */ p(
-                ee,
+              x && /* @__PURE__ */ p(
+                Yr,
                 {
-                  "data-testid": f("valid-icon"),
-                  className: y(`${c}__valid-icon`)
+                  "data-testid": m("valid-icon"),
+                  className: $(`${c}__valid-icon`)
                 },
                 "valid-icon"
               )
@@ -938,31 +946,31 @@ const Vt = /* @__PURE__ */ qt(Wt), Rt = {
             /* @__PURE__ */ p(
               "div",
               {
-                className: y(`${c}__frame`, {
+                className: $(`${c}__frame`, {
                   [`${c}__frame--negative`]: r
                 })
               }
             )
           ] }) }),
           I && /* @__PURE__ */ p(
-            tt,
+            rt,
             {
               disabled: l.disabled,
-              "data-testid": f("helper-text"),
+              "data-testid": m("helper-text"),
               id: I,
               negative: r,
               children: u
             }
           ),
-          i && /* @__PURE__ */ p(Je, { negative: r, "data-testid": f("error-text"), children: i })
+          i && /* @__PURE__ */ p(Ge, { negative: r, "data-testid": m("error-text"), children: i })
         ]
       }
     );
   }
 ), Zt = (e) => e.hasOwnProperty("options"), Ft = (e, n, o, i) => {
   const u = `${n}--group--${o}`;
-  return /* @__PURE__ */ p("optgroup", { label: e.label, children: e.options.map((r, t) => ie(r, u, t, i)) }, u);
-}, ie = (e, n, o, i) => /* @__PURE__ */ p(
+  return /* @__PURE__ */ p("optgroup", { label: e.label, children: e.options.map((r, t) => oe(r, u, t, i)) }, u);
+}, oe = (e, n, o, i) => /* @__PURE__ */ p(
   "option",
   {
     value: e.value ?? e.label,
@@ -971,7 +979,7 @@ const Vt = /* @__PURE__ */ qt(Wt), Rt = {
   },
   `${n}--option--${o}`
 );
-ae.displayName = "Select";
+te.displayName = "Select";
 const Gt = {
   colorBrandDeepPurple: "var(--purpur-color-purple-100)",
   colorBrandCorePurple: "var(--purpur-color-purple-400)",
@@ -1226,13 +1234,13 @@ const Gt = {
   colorBorderStatusSuccess: da,
   colorBorderStatusErrorNegative: la,
   colorBorderStatusSuccessNegative: _a
-}, jr = {
+}, Or = {
   light: ga,
   dark: Gt
-}, va = new RegExp("([\\p{Ll}\\d])(\\p{Lu})", "gu"), fa = new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])", "gu"), ma = new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d", "u"), ha = /[^\p{L}\d]+/giu, Pr = "$1\0$2", Cr = "";
-function ue(e) {
+}, va = new RegExp("([\\p{Ll}\\d])(\\p{Lu})", "gu"), fa = new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])", "gu"), ma = new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d", "u"), ha = /[^\p{L}\d]+/giu, jr = "$1\0$2", Pr = "";
+function ne(e) {
   let n = e.trim();
-  n = n.replace(va, Pr).replace(fa, Pr), n = n.replace(ha, "\0");
+  n = n.replace(va, jr).replace(fa, jr), n = n.replace(ha, "\0");
   let o = 0, i = n.length;
   for (; n.charAt(o) === "\0"; )
     o++;
@@ -1243,7 +1251,7 @@ function ue(e) {
   return n.slice(o, i).split(/\0/g);
 }
 function ya(e) {
-  const n = ue(e);
+  const n = ne(e);
   for (let o = 0; o < n.length; o++) {
     const i = n[o], u = ma.exec(i);
     if (u) {
@@ -1264,7 +1272,7 @@ function ba(e) {
   return e === !1 ? (n) => n.toLowerCase() : (n) => n.toLocaleLowerCase(e);
 }
 function Sa(e, n = {}) {
-  const o = n.split ?? (n.separateNumbers ? ya : ue), i = n.prefixCharacters ?? Cr, u = n.suffixCharacters ?? Cr;
+  const o = n.split ?? (n.separateNumbers ? ya : ne), i = n.prefixCharacters ?? Pr, u = n.suffixCharacters ?? Pr;
   let r = 0, t = e.length;
   for (; r < e.length; ) {
     const a = e.charAt(r);
@@ -1285,12 +1293,12 @@ function Sa(e, n = {}) {
   ];
 }
 const ka = ({
-  theme: e = jr,
+  theme: e = Or,
   cssVariablesSelector: n,
   currentColorScheme: o
 }) => {
-  me(() => {
-    o && Object.entries((e == null ? void 0 : e[o]) ?? jr[o]).forEach(
+  ve(() => {
+    o && Object.entries((e == null ? void 0 : e[o]) ?? Or[o]).forEach(
       ([i, u]) => {
         ((n ? document.querySelector(n) : null) ?? document.documentElement).style.setProperty(
           `--purpur-${$a(i)}`,
@@ -1299,19 +1307,19 @@ const ka = ({
       }
     );
   }, [e, n, o]);
-}, Na = Ur({
+}, Na = Jr({
   colorScheme: "light",
   currentColorScheme: "light",
   setColorScheme: () => {
   },
   options: {}
-}), pe = () => {
-  const e = Xr(Na);
+}), ae = () => {
+  const e = Kr(Na);
   if (!e)
     throw new Error("useTheme must be used within a ThemeProvider");
   return e;
 }, wa = () => {
-  const { currentColorScheme: e, setColorScheme: n } = pe();
+  const { currentColorScheme: e, setColorScheme: n } = ae();
   return [e, n];
 };
 function Ba(e) {
@@ -1323,9 +1331,9 @@ var G = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Ar;
+var Cr;
 function Ta() {
-  return Ar || (Ar = 1, function(e) {
+  return Cr || (Cr = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function o() {
@@ -1354,10 +1362,10 @@ function Ta() {
       }
       e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
     })();
-  }(G)), G.exports;
+  })(G)), G.exports;
 }
 var Ia = Ta();
-const rr = /* @__PURE__ */ Ba(Ia), s = "purpur-footer", er = {
+const Y = /* @__PURE__ */ Ba(Ia), s = "purpur-footer", rr = {
   "purpur-footer": "_purpur-footer_1jrwm_1",
   "purpur-footer__container": "_purpur-footer__container_1jrwm_8",
   "purpur-footer__logo": "_purpur-footer__logo_1jrwm_29",
@@ -1385,15 +1393,15 @@ const rr = /* @__PURE__ */ Ba(Ia), s = "purpur-footer", er = {
 function Oa(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Mr = { exports: {} };
+var Ar = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Er;
+var Mr;
 function ja() {
-  return Er || (Er = 1, function(e) {
+  return Mr || (Mr = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function o() {
@@ -1422,7 +1430,7 @@ function ja() {
       }
       e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
     })();
-  }(Mr)), Mr.exports;
+  })(Ar)), Ar.exports;
 }
 var Pa = ja();
 const Ca = /* @__PURE__ */ Oa(Pa), L = {
@@ -1447,7 +1455,7 @@ const Ca = /* @__PURE__ */ Oa(Pa), L = {
   "purpur-heading--display-200": "_purpur-heading--display-200_vo751_104"
 }, Aa = {
   TITLE100: "title-100"
-}, q = "purpur-heading", tr = ({
+}, q = "purpur-heading", er = ({
   children: e,
   className: n = "",
   enableHyphenation: o = !1,
@@ -1467,19 +1475,19 @@ const Ca = /* @__PURE__ */ Oa(Pa), L = {
   ]);
   return /* @__PURE__ */ p(a, { className: d, ...t, children: e });
 };
-tr.displayName = "Heading";
+er.displayName = "Heading";
 function Ma(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var zr = { exports: {} };
+var Er = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Hr;
+var zr;
 function Ea() {
-  return Hr || (Hr = 1, function(e) {
+  return zr || (zr = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function o() {
@@ -1508,10 +1516,10 @@ function Ea() {
       }
       e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
     })();
-  }(zr)), zr.exports;
+  })(Er)), Er.exports;
 }
 var za = Ea();
-const le = /* @__PURE__ */ Ma(za), Ha = {
+const ie = /* @__PURE__ */ Ma(za), Ha = {
   "purpur-accordion": "_purpur-accordion_mwmy0_1",
   "purpur-accordion__title": "_purpur-accordion__title_mwmy0_4",
   "purpur-accordion--negative": "_purpur-accordion--negative_mwmy0_13"
@@ -1519,15 +1527,15 @@ const le = /* @__PURE__ */ Ma(za), Ha = {
 function La(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Lr = { exports: {} };
+var Hr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var qr;
+var Lr;
 function qa() {
-  return qr || (qr = 1, function(e) {
+  return Lr || (Lr = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function o() {
@@ -1556,7 +1564,7 @@ function qa() {
       }
       e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
     })();
-  }(Lr)), Lr.exports;
+  })(Hr)), Hr.exports;
 }
 var Da = qa();
 const Wa = /* @__PURE__ */ La(Da), Va = {
@@ -1567,7 +1575,7 @@ const Wa = /* @__PURE__ */ La(Da), Va = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Ra = Wa.bind(Va), Dr = "purpur-icon", Za = "md", Fa = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Ga = ({ content: e = "", title: n } = {}) => {
+}, Ra = Wa.bind(Va), qr = "purpur-icon", Za = "md", Fa = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Ga = ({ content: e = "", title: n } = {}) => {
   const o = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -1575,33 +1583,33 @@ const Wa = /* @__PURE__ */ La(Da), Va = {
     n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], i = n ? `<title>${n}</title>` : "";
   return `<svg ${Fa(o)}>${i}${e}</svg>`;
-}, Qa = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), ce = ({ svg: e, allyTitle: n, className: o, size: i = Za, ...u }) => {
+}, Qa = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), ue = ({ svg: e, allyTitle: n, className: o, size: i = Za, ...u }) => {
   const r = Ga({
     content: Qa(e.svg),
     title: n
-  }), t = Ra(o, Dr, `${Dr}--${i}`);
+  }), t = Ra(o, qr, `${qr}--${i}`);
   return /* @__PURE__ */ p("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...u });
 };
-ce.displayName = "Icon";
+ue.displayName = "Icon";
 const Ja = {
   name: "chevron-down",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M20.136 7.864a.9.9 0 0 0-1.272 0L12 14.727 5.136 7.864a.9.9 0 0 0-1.272 1.272l7.5 7.5a.9.9 0 0 0 1.272 0l7.5-7.5a.9.9 0 0 0 0-1.272Z" clip-rule="evenodd"/></svg>',
   keywords: ["chevron-down"],
   category: "utility"
-}, se = (e) => /* @__PURE__ */ p(ce, { ...e, svg: Ja });
-se.displayName = "IconChevronDown";
+}, pe = (e) => /* @__PURE__ */ p(ue, { ...e, svg: Ja });
+pe.displayName = "IconChevronDown";
 function Ka(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Wr = { exports: {} };
+var Dr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Vr;
+var Wr;
 function Ua() {
-  return Vr || (Vr = 1, function(e) {
+  return Wr || (Wr = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function o() {
@@ -1630,7 +1638,7 @@ function Ua() {
       }
       e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
     })();
-  }(Wr)), Wr.exports;
+  })(Dr)), Dr.exports;
 }
 var Xa = Ua();
 const Ya = /* @__PURE__ */ Ka(Xa), ri = {
@@ -1650,7 +1658,7 @@ const Ya = /* @__PURE__ */ Ka(Xa), ri = {
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
 }, ei = Ya.bind(ri), ti = {
   PARAGRAPH100: "paragraph-100"
-}, z = "purpur-paragraph", de = ({
+}, z = "purpur-paragraph", le = ({
   children: e,
   className: n,
   disabled: o,
@@ -1666,7 +1674,7 @@ const Ya = /* @__PURE__ */ Ka(Xa), ri = {
   });
   return /* @__PURE__ */ p("p", { ...t, className: a, children: e });
 };
-de.displayName = "Paragraph";
+le.displayName = "Paragraph";
 const oi = {
   "purpur-accordion-item": "_purpur-accordion-item_1du2l_1",
   "purpur-accordion-item__trigger": "_purpur-accordion-item__trigger_1du2l_4",
@@ -1679,7 +1687,7 @@ const oi = {
   "purpur-accordion-item__contentText": "_purpur-accordion-item__contentText_1du2l_82",
   "purpur-accordion-item__contentText--limit-width": "_purpur-accordion-item__contentText--limit-width_1du2l_85",
   "purpur-accordion-item--negative": "_purpur-accordion-item--negative_1du2l_107"
-}, j = le.bind(oi), k = "purpur-accordion-item", ni = ({
+}, j = ie.bind(oi), k = "purpur-accordion-item", ni = ({
   children: e,
   className: n,
   fullWidth: o = !1,
@@ -1689,39 +1697,39 @@ const oi = {
   onClick: t,
   onOpen: a,
   onClose: d,
-  ...x
+  ..._
 }) => {
-  const $ = Xr(_e), l = K(), [_, f] = he(!r), h = j([
+  const y = Kr(ce), l = J(), [g, m] = fe(!r), x = j([
     n,
     k,
     {
-      [`${k}--negative`]: $
+      [`${k}--negative`]: y
     }
   ]);
-  return /* @__PURE__ */ v("div", { className: h, ...x, children: [
+  return /* @__PURE__ */ f("div", { className: x, ..._, children: [
     /* @__PURE__ */ p(
-      tr,
+      er,
       {
         tag: u,
         variant: "title-100",
         className: j([`${k}__header`, `${k}__title`]),
-        children: /* @__PURE__ */ v(
+        children: /* @__PURE__ */ f(
           "button",
           {
             type: "button",
-            "data-state": _ ? "open" : "close",
+            "data-state": g ? "open" : "close",
             onClick: (T) => {
-              t && t(T), _ ? a && a() : d && d(), f(!_);
+              t && t(T), g ? a && a() : d && d(), m(!g);
             },
             className: j(`${k}__trigger`, n, {
-              [`${k}__rotate`]: !_
+              [`${k}__rotate`]: !g
             }),
-            "aria-expanded": !_,
+            "aria-expanded": !g,
             "aria-controls": l,
             id: l + "button",
             children: [
               i,
-              /* @__PURE__ */ p(se, { size: "md", className: j(`${k}__icon`), "aria-hidden": !0 })
+              /* @__PURE__ */ p(pe, { size: "md", className: j(`${k}__icon`), "aria-hidden": !0 })
             ]
           }
         )
@@ -1731,7 +1739,7 @@ const oi = {
       "div",
       {
         className: j(`${k}__content`, n),
-        "aria-hidden": _,
+        "aria-hidden": g,
         id: l,
         "aria-labelledby": l + "button",
         role: "region",
@@ -1741,13 +1749,13 @@ const oi = {
             className: j(`${k}__contentText`, {
               [`${k}__contentText--limit-width`]: !o
             }),
-            children: typeof e == "string" ? /* @__PURE__ */ p(de, { variant: "paragraph-200", children: e }) : e
+            children: typeof e == "string" ? /* @__PURE__ */ p(le, { variant: "paragraph-200", children: e }) : e
           }
         )
       }
     )
   ] });
-}, Rr = le.bind(Ha), Q = "purpur-accordion", _e = Ur(!1), D = ({
+}, Vr = ie.bind(Ha), Q = "purpur-accordion", ce = Jr(!1), D = ({
   children: e,
   className: n,
   negative: o = !1,
@@ -1757,16 +1765,16 @@ const oi = {
   schema: t,
   ...a
 }) => {
-  const d = Rr([
+  const d = Vr([
     n,
     Q,
     {
       [`${Q}--negative`]: o
     }
   ]);
-  return /* @__PURE__ */ v("div", { className: d, ...a, children: [
-    i && /* @__PURE__ */ p(tr, { tag: u, variant: r, className: Rr(`${Q}__title`), children: i }),
-    /* @__PURE__ */ p(_e.Provider, { value: o, children: e }),
+  return /* @__PURE__ */ f("div", { className: d, ...a, children: [
+    i && /* @__PURE__ */ p(er, { tag: u, variant: r, className: Vr(`${Q}__title`), children: i }),
+    /* @__PURE__ */ p(ce.Provider, { value: o, children: e }),
     t && /* @__PURE__ */ p(
       "script",
       {
@@ -1780,7 +1788,7 @@ const oi = {
 };
 D.Item = ni;
 D.displayName = "Accordion";
-const P = rr.bind(er), Zr = ({ links: e, customLink: n }) => /* @__PURE__ */ p("ul", { children: e.map(({ href: o, text: i, ...u }, r) => /* @__PURE__ */ p("li", { children: n ? /* @__PURE__ */ p(
+const P = Y.bind(rr), Rr = ({ links: e, customLink: n }) => /* @__PURE__ */ p("ul", { children: e.map(({ href: o, text: i, ...u }, r) => /* @__PURE__ */ p("li", { children: n ? /* @__PURE__ */ p(
   n,
   {
     ...u,
@@ -1788,11 +1796,11 @@ const P = rr.bind(er), Zr = ({ links: e, customLink: n }) => /* @__PURE__ */ p("
     className: P(`${s}__custom-link-navigation`),
     children: i
   }
-) : /* @__PURE__ */ p(X, { ...u, variant: "navigation", negative: !0, href: o, disableVisited: !0, children: i }) }, r)) }), ai = ({
+) : /* @__PURE__ */ p(U, { ...u, variant: "navigation", negative: !0, href: o, disableVisited: !0, children: i }) }, r)) }), ai = ({
   navigationLinks: e,
   sectionProps: n,
   customLink: o
-}) => /* @__PURE__ */ v(Kr, { children: [
+}) => /* @__PURE__ */ f(de, { children: [
   /* @__PURE__ */ p(
     "section",
     {
@@ -1802,9 +1810,9 @@ const P = rr.bind(er), Zr = ({ links: e, customLink: n }) => /* @__PURE__ */ p("
         `${s}__navigation--lg`,
         n == null ? void 0 : n.className
       ),
-      children: e.map((i, u) => /* @__PURE__ */ v("div", { className: P(`${s}__navigation-section`), children: [
+      children: e.map((i, u) => /* @__PURE__ */ f("div", { className: P(`${s}__navigation-section`), children: [
         /* @__PURE__ */ p("h3", { className: P(`${s}__navigation-section-heading`), children: i.heading }),
-        /* @__PURE__ */ p(Zr, { links: i.links, customLink: o })
+        /* @__PURE__ */ p(Rr, { links: i.links, customLink: o })
       ] }, u))
     }
   ),
@@ -1823,7 +1831,7 @@ const P = rr.bind(er), Zr = ({ links: e, customLink: n }) => /* @__PURE__ */ p("
           title: i.heading,
           titleTag: "h2",
           className: P(`${s}__navigation-section`),
-          children: /* @__PURE__ */ p(Zr, { links: i.links, customLink: o })
+          children: /* @__PURE__ */ p(Rr, { links: i.links, customLink: o })
         },
         u
       )) })
@@ -1833,15 +1841,15 @@ const P = rr.bind(er), Zr = ({ links: e, customLink: n }) => /* @__PURE__ */ p("
 function ii(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Fr = { exports: {} };
+var Zr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Gr;
+var Fr;
 function ui() {
-  return Gr || (Gr = 1, function(e) {
+  return Fr || (Fr = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function o() {
@@ -1870,7 +1878,7 @@ function ui() {
       }
       e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
     })();
-  }(Fr)), Fr.exports;
+  })(Zr)), Zr.exports;
 }
 var pi = ui();
 const li = /* @__PURE__ */ ii(pi), ci = {
@@ -1881,7 +1889,7 @@ const li = /* @__PURE__ */ ii(pi), ci = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, si = li.bind(ci), Qr = "purpur-icon", di = "md", _i = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), gi = ({ content: e = "", title: n } = {}) => {
+}, si = li.bind(ci), Gr = "purpur-icon", di = "md", _i = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), gi = ({ content: e = "", title: n } = {}) => {
   const o = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -1889,15 +1897,15 @@ const li = /* @__PURE__ */ ii(pi), ci = {
     n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], i = n ? `<title>${n}</title>` : "";
   return `<svg ${_i(o)}>${i}${e}</svg>`;
-}, vi = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), ge = ({ svg: e, allyTitle: n, className: o, size: i = di, ...u }) => {
+}, vi = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), se = ({ svg: e, allyTitle: n, className: o, size: i = di, ...u }) => {
   const r = gi({
     content: vi(e.svg),
     title: n
-  }), t = si(o, Qr, `${Qr}--${i}`);
+  }), t = si(o, Gr, `${Gr}--${i}`);
   return /* @__PURE__ */ p("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...u });
 };
-ge.displayName = "Icon";
-const fi = rr.bind(er), Jr = ({ icon: e, href: n, ...o }) => /* @__PURE__ */ p(
+se.displayName = "Icon";
+const fi = Y.bind(rr), Qr = ({ icon: e, href: n, ...o }) => /* @__PURE__ */ p(
   "a",
   {
     ...o,
@@ -1905,9 +1913,9 @@ const fi = rr.bind(er), Jr = ({ icon: e, href: n, ...o }) => /* @__PURE__ */ p(
     className: fi(`${s}__social-link`),
     rel: "noreferrer",
     target: "_blank",
-    children: /* @__PURE__ */ p(ge, { svg: e })
+    children: /* @__PURE__ */ p(se, { svg: e })
   }
-), mi = () => /* @__PURE__ */ v(
+), mi = () => /* @__PURE__ */ f(
   "svg",
   {
     width: "81",
@@ -1917,7 +1925,7 @@ const fi = rr.bind(er), Jr = ({ icon: e, href: n, ...o }) => /* @__PURE__ */ p(
     role: "img",
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ v("g", { clipPath: "url(#clip0_5309_7721)", children: [
+      /* @__PURE__ */ f("g", { clipPath: "url(#clip0_5309_7721)", children: [
         /* @__PURE__ */ p(
           "path",
           {
@@ -1978,7 +1986,7 @@ const fi = rr.bind(er), Jr = ({ icon: e, href: n, ...o }) => /* @__PURE__ */ p(
       /* @__PURE__ */ p("defs", { children: /* @__PURE__ */ p("clipPath", { id: "clip0_5309_7721", children: /* @__PURE__ */ p("rect", { width: "81", height: "32", fill: "currentColor" }) }) })
     ]
   }
-), m = rr.bind(er), hi = ({
+), h = Y.bind(rr), hi = ({
   className: e,
   navigation: n,
   social: o,
@@ -1988,19 +1996,19 @@ const fi = rr.bind(er), Jr = ({ icon: e, href: n, ...o }) => /* @__PURE__ */ p(
   payments: t,
   logo: a,
   themeSelect: d,
-  forceColorScheme: x,
-  ...$
+  forceColorScheme: _,
+  ...y
 }) => {
-  var w, I, H, B, C, or, nr, ar;
-  const l = m(e, s), _ = K(), { options: f } = pe(), [h, T] = wa();
+  var w, I, H, B, C, tr, or, nr;
+  const l = h(e, s), g = J(), { options: m } = ae(), [x, T] = wa();
   return ka({
-    cssVariablesSelector: `[data-id="${_}"]`,
-    currentColorScheme: x ?? (f == null ? void 0 : f.footerColorScheme)
-  }), /* @__PURE__ */ p("footer", { "data-id": _, className: l, ...$, children: /* @__PURE__ */ p(U, { children: /* @__PURE__ */ v("div", { className: m(`${s}__container`), children: [
+    cssVariablesSelector: `[data-id="${g}"]`,
+    currentColorScheme: _ ?? (m == null ? void 0 : m.footerColorScheme)
+  }), /* @__PURE__ */ p("footer", { "data-id": g, className: l, ...y, children: /* @__PURE__ */ p(K, { children: /* @__PURE__ */ f("div", { className: h(`${s}__container`), children: [
     /* @__PURE__ */ p(
       "div",
       {
-        className: m(`${s}__logo`, {
+        className: h(`${s}__logo`, {
           [`${s}__logo--telia`]: !a
         }),
         children: a ?? /* @__PURE__ */ p(mi, {})
@@ -2010,12 +2018,12 @@ const fi = rr.bind(er), Jr = ({ icon: e, href: n, ...o }) => /* @__PURE__ */ p(
       "section",
       {
         ...o.sectionProps,
-        className: m(
+        className: h(
           `${s}__social`,
           `${s}__social--md`,
           (w = o.sectionProps) == null ? void 0 : w.className
         ),
-        children: o.links.map(({ icon: b, href: S, ...A }) => /* @__PURE__ */ V(Jr, { ...A, icon: b, href: S, key: S }))
+        children: o.links.map(({ icon: b, href: S, ...A }) => /* @__PURE__ */ V(Qr, { ...A, icon: b, href: S, key: S }))
       }
     ),
     n && /* @__PURE__ */ p(
@@ -2030,11 +2038,11 @@ const fi = rr.bind(er), Jr = ({ icon: e, href: n, ...o }) => /* @__PURE__ */ p(
       "section",
       {
         ...t.sectionProps,
-        className: m(`${s}__payments`, (I = t.sectionProps) == null ? void 0 : I.className),
+        className: h(`${s}__payments`, (I = t.sectionProps) == null ? void 0 : I.className),
         children: t.images.map(({ alt: b, src: S }) => /* @__PURE__ */ p(
           "img",
           {
-            className: m(`${s}__payments-image`),
+            className: h(`${s}__payments-image`),
             src: S,
             alt: b
           },
@@ -2042,18 +2050,18 @@ const fi = rr.bind(er), Jr = ({ icon: e, href: n, ...o }) => /* @__PURE__ */ p(
         ))
       }
     ),
-    i && /* @__PURE__ */ v(
+    i && /* @__PURE__ */ f(
       "section",
       {
         ...i.sectionProps,
-        className: m(`${s}__contacts`, (H = i.sectionProps) == null ? void 0 : H.className),
+        className: h(`${s}__contacts`, (H = i.sectionProps) == null ? void 0 : H.className),
         children: [
-          i.copyright && /* @__PURE__ */ p("div", { className: m(`${s}__contacts-copyright`), children: i.copyright }),
+          i.copyright && /* @__PURE__ */ p("div", { className: h(`${s}__contacts-copyright`), children: i.copyright }),
           i.address && /* @__PURE__ */ p(
             "address",
             {
               ...i.address.addressProps,
-              className: m(
+              className: h(
                 `${s}__contacts-address`,
                 (B = i.address.addressProps) == null ? void 0 : B.className
               ),
@@ -2063,23 +2071,23 @@ const fi = rr.bind(er), Jr = ({ icon: e, href: n, ...o }) => /* @__PURE__ */ p(
         ]
       }
     ),
-    (r || u) && /* @__PURE__ */ v("div", { className: m(`${s}__additional`), children: [
+    (r || u) && /* @__PURE__ */ f("div", { className: h(`${s}__additional`), children: [
       r && /* @__PURE__ */ p(
         "section",
         {
           ...r.sectionProps,
-          className: m(`${s}__custom-content`, (C = r.sectionProps) == null ? void 0 : C.className),
+          className: h(`${s}__custom-content`, (C = r.sectionProps) == null ? void 0 : C.className),
           children: r.content
         }
       ),
       d && /* @__PURE__ */ p(
-        ae,
+        te,
         {
-          value: h,
+          value: x,
           label: d.label,
           options: d.options,
           negative: !0,
-          className: m(`${s}__theme-select`),
+          className: h(`${s}__theme-select`),
           onChange: (b) => {
             T(b.target.value);
           }
@@ -2089,12 +2097,12 @@ const fi = rr.bind(er), Jr = ({ icon: e, href: n, ...o }) => /* @__PURE__ */ p(
         "section",
         {
           ...u.sectionProps,
-          className: m(
+          className: h(
             `${s}__additional-links`,
-            (or = u.sectionProps) == null ? void 0 : or.className
+            (tr = u.sectionProps) == null ? void 0 : tr.className
           ),
-          children: (nr = u == null ? void 0 : u.links) == null ? void 0 : nr.map(({ href: b, text: S, ...A }) => /* @__PURE__ */ V(
-            X,
+          children: (or = u == null ? void 0 : u.links) == null ? void 0 : or.map(({ href: b, text: S, ...A }) => /* @__PURE__ */ V(
+            U,
             {
               ...A,
               variant: "standalone",
@@ -2112,12 +2120,12 @@ const fi = rr.bind(er), Jr = ({ icon: e, href: n, ...o }) => /* @__PURE__ */ p(
       "section",
       {
         ...o.sectionProps,
-        className: m(
+        className: h(
           `${s}__social`,
           `${s}__social--sm`,
-          (ar = o.sectionProps) == null ? void 0 : ar.className
+          (nr = o.sectionProps) == null ? void 0 : nr.className
         ),
-        children: o.links.map(({ icon: b, href: S, ...A }) => /* @__PURE__ */ V(Jr, { ...A, icon: b, href: S, key: S }))
+        children: o.links.map(({ icon: b, href: S, ...A }) => /* @__PURE__ */ V(Qr, { ...A, icon: b, href: S, key: S }))
       }
     )
   ] }) }) });