@yourdash/uikit 0.1.17 → 0.1.18

package/dist/index.mjs

@@ -1,7 +1,8 @@
 import { jsx as a, jsxs as $, Fragment as z } from "react/jsx-runtime";
-import * as Ke from "react";
-import F, { createContext as ge, useRef as q, useEffect as B, useContext as ue, useState as D, memo as je } from "react";
-import { useNavigate as Pe, NavLink as Ae, Outlet as He } from "react-router";
+import * as je from "react";
+import F, { createContext as ge, useRef as q, useEffect as B, useContext as ue, useState as D, memo as Ae } from "react";
+import { useNavigate as Pe, Outlet as He } from "react-router";
+import { NavLink as Le } from "react-router-dom";
 import './index.css';var J = { exports: {} }, fe = {};
 /**
  * @license React
@@ -47,22 +48,22 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
     };
   }()), he;
 }
-var ko = J.exports, xe;
+var $o = J.exports, xe;
 function Ge() {
   return xe || (xe = 1, process.env.NODE_ENV === "production" ? J.exports = ze() : J.exports = qe()), J.exports;
 }
 var N = Ge();
-function Le(t) {
+function De(t) {
   var e, i, n = "";
   if (typeof t == "string" || typeof t == "number") n += t;
   else if (typeof t == "object") if (Array.isArray(t)) {
     var o = t.length;
-    for (e = 0; e < o; e++) t[e] && (i = Le(t[e])) && (n && (n += " "), n += i);
+    for (e = 0; e < o; e++) t[e] && (i = De(t[e])) && (n && (n += " "), n += i);
   } else for (i in t) t[i] && (n && (n += " "), n += i);
   return n;
 }
 function Ye() {
-  for (var t, e, i = 0, n = "", o = arguments.length; i < o; i++) (t = arguments[i]) && (e = Le(t)) && (n && (n += " "), n += e);
+  for (var t, e, i = 0, n = "", o = arguments.length; i < o; i++) (t = arguments[i]) && (e = De(t)) && (n && (n += " "), n += e);
   return n;
 }
 function v(...t) {
@@ -77,13 +78,13 @@ const We = "_component_8nm5z_10", Ve = {
   e[0] !== t.className ? (i = v(Ve.component, t.className), e[0] = t.className, e[1] = i) : i = e[1];
   let n;
   return e[2] !== t.disabled || e[3] !== t.onClick || e[4] !== t.text || e[5] !== i ? (n = /* @__PURE__ */ a("button", { className: i, onClick: t.onClick, "aria-label": t.text, disabled: t.disabled, type: "button", children: t.text }), e[2] = t.disabled, e[3] = t.onClick, e[4] = t.text, e[5] = i, e[6] = n) : n = e[6], n;
