@yourdash/uikit 1.0.40 → 1.0.42

package/dist/components/textInput/{textInput.d.ts → UKTextInput.d.ts}

@@ -1,6 +1,6 @@
 import { UKIconType } from '../../core/iconDictionary.ts';
 import { default as React } from 'react';
-declare const TextInput: React.FC<{
+declare const UKTextInput: React.FC<{
     getValue?: React.Dispatch<React.SetStateAction<string>>;
     getLiveValue?: React.Dispatch<React.SetStateAction<string>>;
     onSubmit?: (value: string) => void;
@@ -11,5 +11,6 @@ declare const TextInput: React.FC<{
     accessibleName: string;
     className?: string;
     type?: string;
+    autoComplete?: string;
 }>;
-export default TextInput;
+export default UKTextInput;

package/dist/components/textInput/{textInput.js → UKTextInput.js}

@@ -1,13 +1,13 @@
 import { jsxs as a, jsx as c } from "react/jsx-runtime";
 import { c as u } from "../../clippy-B98VypDQ.js";
-import o from "../icon/icon.js";
+import o from "../icon/UKIcon.js";
 import { useRef as r, useEffect as i } from "react";
-import '../../assets/textInput.css';const f = "_component_1siil_10", m = "_icon_1siil_28", s = "_input_1siil_36", _ = "_noIcon_1siil_44", t = {
-  component: f,
-  icon: m,
+import '../../UKTextInput.css';const m = "_component_1siil_10", f = "_icon_1siil_28", s = "_input_1siil_36", _ = "_noIcon_1siil_44", t = {
+  component: m,
+  icon: f,
   input: s,
   noIcon: _
-}, v = (e) => {
+}, V = (e) => {
   const n = r(null);
   return i(() => {
     n.current && e.value && (n.current.value = e.value);
@@ -28,6 +28,7 @@ import '../../assets/textInput.css';const f = "_component_1siil_10", m = "_icon_
     /* @__PURE__ */ c(
       "input",
       {
+        autoComplete: e.autoComplete,
         ref: n,
         type: e.type || "text",
         "aria-label": e.accessibleName,
@@ -37,7 +38,7 @@ import '../../assets/textInput.css';const f = "_component_1siil_10", m = "_icon_
       }
     )
   ] });
-}, V = v;
+};
 export {
   V as default
 };

package/dist/core/decrementLevel.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { L as t, u as o } from "../level-o2-EzyQS.js";
+import { L as t, u as o } from "../level-zWuM8x6U.js";
 const s = (e) => /* @__PURE__ */ r(t.Provider, { value: o() - 1, children: e.children });
 export {
   s as default

package/dist/core/iconDictionary.d.ts

@@ -1,5 +1,5 @@
-export type UKIconType = (typeof UKIcon)[keyof typeof UKIcon] | string;
-export declare const UKIcon: {
+export type UKIconType = (typeof UKIcons)[keyof typeof UKIcons] | string;
+export declare const UKIcons: {
     Accessibility: () => Promise<typeof import("*.svg")>;
     AccessibilityInset: () => Promise<typeof import("*.svg")>;
     Alert: () => Promise<typeof import("*.svg")>;

package/dist/core/iconDictionary.js

@@ -283,5 +283,5 @@ const o = {
   Zap: () => import("../zap-16-hscWSFVd.js")
 };
 export {
-  o as UKIcon
+  o as UKIcons
 };

package/dist/core/incrementLevel.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { L as t, u as o } from "../level-o2-EzyQS.js";
+import { L as t, u as o } from "../level-zWuM8x6U.js";
 const s = (e) => /* @__PURE__ */ r(t.Provider, { value: o() + 1, children: e.children });
 export {
   s as default

package/dist/core/level.js

@@ -1,5 +1,5 @@
 import "react";
-import { L as l, u, a as o } from "../level-o2-EzyQS.js";
+import { L as l, u, a as o } from "../level-zWuM8x6U.js";
 export {
   l as default,
   u as useLevel,

package/dist/core/root.js

@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 import { c as t } from "../clippy-B98VypDQ.js";
 import a from "../components/contextMenu/contextMenuRoot.js";
 import n from "./toasts/toasts.js";
-import { s as o, L as s } from "../level-o2-EzyQS.js";
+import { s as o, L as s } from "../level-zWuM8x6U.js";
 function l() {
   const e = window.navigator;
   if (new URLSearchParams(window.location.search).has("ukmobile")) return !0;

package/dist/core/toasts/toasts.js

@@ -1,30 +1,30 @@
 import { jsxs as m, jsx as s } from "react/jsx-runtime";
-import u from "../../components/heading/heading.js";
-import p from "../../components/separator/separator.js";
+import u from "../../components/heading/UKHeading.js";
+import p from "../../components/separator/UKSeparator.js";
 import { c as x } from "../../clippy-B98VypDQ.js";
 import { useState as d } from "react";
-import l from "../../components/card/card.js";
-import { UKIcon as f } from "../iconDictionary.js";
-import g from "../../components/iconButton/iconButton.js";
-import h from "../../components/text/text.js";
+import l from "../../components/card/UKCard.js";
+import { UKIcons as f } from "../iconDictionary.js";
+import g from "../../components/iconButton/UKIconButton.js";
+import h from "../../components/text/UKText.js";
 import v from "./toastContext.js";
-import '../../assets/toasts.css';function T() {
+import '../../toasts.css';function T() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(c) {
     const a = Math.random() * 16 | 0;
     return (c == "x" ? a : a & 3 | 8).toString(16);
   });
 }
-const C = "_container_17n1r_6", y = "_component_17n1r_20", I = "_cardContent_17n1r_34", w = "_success_17n1r_42", E = "_error_17n1r_46", N = "_warning_17n1r_50", O = "_info_17n1r_54", S = "_heading_17n1r_58", b = "_pointerEvents_17n1r_64", e = {
+const C = "_container_17n1r_6", y = "_component_17n1r_20", U = "_cardContent_17n1r_34", I = "_success_17n1r_42", K = "_error_17n1r_46", w = "_warning_17n1r_50", E = "_info_17n1r_54", N = "_heading_17n1r_58", O = "_pointerEvents_17n1r_64", e = {
   container: C,
   component: y,
-  cardContent: I,
-  success: w,
-  error: E,
-  warning: N,
-  info: O,
-  heading: S,
-  pointerEvents: b
-}, _ = 5e3, K = ({ children: c }) => {
+  cardContent: U,
+  success: I,
+  error: K,
+  warning: w,
+  info: E,
+  heading: N,
+  pointerEvents: O
+}, _ = 5e3, H = ({ children: c }) => {
   const [a, o] = d([]);
   return /* @__PURE__ */ m(
     v.Provider,
@@ -89,5 +89,5 @@ const C = "_container_17n1r_6", y = "_component_17n1r_20", I = "_cardContent_17n
   );
 };
 export {
-  K as default
+  H as default
 };

package/dist/defaultTheme.module.scss

@@ -73,7 +73,7 @@
   // button
   #{$theme}#{$button}#{$color}: #ffffff;
   #{$theme}#{$button}#{$background}: #444444;
-  #{$theme}#{$button}#{$border}: 1px solid #666666;
+  #{$theme}#{$button}#{$border}: 0px solid #666666;
   #{$theme}#{$button}#{$font}#{$size}: 0.9rem;
   #{$theme}#{$button}#{$font}#{$weight}: 400;
   #{$theme}#{$button}#{$radius}: 0.5rem;
@@ -82,13 +82,13 @@
   // hover
   #{$theme}#{$button}#{$hover}#{$color}: #ffffff;
   #{$theme}#{$button}#{$hover}#{$background}: #555555;
-  #{$theme}#{$button}#{$hover}#{$border}: 1px solid #666666;
+  #{$theme}#{$button}#{$hover}#{$border}: 0px solid #666666;
   #{$theme}#{$button}#{$hover}#{$radius}: 0.5rem;
   #{$theme}#{$button}#{$hover}#{$transition}: all 50ms ease-in-out;
   // active
   #{$theme}#{$button}#{$active}#{$color}: #000000;
   #{$theme}#{$button}#{$active}#{$background}: #666666;
-  #{$theme}#{$button}#{$active}#{$border}: 1px solid #777777;
+  #{$theme}#{$button}#{$active}#{$border}: 0px solid #777777;
   #{$theme}#{$button}#{$active}#{$radius}: 0.5rem;
   #{$theme}#{$button}#{$active}#{$transition}: all 50ms ease-in-out;
 
@@ -156,7 +156,7 @@
   // button
   #{$theme}#{$button}#{$color}: #ffffff;
   #{$theme}#{$button}#{$background}: #444444;
-  #{$theme}#{$button}#{$border}: 1px solid #444444;
+  #{$theme}#{$button}#{$border}: 0px solid #444444;
   #{$theme}#{$button}#{$font}#{$size}: 0.9rem;
   #{$theme}#{$button}#{$font}#{$weight}: 400;
   #{$theme}#{$button}#{$radius}: 0.5rem;
@@ -165,13 +165,13 @@
   // hover
   #{$theme}#{$button}#{$hover}#{$color}: #ffffff;
   #{$theme}#{$button}#{$hover}#{$background}: #555555;
-  #{$theme}#{$button}#{$hover}#{$border}: 1px solid #666666;
+  #{$theme}#{$button}#{$hover}#{$border}: 0px solid #666666;
   #{$theme}#{$button}#{$hover}#{$radius}: 0.5rem;
   #{$theme}#{$button}#{$hover}#{$transition}: all 50ms ease-in-out;
   // active
   #{$theme}#{$button}#{$active}#{$color}: #000000;
   #{$theme}#{$button}#{$active}#{$background}: #666666;
-  #{$theme}#{$button}#{$active}#{$border}: 1px solid #666666;
+  #{$theme}#{$button}#{$active}#{$border}: 0px solid #666666;
   #{$theme}#{$button}#{$active}#{$radius}: 0.5rem;
 
   // header
@@ -235,7 +235,7 @@
   // button
   #{$theme}#{$button}#{$color}: #ffffff;
   #{$theme}#{$button}#{$background}: #555555;
-  #{$theme}#{$button}#{$border}: 1px solid #666666;
+  #{$theme}#{$button}#{$border}: 0px solid #666666;
   #{$theme}#{$button}#{$font}#{$family}: Inter;
   #{$theme}#{$button}#{$font}#{$size}: 0.9rem;
   #{$theme}#{$button}#{$font}#{$weight}: 400;
@@ -245,13 +245,13 @@
   // hover
   #{$theme}#{$button}#{$hover}#{$color}: #ffffff;
   #{$theme}#{$button}#{$hover}#{$background}: #666666;
-  #{$theme}#{$button}#{$hover}#{$border}: 1px solid #666666;
+  #{$theme}#{$button}#{$hover}#{$border}: 0px solid #666666;
   #{$theme}#{$button}#{$hover}#{$radius}: 0.25rem;
   #{$theme}#{$button}#{$hover}#{$transition}: all 50ms ease-in-out;
   // active
   #{$theme}#{$button}#{$active}#{$color}: #000000;
   #{$theme}#{$button}#{$active}#{$background}bg: #666666;
-  #{$theme}#{$button}#{$active}#{$border}: 1px solid #666666;
+  #{$theme}#{$button}#{$active}#{$border}: 0px solid #666666;
   #{$theme}#{$button}#{$active}#{$radius}: 0.25rem;
 
   // header
@@ -315,7 +315,7 @@
   // button
   #{$theme}#{$button}#{$color}: #ffffff;
   #{$theme}#{$button}#{$background}: #666666;
-  #{$theme}#{$button}#{$border}: 1px solid #666666;
+  #{$theme}#{$button}#{$border}: 0px solid #666666;
   #{$theme}#{$button}#{$font}#{$family}: Inter;
   #{$theme}#{$button}#{$font}#{$size}: 0.9rem;
   #{$theme}#{$button}#{$font}#{$weight}: 400;
@@ -324,13 +324,13 @@
   // hover
   #{$theme}#{$button}#{$hover}#{$color}: #ffffff;
   #{$theme}#{$button}#{$hover}#{$background}: #777777;
-  #{$theme}#{$button}#{$hover}#{$border}: 1px solid #777777;
+  #{$theme}#{$button}#{$hover}#{$border}: 0px solid #777777;
   #{$theme}#{$button}#{$hover}#{$radius}: 0.25rem;
   #{$theme}#{$button}#{$hover}#{$transition}: all 50ms ease-in-out;
   // active
   #{$theme}#{$button}#{$active}#{$color}: #000000;
   #{$theme}#{$button}#{$active}#{$background}: #777777;
-  #{$theme}#{$button}#{$active}#{$border}: 1px solid #777777;
+  #{$theme}#{$button}#{$active}#{$border}: 0px solid #777777;
   #{$theme}#{$button}#{$active}#{$radius}: 0.25rem;
 
   // header

package/dist/{level-o2-EzyQS.js → level-zWuM8x6U.js}

@@ -1,12 +1,12 @@
 import { createContext as t, useContext as s } from "react";
-import './assets/level.css';const r = "_theme_1rrjw_10", v = "_level0_1rrjw_27", o = "_level1_1rrjw_95", n = "_level2_1rrjw_157", _ = "_level3_1rrjw_221", c = "_mobile_1rrjw_284", e = {
+import './level.css';const r = "_theme_16ra9_10", v = "_level0_16ra9_27", o = "_level1_16ra9_95", a = "_level2_16ra9_157", n = "_level3_16ra9_221", _ = "_mobile_16ra9_284", e = {
   theme: r,
   level0: v,
   level1: o,
-  level2: n,
-  level3: _,
-  mobile: c
-}, a = t(0), m = () => s(a), w = (l) => {
+  level2: a,
+  level3: n,
+  mobile: _
+}, c = t(0), m = () => s(c), i = (l) => {
   switch (l) {
     case 0:
       return e.level0;
@@ -21,8 +21,8 @@ import './assets/level.css';const r = "_theme_1rrjw_10", v = "_level0_1rrjw_27",
   }
 };
 export {
-  a as L,
-  w as a,
+  c as L,
+  i as a,
   e as s,
   m as u
 };

package/dist/{assets/level.css → level.css}

@@ -1,4 +1,4 @@
 @charset "UTF-8";/*!
  * Copyright ©2024 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
  * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
- */._theme_1rrjw_10{overflow-x:hidden;overflow-y:auto;height:100%;background:var(--utbgn);--ut-author: "Ewsgit";--ut-name: "YourDash Classic Dark";--ut-version: "0.0.1"}._theme_1rrjw_10 ::-webkit-scrollbar{width:var(--utscrlbrwid);border-radius:0}._theme_1rrjw_10 ::-webkit-scrollbar-thumb{border-radius:var(--utscrlbrrad)}._level0_1rrjw_27{color:var(--utcol);--utcol: #ffffff;--utscl: #bbbbbb;--utbgn: #222222;--utacn: #768ce7;--utbrd: 1px solid #555555;--utrad: 1rem;--utpdn: 1rem;--utgap: .5rem;--uttrans: all .2s ease-in-out;--uttranstrans: .2s ease-in-out;--utsepsize: 1px;--utsepcol: #444444;--utscrlbrwid: .4rem;--utscrlbrrad: .1rem;--uthedhe1wgt: 900;--uthedhe1size: 3rem;--uthedhe2wgt: 700;--uthedhe2size: 2rem;--uthedhe3wgt: 600;--uthedhe3size: 1.5rem;--uthedhe4wgt: 500;--uthedhe4size: 1.25rem;--uthedhe5wgt: 500;--uthedhe5size: 1rem;--uthedhe6wgt: 500;--uthedhe6size: .875rem;--utinpcol: #ffffff;--utinpbgn: #222222;--utinpbrd: 1px solid #444444;--utinprad: .5rem;--utinphei: 2rem;--utinppdnhoriz: .5rem;--utinptrans: all .2s ease-in-out;--utinpfoccol: #ffffff;--utinpfocbgn: #333333;--utinpfocbrd: 1px solid #666666;--utbtncol: #ffffff;--utbtnbgn: #444444;--utbtnbrd: 1px solid #666666;--utbtnfontsize: .9rem;--utbtnfontwgt: 400;--utbtnrad: .5rem;--utbtnpdnhoriz: .5rem;--utbtntrans: all .2s ease-in-out;--utbtnhvrcol: #ffffff;--utbtnhvrbgn: #555555;--utbtnhvrbrd: 1px solid #666666;--utbtnhvrrad: .5rem;--utbtnhvrtrans: all 50ms ease-in-out;--utbtnatvcol: #000000;--utbtnatvbgn: #666666;--utbtnatvbrd: 1px solid #777777;--utbtnatvrad: .5rem;--utbtnatvtrans: all 50ms ease-in-out;--uttxbfontwgt: 700;--utfontfam: Inter;--utfontsize: .9rem;--utfontwgt: 400;--uthedcol: #ffffff;--uthedfontfam: Inter;--uthedfontsize: 1.2rem;--uthedfontwgt: 700;--uthedpdnvert: 1rem;--uthedpdnhoriz: .5rem}._level1_1rrjw_95{color:var(--utcol);--utcol: #ffffff;--utbgn: #333333;--utbrd: 1px solid #666666;--utacn: #768ce7;--utrad: .5rem;--utfontfam: Inter;--utfontrad: .9rem;--utfontwgt: 400;--utpdn: .75rem;--utgap: .5rem;--uttrans: all .2s ease-in-out;--utsepsize: 1px;--utsepcol: #555555;--uthedhe1wgt: 800;--uthedhe1size: 3rem;--uthedhe2wgt: 700;--uthedhe2size: 2.5rem;--uthedhe3wgt: 600;--uthedhe3size: 2rem;--uthedhe4wgt: 500;--uthedhe4size: 1.5rem;--uthedhe5wgt: 500;--uthedhe5size: 1rem;--uthedhe6wgt: 500;--uthedhe6size: .875rem;--utinpcol: #ffffff;--utinpbgn: #222222;--utinpbrd: 1px solid #444444;--utinprad: .5rem;--utinphei: 2rem;--utinppdnhoriz: .5rem;--utinptrans: all .2s ease-in-out;--utinpfoccol: #ffffff;--utinpfocbgn: #333333;--utinpfocbrd: 1px solid #666666;--utbtncol: #ffffff;--utbtnbgn: #444444;--utbtnbrd: 1px solid #444444;--utbtnfontsize: .9rem;--utbtnfontwgt: 400;--utbtnrad: .5rem;--utbtnpdnhoriz: .5rem;--utbtntrans: all .2s ease-in-out;--utbtnhvrcol: #ffffff;--utbtnhvrbgn: #555555;--utbtnhvrbrd: 1px solid #666666;--utbtnhvrrad: .5rem;--utbtnhvrtrans: all 50ms ease-in-out;--utbtnatvcol: #000000;--utbtnatvbgn: #666666;--utbtnatvbrd: 1px solid #666666;--utbtnatvrad: .5rem;--uthedcol: #ffffff;--uthedfontfam: Inter;--uthedfontsize: 1.2rem;--uthedfontwgt: 700;--uthedpdnvert: .5rem;--uthedpdnhoriz: .25rem}._level2_1rrjw_157{color:var(--utcol);--utcol: #ffffff;--utbgn: #444444;--utbrd: 1px solid #666666;--utacn: #768ce7;--utrad: .25rem;--utpdn: .5rem;--utgap: .75rem;--uttrans: all .2s ease-in-out;--utsepsize: 1px;--utsepcol: #555555;--uthedhe1wgt: 900;--uthedhe1size: 3rem;--uthedhe2wgt: 700;--uthedhe2size: 2rem;--uthedhe3wgt: 600;--uthedhe3size: 1.5rem;--uthedhe4wgt: 500;--uthedhe4size: 1.25rem;--uthedhe5wgt: 500;--uthedhe5size: 1rem;--uthedhe6wgt: 500;--uthedhe6size: .875rem;--uttxbfontwgt: 700;--utfontfam: Inter;--utfontsize: .9rem;--utfontwgt: 400;--utinpcol: #ffffff;--utinpbgn: #222222;--utinpbrd: 1px solid #444444;--utinprad: .5rem;--utinphei: 2rem;--utinppdnhoriz: .5rem;--utinptrans: all .2s ease-in-out;--utinpfoccol: #ffffff;--utinpfocbgn: #333333;--utinpfocbrd: 1px solid #666666;--utbtncol: #ffffff;--utbtnbgn: #555555;--utbtnbrd: 1px solid #666666;--utbtnfontfam: Inter;--utbtnfontsize: .9rem;--utbtnfontwgt: 400;--utbtnrad: .25rem;--utbtnpdnhoriz: .5rem;--utbtntrans: all .2s ease-in-out;--utbtnhvrcol: #ffffff;--utbtnhvrbgn: #666666;--utbtnhvrbrd: 1px solid #666666;--utbtnhvrrad: .25rem;--utbtnhvrtrans: all 50ms ease-in-out;--utbtnatvcol: #000000;--utbtnatvbgnbg: #666666;--utbtnatvbrd: 1px solid #666666;--utbtnatvrad: .25rem;--uthedcol: #ffffff;--uthedfontfam: Inter;--uthedfontsize: 1.2rem;--uthedfontwgt: 700;--uthedpdnvert: .5rem;--uthedpdnhoriz: .25rem}._level3_1rrjw_221{color:var(--utcol);--utcol: #ffffff;--utbgn: #555555;--utbrd: 1px solid #666666;--utacn: #768ce7;--utrad: 1px;--utpdn: .5rem;--utgap: 1rem;--uttrans: all .2s ease-in-out;--utsepsize: 1px;--utsepcol: #555555;--uthedhe1wgt: 900;--uthedhe1size: 3rem;--uthedhe2wgt: 700;--uthedhe2size: 2rem;--uthedhe3wgt: 600;--uthedhe3size: 1.5rem;--uthedhe4wgt: 500;--uthedhe4size: 1.25rem;--uthedhe5wgt: 500;--uthedhe5size: 1rem;--uthedhe6wgt: 500;--uthedhe6size: .875rem;--uttxbfontwgt: 700;--utfam: Inter;--utsize: .9rem;--utwgt: 400;--utinpcol: #ffffff;--utinpbgn: #222222;--utinpbrd: 1px solid #444444;--utinprad: .5rem;--utinphei: 2rem;--utinppdnhoriz: .5rem;--utinptrans: all .2s ease-in-out;--utinpfoccol: #ffffff;--utinpfocbgn: #333333;--utinpfocbrd: 1px solid #666666;--utbtncol: #ffffff;--utbtnbgn: #666666;--utbtnbrd: 1px solid #666666;--utbtnfontfam: Inter;--utbtnfontsize: .9rem;--utbtnfontwgt: 400;--utbtnrad: .25rem;--utbtnpdnhoriz: .5rem;--utbtnhvrcol: #ffffff;--utbtnhvrbgn: #777777;--utbtnhvrbrd: 1px solid #777777;--utbtnhvrrad: .25rem;--utbtnhvrtrans: all 50ms ease-in-out;--utbtnatvcol: #000000;--utbtnatvbgn: #777777;--utbtnatvbrd: 1px solid #777777;--utbtnatvrad: .25rem;--uthedcol: #ffffff;--uthedfontfam: Inter;--uthedfontsize: 1.2rem;--uthedfontwgt: 700;--uthedpdnvert: .5rem;--uthedpdnhoriz: .25rem}._mobile_1rrjw_284 ._level0_1rrjw_27,._mobile_1rrjw_284 ._level1_1rrjw_95,._mobile_1rrjw_284 ._level2_1rrjw_157,._mobile_1rrjw_284 ._level3_1rrjw_221{--utinphei: 2.5rem}
+ */._theme_16ra9_10{overflow-x:hidden;overflow-y:auto;height:100%;background:var(--utbgn);--ut-author: "Ewsgit";--ut-name: "YourDash Classic Dark";--ut-version: "0.0.1"}._theme_16ra9_10 ::-webkit-scrollbar{width:var(--utscrlbrwid);border-radius:0}._theme_16ra9_10 ::-webkit-scrollbar-thumb{border-radius:var(--utscrlbrrad)}._level0_16ra9_27{color:var(--utcol);--utcol: #ffffff;--utscl: #bbbbbb;--utbgn: #222222;--utacn: #768ce7;--utbrd: 1px solid #555555;--utrad: 1rem;--utpdn: 1rem;--utgap: .5rem;--uttrans: all .2s ease-in-out;--uttranstrans: .2s ease-in-out;--utsepsize: 1px;--utsepcol: #444444;--utscrlbrwid: .4rem;--utscrlbrrad: .1rem;--uthedhe1wgt: 900;--uthedhe1size: 3rem;--uthedhe2wgt: 700;--uthedhe2size: 2rem;--uthedhe3wgt: 600;--uthedhe3size: 1.5rem;--uthedhe4wgt: 500;--uthedhe4size: 1.25rem;--uthedhe5wgt: 500;--uthedhe5size: 1rem;--uthedhe6wgt: 500;--uthedhe6size: .875rem;--utinpcol: #ffffff;--utinpbgn: #222222;--utinpbrd: 1px solid #444444;--utinprad: .5rem;--utinphei: 2rem;--utinppdnhoriz: .5rem;--utinptrans: all .2s ease-in-out;--utinpfoccol: #ffffff;--utinpfocbgn: #333333;--utinpfocbrd: 1px solid #666666;--utbtncol: #ffffff;--utbtnbgn: #444444;--utbtnbrd: 0px solid #666666;--utbtnfontsize: .9rem;--utbtnfontwgt: 400;--utbtnrad: .5rem;--utbtnpdnhoriz: .5rem;--utbtntrans: all .2s ease-in-out;--utbtnhvrcol: #ffffff;--utbtnhvrbgn: #555555;--utbtnhvrbrd: 0px solid #666666;--utbtnhvrrad: .5rem;--utbtnhvrtrans: all 50ms ease-in-out;--utbtnatvcol: #000000;--utbtnatvbgn: #666666;--utbtnatvbrd: 0px solid #777777;--utbtnatvrad: .5rem;--utbtnatvtrans: all 50ms ease-in-out;--uttxbfontwgt: 700;--utfontfam: Inter;--utfontsize: .9rem;--utfontwgt: 400;--uthedcol: #ffffff;--uthedfontfam: Inter;--uthedfontsize: 1.2rem;--uthedfontwgt: 700;--uthedpdnvert: 1rem;--uthedpdnhoriz: .5rem}._level1_16ra9_95{color:var(--utcol);--utcol: #ffffff;--utbgn: #333333;--utbrd: 1px solid #666666;--utacn: #768ce7;--utrad: .5rem;--utfontfam: Inter;--utfontrad: .9rem;--utfontwgt: 400;--utpdn: .75rem;--utgap: .5rem;--uttrans: all .2s ease-in-out;--utsepsize: 1px;--utsepcol: #555555;--uthedhe1wgt: 800;--uthedhe1size: 3rem;--uthedhe2wgt: 700;--uthedhe2size: 2.5rem;--uthedhe3wgt: 600;--uthedhe3size: 2rem;--uthedhe4wgt: 500;--uthedhe4size: 1.5rem;--uthedhe5wgt: 500;--uthedhe5size: 1rem;--uthedhe6wgt: 500;--uthedhe6size: .875rem;--utinpcol: #ffffff;--utinpbgn: #222222;--utinpbrd: 1px solid #444444;--utinprad: .5rem;--utinphei: 2rem;--utinppdnhoriz: .5rem;--utinptrans: all .2s ease-in-out;--utinpfoccol: #ffffff;--utinpfocbgn: #333333;--utinpfocbrd: 1px solid #666666;--utbtncol: #ffffff;--utbtnbgn: #444444;--utbtnbrd: 0px solid #444444;--utbtnfontsize: .9rem;--utbtnfontwgt: 400;--utbtnrad: .5rem;--utbtnpdnhoriz: .5rem;--utbtntrans: all .2s ease-in-out;--utbtnhvrcol: #ffffff;--utbtnhvrbgn: #555555;--utbtnhvrbrd: 0px solid #666666;--utbtnhvrrad: .5rem;--utbtnhvrtrans: all 50ms ease-in-out;--utbtnatvcol: #000000;--utbtnatvbgn: #666666;--utbtnatvbrd: 0px solid #666666;--utbtnatvrad: .5rem;--uthedcol: #ffffff;--uthedfontfam: Inter;--uthedfontsize: 1.2rem;--uthedfontwgt: 700;--uthedpdnvert: .5rem;--uthedpdnhoriz: .25rem}._level2_16ra9_157{color:var(--utcol);--utcol: #ffffff;--utbgn: #444444;--utbrd: 1px solid #666666;--utacn: #768ce7;--utrad: .25rem;--utpdn: .5rem;--utgap: .75rem;--uttrans: all .2s ease-in-out;--utsepsize: 1px;--utsepcol: #555555;--uthedhe1wgt: 900;--uthedhe1size: 3rem;--uthedhe2wgt: 700;--uthedhe2size: 2rem;--uthedhe3wgt: 600;--uthedhe3size: 1.5rem;--uthedhe4wgt: 500;--uthedhe4size: 1.25rem;--uthedhe5wgt: 500;--uthedhe5size: 1rem;--uthedhe6wgt: 500;--uthedhe6size: .875rem;--uttxbfontwgt: 700;--utfontfam: Inter;--utfontsize: .9rem;--utfontwgt: 400;--utinpcol: #ffffff;--utinpbgn: #222222;--utinpbrd: 1px solid #444444;--utinprad: .5rem;--utinphei: 2rem;--utinppdnhoriz: .5rem;--utinptrans: all .2s ease-in-out;--utinpfoccol: #ffffff;--utinpfocbgn: #333333;--utinpfocbrd: 1px solid #666666;--utbtncol: #ffffff;--utbtnbgn: #555555;--utbtnbrd: 0px solid #666666;--utbtnfontfam: Inter;--utbtnfontsize: .9rem;--utbtnfontwgt: 400;--utbtnrad: .25rem;--utbtnpdnhoriz: .5rem;--utbtntrans: all .2s ease-in-out;--utbtnhvrcol: #ffffff;--utbtnhvrbgn: #666666;--utbtnhvrbrd: 0px solid #666666;--utbtnhvrrad: .25rem;--utbtnhvrtrans: all 50ms ease-in-out;--utbtnatvcol: #000000;--utbtnatvbgnbg: #666666;--utbtnatvbrd: 0px solid #666666;--utbtnatvrad: .25rem;--uthedcol: #ffffff;--uthedfontfam: Inter;--uthedfontsize: 1.2rem;--uthedfontwgt: 700;--uthedpdnvert: .5rem;--uthedpdnhoriz: .25rem}._level3_16ra9_221{color:var(--utcol);--utcol: #ffffff;--utbgn: #555555;--utbrd: 1px solid #666666;--utacn: #768ce7;--utrad: 1px;--utpdn: .5rem;--utgap: 1rem;--uttrans: all .2s ease-in-out;--utsepsize: 1px;--utsepcol: #555555;--uthedhe1wgt: 900;--uthedhe1size: 3rem;--uthedhe2wgt: 700;--uthedhe2size: 2rem;--uthedhe3wgt: 600;--uthedhe3size: 1.5rem;--uthedhe4wgt: 500;--uthedhe4size: 1.25rem;--uthedhe5wgt: 500;--uthedhe5size: 1rem;--uthedhe6wgt: 500;--uthedhe6size: .875rem;--uttxbfontwgt: 700;--utfam: Inter;--utsize: .9rem;--utwgt: 400;--utinpcol: #ffffff;--utinpbgn: #222222;--utinpbrd: 1px solid #444444;--utinprad: .5rem;--utinphei: 2rem;--utinppdnhoriz: .5rem;--utinptrans: all .2s ease-in-out;--utinpfoccol: #ffffff;--utinpfocbgn: #333333;--utinpfocbrd: 1px solid #666666;--utbtncol: #ffffff;--utbtnbgn: #666666;--utbtnbrd: 0px solid #666666;--utbtnfontfam: Inter;--utbtnfontsize: .9rem;--utbtnfontwgt: 400;--utbtnrad: .25rem;--utbtnpdnhoriz: .5rem;--utbtnhvrcol: #ffffff;--utbtnhvrbgn: #777777;--utbtnhvrbrd: 0px solid #777777;--utbtnhvrrad: .25rem;--utbtnhvrtrans: all 50ms ease-in-out;--utbtnatvcol: #000000;--utbtnatvbgn: #777777;--utbtnatvbrd: 0px solid #777777;--utbtnatvrad: .25rem;--uthedcol: #ffffff;--uthedfontfam: Inter;--uthedfontsize: 1.2rem;--uthedfontwgt: 700;--uthedpdnvert: .5rem;--uthedpdnhoriz: .25rem}._mobile_16ra9_284 ._level0_16ra9_27,._mobile_16ra9_284 ._level1_16ra9_95,._mobile_16ra9_284 ._level2_16ra9_157,._mobile_16ra9_284 ._level3_16ra9_221{--utinphei: 2.5rem}

package/dist/views/carousel/{carousel.d.ts → UKCarousel.d.ts}

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
-declare const Carousel: React.FC<{
+declare const UKCarousel: React.FC<{
     items: {
         element: React.ReactElement;
         id: string;
     }[];
     className?: string;
 }>;
-export default Carousel;
+export default UKCarousel;

package/dist/views/carousel/{carousel.js → UKCarousel.js}

@@ -1,11 +1,11 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import { useRef as h, useState as _, useEffect as C } from "react";
-import v from "../../components/card/card.js";
-import b from "../../components/container/container.js";
-import { UKIcon as m } from "../../core/iconDictionary.js";
-import u from "../../components/iconButton/iconButton.js";
+import v from "../../components/card/UKCard.js";
+import b from "../../components/container/UKContainer.js";
+import { UKIcons as m } from "../../core/iconDictionary.js";
+import u from "../../components/iconButton/UKIconButton.js";
 import { c as d } from "../../clippy-B98VypDQ.js";
-import '../../assets/carousel.css';const I = "_containerComponent_sue6z_6", E = "_component_sue6z_16", N = "_page_sue6z_34", R = "_controls_sue6z_48", w = "_indicator_sue6z_58", z = "_pageIndicator_sue6z_65", T = "_selected_sue6z_72", o = {
+import '../../UKCarousel.css';const I = "_containerComponent_sue6z_6", E = "_component_sue6z_16", N = "_page_sue6z_34", R = "_controls_sue6z_48", w = "_indicator_sue6z_58", z = "_pageIndicator_sue6z_65", T = "_selected_sue6z_72", o = {
   containerComponent: I,
   component: E,
   page: N,
@@ -13,7 +13,7 @@ import '../../assets/carousel.css';const I = "_containerComponent_sue6z_6", E =
   indicator: w,
   pageIndicator: z,
   selected: T
-}, j = ({ items: i, className: g }) => {
+}, k = ({ items: i, className: g }) => {
   const c = h(null), [l, p] = _(0);
   return C(() => {
     const e = c.current;
@@ -29,7 +29,7 @@ import '../../assets/carousel.css';const I = "_containerComponent_sue6z_6", E =
             return;
           }
         });
-      }, 25);
+      }, 16);
     };
     return e.addEventListener("scroll", n), () => {
       e.removeEventListener("scroll", n), clearTimeout(t);
@@ -98,5 +98,5 @@ import '../../assets/carousel.css';const I = "_containerComponent_sue6z_6", E =
   ] });
 };
 export {
-  j as default
+  k as default
 };

package/dist/views/dialog/UKDialog.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+declare const UKDialog: React.FC<{
+    children: React.ReactNode | React.ReactNode[];
+    className?: string;
+    actionsClassName?: string;
+    headerClassName?: string;
+    actions?: React.ReactNode | React.ReactNode[];
+    header?: React.ReactNode | React.ReactNode[];
+}>;
+export default UKDialog;

package/dist/views/dialog/UKDialog.js

@@ -0,0 +1,22 @@
+import { jsx as n } from "react/jsx-runtime";
+import c from "../../components/card/UKCard.js";
+import '../../UKDialog.css';const _ = "_background_t6st2_26", i = "_backgroundFadeIn_t6st2_1", u = "_view_t6st2_39", g = "_fadeIn_t6st2_1", a = {
+  background: _,
+  backgroundFadeIn: i,
+  view: u,
+  fadeIn: g
+}, f = ({ children: t, className: o, actionsClassName: e, headerClassName: s, actions: d, header: r }) => /* @__PURE__ */ n("div", { className: a.background, children: /* @__PURE__ */ n(
+  c,
+  {
+    containerClassName: a.view,
+    actionsClassName: e,
+    headerClassName: s,
+    actions: d,
+    header: r,
+    className: o,
+    children: t
+  }
+) });
+export {
+  f as default
+};

package/dist/views/header/{header.d.ts → UKPageHeader.d.ts}

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-declare const Header: React.FC<{
+declare const UKPageHeader: React.FC<{
     backgroundImage?: string;
     heading: string;
 }>;
-export default Header;
+export default UKPageHeader;

package/dist/views/header/UKPageHeader.js

@@ -0,0 +1,21 @@
+import { jsx as e, Fragment as t } from "react/jsx-runtime";
+import i from "../../components/heading/UKHeading.js";
+import '../../UKPageHeader.css';const n = "_view_1q1ur_10", s = {
+  view: n
+}, o = ({ backgroundImage: a, heading: r }) => /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(
+  "div",
+  {
+    className: s.view,
+    style: a ? { backgroundImage: a } : { backgroundImage: "linear-gradient(-45deg, #ff8093aa, #ffd264aa)" },
+    children: /* @__PURE__ */ e(
+      i,
+      {
+        level: 1,
+        text: r
+      }
+    )
+  }
+) });
+export {
+  o as default
+};

package/dist/views/infiniteScroll/{infiniteScroll.d.ts → UKInfiniteScroll.d.ts}

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-declare const InfiniteScroll: React.FC<{
+declare const UKInfiniteScroll: React.FC<{
     children: React.ReactNode | React.ReactNode[];
     fetchNextPage: (nextPageNumber: number) => Promise<{
         hasAnotherPage?: boolean;
@@ -8,4 +8,4 @@ declare const InfiniteScroll: React.FC<{
     className?: string;
     resetState?: string;
 }>;
-export default InfiniteScroll;
+export default UKInfiniteScroll;

package/dist/views/infiniteScroll/{infiniteScroll.js → UKInfiniteScroll.js}

@@ -1,14 +1,14 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { c as u } from "../../clippy-B98VypDQ.js";
 import d, { useState as p, useEffect as g } from "react";
-import h from "../../components/heading/heading.js";
-import I from "../../components/separator/separator.js";
-import i from "../../components/text/text.js";
-import '../../assets/infiniteScroll.css';const L = "_component_tlgec_10", P = "_items_tlgec_19", R = "_endOfItems_tlgec_23", s = {
+import h from "../../components/heading/UKHeading.js";
+import I from "../../components/separator/UKSeparator.js";
+import i from "../../components/text/UKText.js";
+import '../../UKInfiniteScroll.css';const L = "_component_tlgec_10", P = "_items_tlgec_19", K = "_endOfItems_tlgec_23", s = {
   component: L,
   items: P,
-  endOfItems: R
-}, E = ({ children: t, fetchNextPage: _, containerClassName: v, className: x, resetState: b }) => {
+  endOfItems: K
+}, W = ({ children: t, fetchNextPage: _, containerClassName: v, className: x, resetState: b }) => {
   const o = d.useRef(null), n = d.useRef(-1), [m, r] = p(!1), [N, l] = p(!1);
   g(() => {
     n.current = -1, r(!1), l(!1), f();
@@ -58,5 +58,5 @@ import '../../assets/infiniteScroll.css';const L = "_component_tlgec_10", P = "_
   ] });
 };
 export {
-  E as default
+  W as default
 };

package/dist/views/navBar/{navBar.d.ts → UKNavBar.d.ts}

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
-declare const NavBar: React.FC<{
+declare const UKNavBar: React.FC<{
     leftSection?: React.ReactElement | React.ReactElement[];
     centerSection?: React.ReactElement | React.ReactElement[];
     rightSection?: React.ReactElement | React.ReactElement[];
     className?: string;
 }>;
-export default NavBar;
+export default UKNavBar;

package/dist/views/navBar/{navBar.js → UKNavBar.js}

@@ -1,8 +1,8 @@
 import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import i from "../../components/box/box.js";
-import n from "../../components/flex/flex.js";
+import i from "../../components/box/UKBox.js";
+import n from "../../components/flex/UKFlex.js";
 import { c as a } from "../../clippy-B98VypDQ.js";
-import '../../assets/navBar.css';const l = "_component_178hu_6", p = "_segment_178hu_20", e = {
+import '../../UKNavBar.css';const l = "_component_178hu_6", p = "_segment_178hu_20", e = {
   component: l,
   segment: p
 }, f = ({ leftSection: s, centerSection: t, rightSection: m, className: r }) => /* @__PURE__ */ c(i, { className: a(e.component, r), children: [

package/dist/views/navBar/components/navImage/UKNavbarNavImage.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+declare const UKNavbarNavImage: React.FC<{
+    src: string;
+}>;
+export default UKNavbarNavImage;

package/dist/views/navBar/components/navImage/UKNavbarNavImage.js

@@ -0,0 +1,15 @@
+import { jsx as e } from "react/jsx-runtime";
+import t from "../../../../components/image/UKImage.js";
+import '../../../../UKNavbarNavImage.css';const n = "_component_q2khg_6", a = {
+  component: n
+}, c = ({ src: o }) => /* @__PURE__ */ e(
+  t,
+  {
+    accessibleLabel: "",
+    src: o,
+    className: a.component
+  }
+);
+export {
+  c as default
+};

package/dist/views/navBar/components/navTitle/UKNavbarNavTitle.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+declare const UKNavbarNavTitle: React.FC<{
+    title: string;
+}>;
+export default UKNavbarNavTitle;

package/dist/views/navBar/components/navTitle/{navTitle.js → UKNavbarNavTitle.js}

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import r from "../../../../components/heading/heading.js";
+import r from "../../../../components/heading/UKHeading.js";
 const i = ({ title: t }) => /* @__PURE__ */ e(
   r,
   {

package/dist/views/onBoarding/{onBoarding.d.ts → UKOnBoarding.d.ts}

@@ -1,6 +1,6 @@
 import { UKIconType } from '../../core/iconDictionary.ts';
 import * as React from "react";
-declare const OnBoarding: React.FC<{
+declare const UKOnBoarding: React.FC<{
     meta: {
         id: string;
     };
@@ -11,10 +11,10 @@ declare const OnBoarding: React.FC<{
         actions: {
             label: string;
             icon?: UKIconType;
-            onClick: () => void;
+            onClick?: () => void;
             changeTo?: "next" | "previous" | "remain" | "completed";
         }[];
         allowGoBack?: boolean;
     }[];
 }>;
-export default OnBoarding;
+export default UKOnBoarding;