-}, De = ge({
+}, Ue = ge({
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   createMenu: (t) => {
   },
   destroyMenu: () => {
   }
-}), Xe = "_component_p0do9_10", Ze = "_button_p0do9_29", Ue = {
+}), Xe = "_component_p0do9_10", Ze = "_button_p0do9_29", Be = {
   component: Xe,
   button: Ze
 }, Qe = (t) => {
@@ -134,17 +135,17 @@ const We = "_component_8nm5z_10", Ve = {
   let C;
   e[9] !== m ? (C = m.map(Je), e[9] = m, e[10] = C) : C = e[10];
   let S;
-  e[11] !== _ || e[12] !== C ? (S = /* @__PURE__ */ a("div", { ref: u, style: _, className: Ue.component, children: C }), e[11] = _, e[12] = C, e[13] = S) : S = e[13];
+  e[11] !== _ || e[12] !== C ? (S = /* @__PURE__ */ a("div", { ref: u, style: _, className: Be.component, children: C }), e[11] = _, e[12] = C, e[13] = S) : S = e[13];
   let x;
-  return e[14] !== i || e[15] !== S ? (x = /* @__PURE__ */ $(De.Provider, { value: h, children: [
+  return e[14] !== i || e[15] !== S ? (x = /* @__PURE__ */ $(Ue.Provider, { value: h, children: [
     S,
     i
   ] }), e[14] = i, e[15] = S, e[16] = x) : x = e[16], x;
 };
 function Je(t) {
-  return /* @__PURE__ */ a(ve, { className: Ue.button, text: t.label, onClick: t.onClick }, t.label);
+  return /* @__PURE__ */ a(ve, { className: Be.button, text: t.label, onClick: t.onClick }, t.label);
 }
-function Be() {
+function Ee() {
   const t = window.navigator;
   if (new URLSearchParams(window.location.search).has("ukmobile")) return !0;
   if (t != null && t.userAgentData)
@@ -551,11 +552,11 @@ const et = "_component_psvf3_10", tt = "_h1component_psvf3_17", nt = "_h2compone
 }, kt = "_component_15phv_6", wt = "_preserveColor_15phv_22", Se = {
   component: kt,
   preserveColor: wt
-}, Ee = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.5%2012C3.11929%2012%202%2010.8807%202%209.5C2%208.27003%202.88822%207.24752%204.05823%207.03891C4.0201%206.86534%204%206.68502%204%206.5C4%205.11929%205.11929%204%206.5%204C7.74358%204%208.77509%204.908%208.96772%206.09719C9.13314%206.03438%209.31255%206%209.5%206C10.1768%206%2010.7489%206.4482%2010.9356%207.06396C11.117%207.02212%2011.3059%207%2011.5%207C12.8807%207%2014%208.11929%2014%209.5C14%2010.8807%2012.8807%2012%2011.5%2012H4.5ZM7.56111%207.81633L7.68889%209.63946H8.31111L8.43889%207.81633V7H7.56111V7.81633ZM7.61111%2010.8966C7.68889%2010.9655%207.79074%2011%207.91667%2011H8.07778C8.20741%2011%208.30926%2010.9655%208.38333%2010.8966C8.46111%2010.8277%208.5%2010.7351%208.5%2010.619C8.5%2010.5029%208.46111%2010.4104%208.38333%2010.3415C8.30926%2010.2726%208.20926%2010.2381%208.08333%2010.2381H7.91667C7.79074%2010.2381%207.68889%2010.2726%207.61111%2010.3415C7.53704%2010.4104%207.5%2010.5029%207.5%2010.619C7.5%2010.7315%207.53704%2010.824%207.61111%2010.8966Z'%20fill='white'/%3e%3c/svg%3e", $t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Oe = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.5%2012C3.11929%2012%202%2010.8807%202%209.5C2%208.27003%202.88822%207.24752%204.05823%207.03891C4.0201%206.86534%204%206.68502%204%206.5C4%205.11929%205.11929%204%206.5%204C7.74358%204%208.77509%204.908%208.96772%206.09719C9.13314%206.03438%209.31255%206%209.5%206C10.1768%206%2010.7489%206.4482%2010.9356%207.06396C11.117%207.02212%2011.3059%207%2011.5%207C12.8807%207%2014%208.11929%2014%209.5C14%2010.8807%2012.8807%2012%2011.5%2012H4.5ZM7.56111%207.81633L7.68889%209.63946H8.31111L8.43889%207.81633V7H7.56111V7.81633ZM7.61111%2010.8966C7.68889%2010.9655%207.79074%2011%207.91667%2011H8.07778C8.20741%2011%208.30926%2010.9655%208.38333%2010.8966C8.46111%2010.8277%208.5%2010.7351%208.5%2010.619C8.5%2010.5029%208.46111%2010.4104%208.38333%2010.3415C8.30926%2010.2726%208.20926%2010.2381%208.08333%2010.2381H7.91667C7.79074%2010.2381%207.68889%2010.2726%207.61111%2010.3415C7.53704%2010.4104%207.5%2010.5029%207.5%2010.619C7.5%2010.7315%207.53704%2010.824%207.61111%2010.8966Z'%20fill='white'/%3e%3c/svg%3e", $t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ee
+  default: Oe
 }, Symbol.toStringTag, { value: "Module" })), se = (t) => {
-  const e = N.c(14), [i, n] = D(Ee);
+  const e = N.c(14), [i, n] = D(Oe);
   let o;
   e[0] !== t ? (o = () => {
     typeof t.icon == "function" && t.icon().then((u) => {
@@ -595,7 +596,7 @@ const et = "_component_psvf3_10", tt = "_h1component_psvf3_17", nt = "_h2compone
   e[0] !== t.className ? (i = v(Pt.component, t.className), e[0] = t.className, e[1] = i) : i = e[1];
   let n;
   return e[2] !== t.style || e[3] !== t.text || e[4] !== i ? (n = /* @__PURE__ */ a("div", { className: i, style: t.style, children: t.text }), e[2] = t.style, e[3] = t.text, e[4] = i, e[5] = n) : n = e[5], n;
-}, Oe = F.createContext({
+}, Me = F.createContext({
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   showToast: (t) => {
   }
@@ -610,7 +611,7 @@ const et = "_component_psvf3_10", tt = "_h1component_psvf3_17", nt = "_h2compone
   heading: Ft,
   pointerEvents: Kt
 };
-function Me() {
+function Fe() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(t) {
     const e = Math.random() * 16 | 0;
     return (t == "x" ? e : e & 3 | 8).toString(16);
@@ -626,7 +627,7 @@ const ke = 5e3, jt = (t) => {
   let s;
   e[1] === Symbol.for("react.memo_cache_sentinel") ? (s = {
     showToast: (d) => {
-      const u = Me();
+      const u = Fe();
       l((f) => [...f, {
         ...d,
         uuid: u,
@@ -654,19 +655,19 @@ const ke = 5e3, jt = (t) => {
   let r;
   e[5] !== c ? (r = /* @__PURE__ */ a("div", { className: H.container, children: c }), e[5] = c, e[6] = r) : r = e[6];
   let m;
-  return e[7] !== i || e[8] !== r ? (m = /* @__PURE__ */ $(Oe.Provider, { value: s, children: [
+  return e[7] !== i || e[8] !== r ? (m = /* @__PURE__ */ $(Me.Provider, { value: s, children: [
     r,
     i
   ] }), e[7] = i, e[8] = r, e[9] = m) : m = e[9], m;
-}, wo = (t) => {
+}, Io = (t) => {
   const e = N.c(3);
   let i;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = v(K.theme, K.level0, Be() && K.mobile), e[0] = i) : i = e[0];
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = v(K.theme, K.level0, Ee() && K.mobile), e[0] = i) : i = e[0];
   let n;
   return e[1] !== t.children ? (n = /* @__PURE__ */ a("div", { className: i, children: /* @__PURE__ */ a(Qe, { children: /* @__PURE__ */ a(jt, { children: /* @__PURE__ */ a(ie.Provider, { value: 0, children: t.children }) }) }) }), e[1] = t.children, e[2] = n) : n = e[2], n;
 };
-function $o() {
-  const t = N.c(2), e = F.useContext(Oe);
+function Ro() {
+  const t = N.c(2), e = F.useContext(Me);
   let i;
   return t[0] !== e ? (i = {
     create(n) {
@@ -677,15 +678,15 @@ function $o() {
 function At(t) {
   return t * parseFloat(getComputedStyle(document.documentElement).fontSize);
 }
-const Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const To = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   clippy: v,
-  generateUUID: Me,
-  isPhone: Be,
+  generateUUID: Fe,
+  isPhone: Ee,
   remToPx: At
 }, Symbol.toStringTag, { value: "Module" })), Ht = "_component_7kjva_6", zt = {
   component: Ht
-}, Ro = (t) => {
+}, Po = (t) => {
   const e = N.c(5), {
     children: i,
     className: n
@@ -697,19 +698,23 @@ const Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, qt = "_component_gvwt1_10", Gt = "_link_gvwt1_45", Yt = {
   component: qt,
   link: Gt
-}, To = (t) => {
-  const e = N.c(9), i = Pe();
-  let n;
-  e[0] !== i || e[1] !== t.to ? (n = () => (i(t.to), 0), e[0] = i, e[1] = t.to, e[2] = n) : n = e[2];
-  const o = t.text;
+}, Lo = (t) => {
+  const e = N.c(8);
+  Pe();
+  const i = t.to, n = t.text;
+  let o;
+  e[0] !== t.className ? (o = v(Yt.component, t.className), e[0] = t.className, e[1] = o) : o = e[1];
   let l;
-  e[3] !== t.className ? (l = v(Yt.component, t.className), e[3] = t.className, e[4] = l) : l = e[4];
+  e[2] !== t.text || e[3] !== o ? (l = /* @__PURE__ */ a(ve, { onClick: Wt, text: n, className: o }), e[2] = t.text, e[3] = o, e[4] = l) : l = e[4];
   let s;
-  return e[5] !== t.text || e[6] !== n || e[7] !== l ? (s = /* @__PURE__ */ a(ve, { onClick: n, text: o, className: l }), e[5] = t.text, e[6] = n, e[7] = l, e[8] = s) : s = e[8], s;
-}, Wt = "_component_11sed_10", Vt = "_icon_11sed_49", we = {
-  component: Wt,
-  icon: Vt
-}, Xt = (t) => {
+  return e[5] !== t.to || e[6] !== l ? (s = /* @__PURE__ */ a(Le, { to: i, children: l }), e[5] = t.to, e[6] = l, e[7] = s) : s = e[7], s;
+};
+function Wt() {
+}
+const Vt = "_component_11sed_10", Xt = "_icon_11sed_49", we = {
+  component: Vt,
+  icon: Xt
+}, Zt = (t) => {
   const e = N.c(10);
   let i;
   e[0] !== t.className ? (i = v(we.component, t.className), e[0] = t.className, e[1] = i) : i = e[1];
@@ -720,20 +725,20 @@ const Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     n,
     t.text
   ] }), e[4] = t.disabled, e[5] = t.onClick, e[6] = t.text, e[7] = i, e[8] = n, e[9] = o) : o = e[9], o;
-}, Zt = "_component_194wg_10", Qt = "_disableRounding_194wg_23", $e = {
-  component: Zt,
-  disableRounding: Qt
-}, Jt = (t) => {
+}, Qt = "_component_194wg_10", Jt = "_disableRounding_194wg_23", $e = {
+  component: Qt,
+  disableRounding: Jt
+}, en = (t) => {
   const e = t.level || G();
   return /* @__PURE__ */ a("div", { className: v($e.component, t.className, t.disableRounding && $e.disableRounding, X(e)), style: t.style, children: /* @__PURE__ */ a(ne, { children: t.children }) });
-}, Po = (t) => {
+}, Do = (t) => {
   const e = N.c(4), {
     items: i,
     children: n,
     className: o
   } = t;
   let l;
-  return e[0] !== n || e[1] !== o || e[2] !== i ? (l = /* @__PURE__ */ a(De.Consumer, { children: (s) => /* @__PURE__ */ a("div", { className: o, onContextMenu: (c) => {
+  return e[0] !== n || e[1] !== o || e[2] !== i ? (l = /* @__PURE__ */ a(Ue.Consumer, { children: (s) => /* @__PURE__ */ a("div", { className: o, onContextMenu: (c) => {
     c.stopPropagation(), c.preventDefault();
     const r = c.currentTarget.getBoundingClientRect();
     s.createMenu({
@@ -748,27 +753,27 @@ const Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     };
     window.addEventListener("click", m), window.addEventListener("contextmenu", m);
   }, children: n }) }), e[0] = n, e[1] = o, e[2] = i, e[3] = l) : l = e[3], l;
-}, en = "_component_eathd_10", tn = "_row_eathd_15", nn = "_column_eathd_19", on = "_centerHorizontally_eathd_23", ln = "_centerVertically_eathd_27", cn = "_padding_eathd_31", Q = {
-  component: en,
-  row: tn,
-  column: nn,
-  centerHorizontally: on,
-  centerVertically: ln,
-  padding: cn
+}, tn = "_component_eathd_10", nn = "_row_eathd_15", on = "_column_eathd_19", ln = "_centerHorizontally_eathd_23", cn = "_centerVertically_eathd_27", sn = "_padding_eathd_31", Q = {
+  component: tn,
+  row: nn,
+  column: on,
+  centerHorizontally: ln,
+  centerVertically: cn,
+  padding: sn
 }, te = (t) => {
   const e = N.c(11), i = t.ref, n = t.style, o = Q[t.direction], l = t.centerHorizontally && Q.centerHorizontally, s = t.centerVertically && Q.centerVertically, c = t.padding && Q.padding;
   let r;
   e[0] !== t.className || e[1] !== o || e[2] !== l || e[3] !== s || e[4] !== c ? (r = v(Q.component, o, t.className, l, s, c), e[0] = t.className, e[1] = o, e[2] = l, e[3] = s, e[4] = c, e[5] = r) : r = e[5];
   let m;
   return e[6] !== t.children || e[7] !== t.ref || e[8] !== t.style || e[9] !== r ? (m = /* @__PURE__ */ a("div", { ref: i, style: n, className: r, children: t.children }), e[6] = t.children, e[7] = t.ref, e[8] = t.style, e[9] = r, e[10] = m) : m = e[10], m;
-}, sn = "_componentContainer_nblot_10", rn = "_component_nblot_10", an = "_noRounding_nblot_28", mn = "_loading_nblot_32", dn = "_serverError_nblot_47", un = "_fail_nblot_1", Y = {
-  componentContainer: sn,
-  component: rn,
-  noRounding: an,
-  loading: mn,
-  serverError: dn,
-  fail: un
-}, fn = (t) => {
+}, rn = "_componentContainer_nblot_10", an = "_component_nblot_10", mn = "_noRounding_nblot_28", dn = "_loading_nblot_32", un = "_serverError_nblot_47", fn = "_fail_nblot_1", Y = {
+  componentContainer: rn,
+  component: an,
+  noRounding: mn,
+  loading: dn,
+  serverError: un,
+  fail: fn
+}, hn = (t) => {
   const e = N.c(35), i = G(), [n, o] = D(!1), [l, s] = D(!1);
   let c;
   e[0] === Symbol.for("react.memo_cache_sentinel") ? (c = () => {
@@ -812,9 +817,9 @@ const Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     R,
     T
   ] }), e[29] = t.onClick, e[30] = R, e[31] = T, e[32] = f, e[33] = g, e[34] = E) : E = e[34], E;
-}, Fe = je(fn), hn = "_component_7iu6s_10", Ie = {
-  component: hn
-}, Lo = (t) => {
+}, Ke = Ae(hn), _n = "_component_7iu6s_10", Ie = {
+  component: _n
+}, Uo = (t) => {
   const e = N.c(10), i = t.to;
   let n;
   e[0] !== t.className ? (n = v(Ie.component, t.className), e[0] = t.className, e[1] = n) : n = e[1];
@@ -824,8 +829,8 @@ const Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     !t.hideLinkIcon && /* @__PURE__ */ a(se, { icon: j.Link, className: Ie.icon })
   ] }), e[2] = t.children, e[3] = t.hideLinkIcon, e[4] = t.text, e[5] = o) : o = e[5];
   let l;
-  return e[6] !== t.to || e[7] !== n || e[8] !== o ? (l = /* @__PURE__ */ a(Ae, { to: i, viewTransition: !0, className: n, children: o }), e[6] = t.to, e[7] = n, e[8] = o, e[9] = l) : l = e[9], l;
-}, Do = (t) => {
+  return e[6] !== t.to || e[7] !== n || e[8] !== o ? (l = /* @__PURE__ */ a(Le, { to: i, viewTransition: !0, className: n, children: o }), e[6] = t.to, e[7] = n, e[8] = o, e[9] = l) : l = e[9], l;
+}, Bo = (t) => {
   const e = N.c(7), {
     maxValue: i,
     value: n,
@@ -840,23 +845,23 @@ const Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     s,
     c
   ] }), e[4] = s, e[5] = c, e[6] = r) : r = e[6], r;
-}, Uo = (t) => {
+}, Eo = (t) => {
   const e = N.c(2), i = Pe();
   t.to !== null && i(t.to);
   const n = `Redirecting to ${t.to}`;
   let o;
   return e[0] !== n ? (o = /* @__PURE__ */ a(ce, { children: /* @__PURE__ */ a(V, { text: n }) }), e[0] = n, e[1] = o) : o = e[1], o;
-}, _n = "_component_7t5t1_6", gn = "_container_7t5t1_17", vn = "_infiniteSpin_7t5t1_1", bn = "_spinnerBack_7t5t1_26", yn = "_spinnerBorder_7t5t1_37", Cn = "_spinnerCutoutContainer_7t5t1_48", Nn = "_spinnerCutout_7t5t1_48", pn = "_spinnerCutoutOne_7t5t1_65", xn = "_spinnerCutoutTwo_7t5t1_70", M = {
-  component: _n,
-  container: gn,
-  infiniteSpin: vn,
-  spinnerBack: bn,
-  spinnerBorder: yn,
-  spinnerCutoutContainer: Cn,
-  spinnerCutout: Nn,
-  spinnerCutoutOne: pn,
-  spinnerCutoutTwo: xn
-}, Bo = (t) => {
+}, gn = "_component_7t5t1_6", vn = "_container_7t5t1_17", bn = "_infiniteSpin_7t5t1_1", yn = "_spinnerBack_7t5t1_26", Cn = "_spinnerBorder_7t5t1_37", Nn = "_spinnerCutoutContainer_7t5t1_48", pn = "_spinnerCutout_7t5t1_48", xn = "_spinnerCutoutOne_7t5t1_65", Sn = "_spinnerCutoutTwo_7t5t1_70", M = {
+  component: gn,
+  container: vn,
+  infiniteSpin: bn,
+  spinnerBack: yn,
+  spinnerBorder: Cn,
+  spinnerCutoutContainer: Nn,
+  spinnerCutout: pn,
+  spinnerCutoutOne: xn,
+  spinnerCutoutTwo: Sn
+}, Oo = (t) => {
   const e = N.c(5);
   let i, n;
   e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ a("div", { className: M.spinnerBorder }), n = /* @__PURE__ */ a("div", { className: M.spinnerBack }), e[0] = i, e[1] = n) : (i = e[0], n = e[1]);
@@ -871,41 +876,41 @@ const Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ] }), e[2] = o) : o = e[2];
   let l;
   return e[3] !== t.style ? (l = /* @__PURE__ */ a("div", { className: M.component, style: t.style, children: o }), e[3] = t.style, e[4] = l) : l = e[4], l;
-}, Sn = "_component_1drme_10", kn = "_levelDefault_1drme_15", wn = {
-  component: Sn,
-  levelDefault: kn
-}, Eo = (t) => {
+}, kn = "_component_1drme_10", wn = "_levelDefault_1drme_15", $n = {
+  component: kn,
+  levelDefault: wn
+}, Mo = (t) => {
   const e = N.c(6);
   let i;
-  e[0] !== t.className ? (i = v(wn.component, t.className), e[0] = t.className, e[1] = i) : i = e[1];
+  e[0] !== t.className ? (i = v($n.component, t.className), e[0] = t.className, e[1] = i) : i = e[1];
   let n;
   return e[2] !== t.style || e[3] !== t.text || e[4] !== i ? (n = /* @__PURE__ */ a("div", { className: i, style: t.style, children: t.text }), e[2] = t.style, e[3] = t.text, e[4] = i, e[5] = n) : n = e[5], n;
-}, $n = "_component_125pe_10", In = {
-  component: $n
-}, Oo = (t) => {
+}, In = "_component_125pe_10", Rn = {
+  component: In
+}, Fo = (t) => {
   const e = N.c(8);
   let i;
-  e[0] !== t.className ? (i = v(In.component, t.className), e[0] = t.className, e[1] = i) : i = e[1];
+  e[0] !== t.className ? (i = v(Rn.component, t.className), e[0] = t.className, e[1] = i) : i = e[1];
   let n;
   e[2] !== t.color ? (n = {
     backgroundColor: t.color
   }, e[2] = t.color, e[3] = n) : n = e[3];
   let o;
   return e[4] !== t.text || e[5] !== i || e[6] !== n ? (o = /* @__PURE__ */ a("div", { className: i, style: n, children: t.text }), e[4] = t.text, e[5] = i, e[6] = n, e[7] = o) : o = e[7], o;
-}, Rn = "_component_1y11j_10", Tn = {
-  component: Rn
-}, Mo = (t) => {
+}, Tn = "_component_1y11j_10", Pn = {
+  component: Tn
+}, Ko = (t) => {
   const e = N.c(6);
   let i;
-  e[0] !== t.className ? (i = v(Tn.component, t.className), e[0] = t.className, e[1] = i) : i = e[1];
+  e[0] !== t.className ? (i = v(Pn.component, t.className), e[0] = t.className, e[1] = i) : i = e[1];
   let n;
   return e[2] !== t.onClick || e[3] !== t.text || e[4] !== i ? (n = /* @__PURE__ */ a("button", { className: i, onClick: t.onClick, "aria-label": t.text, children: t.text }), e[2] = t.onClick, e[3] = t.text, e[4] = i, e[5] = n) : n = e[5], n;
-}, Pn = "_component_10l5e_10", Ln = "_icon_10l5e_28", Dn = "_input_10l5e_36", Un = "_noIcon_10l5e_44", re = {
-  component: Pn,
-  icon: Ln,
-  input: Dn,
-  noIcon: Un
-}, Fo = (t) => {
+}, Ln = "_component_10l5e_10", Dn = "_icon_10l5e_28", Un = "_input_10l5e_36", Bn = "_noIcon_10l5e_44", re = {
+  component: Ln,
+  icon: Dn,
+  input: Un,
+  noIcon: Bn
+}, jo = (t) => {
   const e = N.c(23), i = q(null);
   let n, o;
   e[0] !== t.value ? (n = () => {
@@ -935,7 +940,7 @@ const Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     r,
     b
   ] }), e[19] = b, e[20] = c, e[21] = r, e[22] = _) : _ = e[22], _;
-}, Ko = (t) => {
+}, Ao = (t) => {
   const e = N.c(5), {
     className: i,
     onSeen: n
@@ -956,7 +961,7 @@ const Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     return null;
   let m;
   return e[3] !== i ? (m = /* @__PURE__ */ a("div", { ref: s, className: i }), e[3] = i, e[4] = m) : m = e[4], m;
-}, jo = (t) => {
+}, Ho = (t) => {
   const e = N.c(7), {
     className: i,
     onEnterView: n,
@@ -1017,17 +1022,17 @@ const Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   }, e[4] = m) : m = e[4];
   let d;
   return e[5] !== i ? (d = /* @__PURE__ */ a("div", { ref: s, style: m, className: i }), e[5] = i, e[6] = d) : d = e[6], d;
-}, Bn = "_containerComponent_5q8wt_6", En = "_component_5q8wt_17", On = "_page_5q8wt_34", Mn = "_activePage_5q8wt_52", Fn = "_controls_5q8wt_56", Kn = "_indicatorContainer_5q8wt_67", jn = "_indicator_5q8wt_67", An = "_pageIndicator_5q8wt_80", Hn = "_selected_5q8wt_89", U = {
-  containerComponent: Bn,
-  component: En,
-  page: On,
-  activePage: Mn,
-  controls: Fn,
-  indicatorContainer: Kn,
-  indicator: jn,
-  pageIndicator: An,
-  selected: Hn
-}, Ao = (t) => {
+}, En = "_containerComponent_5q8wt_6", On = "_component_5q8wt_17", Mn = "_page_5q8wt_34", Fn = "_activePage_5q8wt_52", Kn = "_controls_5q8wt_56", jn = "_indicatorContainer_5q8wt_67", An = "_indicator_5q8wt_67", Hn = "_pageIndicator_5q8wt_80", zn = "_selected_5q8wt_89", U = {
+  containerComponent: En,
+  component: On,
+  page: Mn,
+  activePage: Fn,
+  controls: Kn,
+  indicatorContainer: jn,
+  indicator: An,
+  pageIndicator: Hn,
+  selected: zn
+}, zo = (t) => {
   const e = N.c(35), {
     items: i,
     className: n,
@@ -1132,16 +1137,16 @@ const Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     S
   ] }), e[26] = S, e[27] = b, e[28] = C, e[29] = x) : x = e[29];
   let w;
-  return e[30] !== x || e[31] !== u || e[32] !== f || e[33] !== h ? (w = /* @__PURE__ */ $(Jt, { className: u, style: f, children: [
+  return e[30] !== x || e[31] !== u || e[32] !== f || e[33] !== h ? (w = /* @__PURE__ */ $(en, { className: u, style: f, children: [
     h,
     x
   ] }), e[30] = x, e[31] = u, e[32] = f, e[33] = h, e[34] = w) : w = e[34], w;
-}, zn = "_background_l6sy4_26", qn = "_backgroundFadeIn_l6sy4_1", Gn = "_view_l6sy4_39", Yn = "_fadeIn_l6sy4_1", Re = {
-  background: zn,
-  backgroundFadeIn: qn,
-  view: Gn,
-  fadeIn: Yn
-}, Ho = (t) => {
+}, qn = "_background_l6sy4_26", Gn = "_backgroundFadeIn_l6sy4_1", Yn = "_view_l6sy4_39", Wn = "_fadeIn_l6sy4_1", Re = {
+  background: qn,
+  backgroundFadeIn: Gn,
+  view: Yn,
+  fadeIn: Wn
+}, qo = (t) => {
   const e = N.c(7), {
     children: i,
     className: n,
@@ -1152,9 +1157,9 @@ const Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   } = t;
   let r;
   return e[0] !== s || e[1] !== o || e[2] !== i || e[3] !== n || e[4] !== c || e[5] !== l ? (r = /* @__PURE__ */ a("div", { className: Re.background, children: /* @__PURE__ */ a(ce, { containerClassName: Re.view, actionsClassName: o, headerClassName: l, actions: s, header: c, className: n, children: i }) }), e[0] = s, e[1] = o, e[2] = i, e[3] = n, e[4] = c, e[5] = l, e[6] = r) : r = e[6], r;
-}, Wn = "_view_1557p_10", Vn = {
-  view: Wn
-}, zo = (t) => {
+}, Vn = "_view_1557p_10", Xn = {
+  view: Vn
+}, Go = (t) => {
   const e = N.c(7), {
     backgroundImage: i,
     heading: n
@@ -1168,8 +1173,8 @@ const Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   let l;
   e[2] !== n ? (l = /* @__PURE__ */ a(le, { level: 1, text: n }), e[2] = n, e[3] = l) : l = e[3];
   let s;
-  return e[4] !== o || e[5] !== l ? (s = /* @__PURE__ */ a(z, { children: /* @__PURE__ */ a("div", { className: Vn.view, style: o, children: l }) }), e[4] = o, e[5] = l, e[6] = s) : s = e[6], s;
-}, qo = ({
+  return e[4] !== o || e[5] !== l ? (s = /* @__PURE__ */ a(z, { children: /* @__PURE__ */ a("div", { className: Xn.view, style: o, children: l }) }), e[4] = o, e[5] = l, e[6] = s) : s = e[6], s;
+}, Yo = ({
   children: t,
   minZoom: e,
   maxZoom: i,
@@ -1219,11 +1224,11 @@ const Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     maxWidth: "max-content",
     pointerEvents: "none"
   }, children: t }) });
-}, Xn = "_component_7673o_10", Zn = "_items_7673o_19", Qn = "_endOfItems_7673o_23", ae = {
-  component: Xn,
-  items: Zn,
-  endOfItems: Qn
-}, Go = (t) => {
+}, Zn = "_component_7673o_10", Qn = "_items_7673o_19", Jn = "_endOfItems_7673o_23", ae = {
+  component: Zn,
+  items: Qn,
+  endOfItems: Jn
+}, Wo = (t) => {
   const e = N.c(22), {
     children: i,
     fetchNextPage: n,
@@ -1280,10 +1285,10 @@ const Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     S,
     p
   ] }), e[18] = C, e[19] = S, e[20] = p, e[21] = k) : k = e[21], k;
-}, Jn = "_component_yv1j4_6", eo = "_segment_yv1j4_20", me = {
-  component: Jn,
-  segment: eo
-}, Yo = (t) => {
+}, eo = "_component_yv1j4_6", to = "_segment_yv1j4_20", me = {
+  component: eo,
+  segment: to
+}, Vo = (t) => {
   const e = N.c(13), {
     leftSection: i,
     centerSection: n,
@@ -1304,34 +1309,34 @@ const Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     r,
     m
   ] }), e[8] = s, e[9] = c, e[10] = r, e[11] = m, e[12] = d) : d = e[12], d;
-}, to = "_component_1kaw9_6", no = {
-  component: to
-}, Wo = (t) => {
+}, no = "_component_1kaw9_6", oo = {
+  component: no
+}, Xo = (t) => {
   const e = N.c(2), {
     src: i
   } = t;
   let n;
-  return e[0] !== i ? (n = /* @__PURE__ */ a(Fe, { accessibleLabel: "", src: i, className: no.component }), e[0] = i, e[1] = n) : n = e[1], n;
-}, Vo = (t) => {
+  return e[0] !== i ? (n = /* @__PURE__ */ a(Ke, { accessibleLabel: "", src: i, className: oo.component }), e[0] = i, e[1] = n) : n = e[1], n;
+}, Zo = (t) => {
   const e = N.c(2), {
     title: i
   } = t;
   let n;
   return e[0] !== i ? (n = /* @__PURE__ */ a(le, { text: i, level: 2 }), e[0] = i, e[1] = n) : n = e[1], n;
-}, oo = "_page_rjfsg_6", io = "_fadeIn_rjfsg_1", lo = "_card_rjfsg_40", co = "_cardContainer_rjfsg_51", so = "_goBackButton_rjfsg_55", ro = "_headerImage_rjfsg_61", ao = "_header_rjfsg_61", mo = "_body_rjfsg_70", L = {
-  page: oo,
-  fadeIn: io,
-  card: lo,
-  cardContainer: co,
-  goBackButton: so,
-  headerImage: ro,
-  header: ao,
-  body: mo
-}, Xo = (t) => {
+}, io = "_page_rjfsg_6", lo = "_fadeIn_rjfsg_1", co = "_card_rjfsg_40", so = "_cardContainer_rjfsg_51", ro = "_goBackButton_rjfsg_55", ao = "_headerImage_rjfsg_61", mo = "_header_rjfsg_61", uo = "_body_rjfsg_70", L = {
+  page: io,
+  fadeIn: lo,
+  card: co,
+  cardContainer: so,
+  goBackButton: ro,
+  headerImage: ao,
+  header: mo,
+  body: uo
+}, Qo = (t) => {
   const e = N.c(26), {
     pages: i,
     applicationId: n
-  } = t, [o, l] = Ke.useState(0), s = i[o];
+  } = t, [o, l] = je.useState(0), s = i[o];
   if (localStorage.getItem(`yourdash-application-visited-${n}`) || o > i.length - 1) {
     localStorage.setItem(`yourdash-application-visited-${n}`, "true");
     let b;
@@ -1342,7 +1347,7 @@ const Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     l(o - 1);
   } }, "GoBackButton"), e[1] = o, e[2] = s.allowGoBack, e[3] = c) : c = e[3];
   let r;
-  e[4] !== s.headerImage ? (r = /* @__PURE__ */ a(Fe, { className: L.headerImage, src: s.headerImage, accessibleLabel: "" }), e[4] = s.headerImage, e[5] = r) : r = e[5];
+  e[4] !== s.headerImage ? (r = /* @__PURE__ */ a(Ke, { className: L.headerImage, src: s.headerImage, accessibleLabel: "" }), e[4] = s.headerImage, e[5] = r) : r = e[5];
   let m;
   e[6] !== s.header ? (m = /* @__PURE__ */ a(le, { className: L.header, text: s.header }), e[6] = s.header, e[7] = m) : m = e[7];
   let d;
@@ -1352,7 +1357,7 @@ const Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   let f;
   if (e[11] !== o || e[12] !== s.actions || e[13] !== i.length) {
     let b;
-    e[15] !== o || e[16] !== i.length ? (b = (_) => _.icon ? /* @__PURE__ */ a(z, { children: /* @__PURE__ */ a(Xt, { className: v(L.action, L.actionWithIcon, "animate__animated animate__fadeInUp"), text: _.label, icon: _.icon, onClick: () => {
+    e[15] !== o || e[16] !== i.length ? (b = (_) => _.icon ? /* @__PURE__ */ a(z, { children: /* @__PURE__ */ a(Zt, { className: v(L.action, L.actionWithIcon, "animate__animated animate__fadeInUp"), text: _.label, icon: _.icon, onClick: () => {
       var C;
       if ((C = _.onClick) == null || C.call(_), _.changeTo)
         e: switch (_.changeTo) {
@@ -1406,9 +1411,9 @@ const Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     u,
     g
   ] }) }), e[20] = c, e[21] = r, e[22] = m, e[23] = u, e[24] = g, e[25] = h) : h = e[25], h;
-}, uo = "_component_1xxhv_10", fo = "_open_1xxhv_40", Te = {
-  component: uo,
-  open: fo
+}, fo = "_component_1xxhv_10", ho = "_open_1xxhv_40", Te = {
+  component: fo,
+  open: ho
 }, be = ge({
   openSidebar: () => {
   },
@@ -1417,7 +1422,7 @@ const Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   toggleSidebar: () => {
   },
   isOpen: !0
-}), Zo = (t) => {
+}), Jo = (t) => {
   const e = N.c(6), {
     children: i
   } = t, n = ue(be), o = G(), l = n.isOpen && Te.open, s = X(o + 1);
@@ -1425,9 +1430,9 @@ const Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   e[0] !== l || e[1] !== s ? (c = v(Te.component, l, s), e[0] = l, e[1] = s, e[2] = c) : c = e[2];
   let r;
   return e[3] !== i || e[4] !== c ? (r = /* @__PURE__ */ a(ne, { children: /* @__PURE__ */ a(te, { direction: "column", className: c, children: i }) }), e[3] = i, e[4] = c, e[5] = r) : r = e[5], r;
-}, ho = "_component_f16q1_10", _o = {
-  component: ho
-}, Qo = (t) => {
+}, _o = "_component_f16q1_10", go = {
+  component: _o
+}, ei = (t) => {
   const e = N.c(15), {
     children: i,
     showSidebarByDefault: n,
@@ -1453,12 +1458,12 @@ const Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     isOpen: l
   }, e[4] = l, e[5] = r, e[6] = d) : d = e[6];
   let u;
-  e[7] !== o ? (u = v(_o.component, o), e[7] = o, e[8] = u) : u = e[8];
+  e[7] !== o ? (u = v(go.component, o), e[7] = o, e[8] = u) : u = e[8];
   let f;
   e[9] !== i || e[10] !== u ? (f = /* @__PURE__ */ a("div", { className: u, children: i }), e[9] = i, e[10] = u, e[11] = f) : f = e[11];
   let g;
   return e[12] !== d || e[13] !== f ? (g = /* @__PURE__ */ a(be.Provider, { value: d, children: f }), e[12] = d, e[13] = f, e[14] = g) : g = e[14], g;
-}, Jo = (t) => {
+}, ti = (t) => {
   const e = N.c(8), {
     className: i,
     style: n
@@ -1469,14 +1474,14 @@ const Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   }, e[0] = o, e[1] = c) : c = e[1];
   let r;
   return e[2] !== i || e[3] !== n || e[4] !== l || e[5] !== s || e[6] !== c ? (r = /* @__PURE__ */ a(oe, { style: n, className: i, accessibleLabel: l, icon: s, onClick: c }), e[2] = i, e[3] = n, e[4] = l, e[5] = s, e[6] = c, e[7] = r) : r = e[7], r;
-}, go = "_layout_25jum_1", vo = "_header_25jum_8", bo = "_footer_25jum_12", yo = "_children_25jum_16", Co = "_primarySidebar_25jum_20", No = "_secondarySidebar_25jum_24", W = {
-  layout: go,
-  header: vo,
-  footer: bo,
-  children: yo,
-  primarySidebar: Co,
-  secondarySidebar: No
-}, ei = (t) => {
+}, vo = "_layout_25jum_1", bo = "_header_25jum_8", yo = "_footer_25jum_12", Co = "_children_25jum_16", No = "_primarySidebar_25jum_20", po = "_secondarySidebar_25jum_24", W = {
+  layout: vo,
+  header: bo,
+  footer: yo,
+  children: Co,
+  primarySidebar: No,
+  secondarySidebar: po
+}, ni = (t) => {
   const e = N.c(16), {
     primarySidebar: i,
     secondarySidebar: n,
@@ -1504,50 +1509,50 @@ const Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ] }), e[10] = c, e[11] = r, e[12] = m, e[13] = d, e[14] = u, e[15] = f) : f = e[15], f;
 };
 export {
-  Ko as HasBeenShown,
-  jo as OnInView,
-  wo as UIKitRoot,
+  Ao as HasBeenShown,
+  Ho as OnInView,
+  Io as UIKitRoot,
   ee as UKBox,
   ve as UKButton,
-  Ro as UKButtonCombo,
-  To as UKButtonLink,
-  Xt as UKButtonWithIcon,
+  Po as UKButtonCombo,
+  Lo as UKButtonLink,
+  Zt as UKButtonWithIcon,
   ce as UKCard,
-  Ao as UKCarousel,
-  Jt as UKContainer,
-  Po as UKContextMenu,
+  zo as UKCarousel,
+  en as UKContainer,
+  Do as UKContextMenu,
   St as UKDecrementLevel,
-  Ho as UKDialog,
+  qo as UKDialog,
   te as UKFlex,
   le as UKHeading,
   se as UKIcon,
   oe as UKIconButton,
   j as UKIcons,
-  Fe as UKImage,
+  Ke as UKImage,
   ne as UKIncrementLevel,
-  Go as UKInfiniteScroll,
-  ei as UKLayout,
-  Lo as UKLink,
-  Yo as UKNavBar,
-  Wo as UKNavBarImage,
-  Vo as UKNavBarTitle,
-  Xo as UKOnBoarding,
-  zo as UKPageHeader,
-  qo as UKPanAndZoom,
-  Do as UKProgressBar,
-  Uo as UKRedirect,
+  Wo as UKInfiniteScroll,
+  ni as UKLayout,
+  Uo as UKLink,
+  Vo as UKNavBar,
+  Xo as UKNavBarImage,
+  Zo as UKNavBarTitle,
+  Qo as UKOnBoarding,
+  Go as UKPageHeader,
+  Yo as UKPanAndZoom,
+  Bo as UKProgressBar,
+  Eo as UKRedirect,
   de as UKSeparator,
-  Zo as UKSidebar,
-  Qo as UKSidebarContainer,
+  Jo as UKSidebar,
+  ei as UKSidebarContainer,
   be as UKSidebarContext,
-  Jo as UKSidebarToggleButton,
-  Bo as UKSpinner,
-  Eo as UKSubText,
-  Oo as UKTag,
+  ti as UKSidebarToggleButton,
+  Oo as UKSpinner,
+  Mo as UKSubText,
+  Fo as UKTag,
   V as UKText,
-  Mo as UKTextButton,
-  Fo as UKTextInput,
+  Ko as UKTextButton,
+  jo as UKTextInput,
   v as clippy,
-  $o as useToasts,
-  Io as utils
+  Ro as useToasts,
+  To as utils
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yourdash/uikit",
-  "version": "0.1.17",
+  "version": "0.1.18",
   "description": "The YourDash ReactJS UI library",
   "scripts": {
     "dev-compile": "vite build --watch",
@@ -58,6 +58,8 @@
   },
   "peerDependencies": {
     "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react-dom": "^19.0.0",
+    "react-router": "^7.5.0",
+    "react-router-dom": "^7.5.0"
   }
 }