@yourdash/uikit 1.0.40 → 1.0.42

package/dist/UKButtonLink.css

@@ -0,0 +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)
+ */._component_1kvf2_10{font-family:var(--utfontfam);text-align:center;color:var(--utbtncol);border:var(--utbtnbrd);border-radius:var(--utbtnrad);background:var(--utbtnbgn);transition:var(--utbtntrans);height:var(--utinphei);width:max-content;cursor:pointer}._component_1kvf2_10:hover{color:var(--utbtnhvrcol);border:var(--utbtnhvrbrd);border-radius:var(--utbtnhvrrad);background:var(--utbtnhvrbgn);transition:var(--utbtnhvrtrans)}._component_1kvf2_10:active{color:var(--utbtnatvcol);border:var(--utbtnatvbrd);border-radius:var(--utbtnatvrad);background:var(--utbtnatvbgn);transition:var(--utbtnatvtrans)}._component_1kvf2_10:disabled{opacity:.8;color:var(--utbtncol);border:var(--utbtnbrd);border-radius:var(--utbtnrad);background:var(--utbtnbgn);cursor:not-allowed}._link_1kvf2_45{display:inline}

package/dist/components/box/{box.d.ts → UKBox.d.ts}

@@ -1,7 +1,7 @@
 import { FC, ReactNode } from 'react';
-declare const Box: FC<{
+declare const UKBox: FC<{
     className?: string;
     level?: 0 | 1 | 2 | 3;
     children: ReactNode | ReactNode[];
 }>;
-export default Box;
+export default UKBox;

package/dist/components/box/{box.js → UKBox.js}

@@ -1,8 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
 import { c as t } from "../../clippy-B98VypDQ.js";
 import s from "../../core/incrementLevel.js";
-import { u as c, a as l } from "../../level-o2-EzyQS.js";
-import '../../assets/box.css';const m = "_component_yvjet_10", r = {
+import { u as c, a as l } from "../../level-zWuM8x6U.js";
+import '../../UKBox.css';const m = "_component_yvjet_10", r = {
   component: m
 }, d = (e) => {
   const n = e.level || c();

package/dist/components/button/{button.d.ts → UKButton.d.ts}

@@ -1,8 +1,8 @@
 import { FC } from 'react';
-declare const Button: FC<{
+declare const UKButton: FC<{
     onClick: () => void;
     text: string;
     className?: string;
     disabled?: boolean;
 }>;
-export default Button;
+export default UKButton;

package/dist/components/button/{button.js → UKButton.js}

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { c as e } from "../../clippy-B98VypDQ.js";
-import '../../assets/button.css';const o = "_component_1jj21_10", c = {
+import '../../UKButton.css';const o = "_component_1jj21_10", c = {
   component: o
 }, m = (t) => /* @__PURE__ */ n(
   "button",

package/dist/components/buttonCombo/{buttonCombo.d.ts → UKButtonCombo.d.ts}

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-declare const ButtonCombo: React.FC<{
+declare const UKButtonCombo: React.FC<{
     children: React.ReactNode[];
     className?: string;
 }>;
-export default ButtonCombo;
+export default UKButtonCombo;

package/dist/components/buttonCombo/{buttonCombo.js → UKButtonCombo.js}

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { c as s } from "../../clippy-B98VypDQ.js";
-import '../../assets/buttonCombo.css';const c = "_component_17nsv_6", m = {
+import '../../UKButtonCombo.css';const c = "_component_17nsv_6", m = {
   component: c
 }, r = ({ children: o, className: t }) => /* @__PURE__ */ n("div", { className: s(m.component, t), children: o });
 export {

package/dist/components/buttonLink/{buttonLink.d.ts → UKButtonLink.d.ts}

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-declare const ButtonLink: FC<{
+declare const UKButtonLink: FC<{
     text: string;
     to: string;
     className?: string;
 }>;
-export default ButtonLink;
+export default UKButtonLink;

package/dist/components/buttonLink/UKButtonLink.js

@@ -0,0 +1,21 @@
+import { jsx as n } from "react/jsx-runtime";
+import { c as e } from "../../clippy-B98VypDQ.js";
+import c from "../button/UKButton.js";
+import { useNavigate as m } from "react-router";
+import '../../UKButtonLink.css';const s = "_component_1kvf2_10", i = "_link_1kvf2_45", a = {
+  component: s,
+  link: i
+}, p = (t) => {
+  const o = m();
+  return /* @__PURE__ */ n(
+    c,
+    {
+      onClick: () => (o(t.to), 0),
+      text: t.text,
+      className: e(a.component, t.className)
+    }
+  );
+};
+export {
+  p as default
+};

package/dist/components/buttonWithIcon/{buttonWithIcon.d.ts → UKButtonWithIcon.d.ts}

@@ -1,10 +1,10 @@
-import { UKIconType } from '../../core/iconDictionary.ts';
 import { FC } from 'react';
-declare const ButtonWithIcon: FC<{
+import { UKIconType } from '../../core/iconDictionary.ts';
+declare const UKButtonWithIcon: FC<{
     icon: UKIconType;
     onClick: () => void;
     text: string;
     className?: string;
     disabled?: boolean;
 }>;
-export default ButtonWithIcon;
+export default UKButtonWithIcon;

package/dist/components/buttonWithIcon/{buttonWithIcon.js → UKButtonWithIcon.js}

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as c } from "react/jsx-runtime";
 import { c as e } from "../../clippy-B98VypDQ.js";
-import i from "../icon/icon.js";
-import '../../assets/buttonWithIcon.css';const s = "_component_p4tfu_10", a = "_icon_p4tfu_49", o = {
+import i from "../icon/UKIcon.js";
+import '../../UKButtonWithIcon.css';const s = "_component_p4tfu_10", a = "_icon_p4tfu_49", o = {
   component: s,
   icon: a
 }, d = (n) => /* @__PURE__ */ t(

package/dist/components/card/{card.d.ts → UKCard.d.ts}

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-declare const Card: FC<{
+import { default as React, FC } from 'react';
+declare const UKCard: FC<{
     level?: 0 | 1 | 2 | 3;
     containerClassName?: string;
     onClick?: () => void;
@@ -11,4 +11,4 @@ declare const Card: FC<{
     header?: React.ReactNode | React.ReactNode[];
     style?: React.CSSProperties;
 }>;
-export default Card;
+export default UKCard;

package/dist/components/card/{card.js → UKCard.js}

@@ -1,10 +1,10 @@
 import { jsx as c, Fragment as i, jsxs as s } from "react/jsx-runtime";
 import { c as n } from "../../clippy-B98VypDQ.js";
 import m from "../../core/incrementLevel.js";
-import { u as d, a as o } from "../../level-o2-EzyQS.js";
-import l from "../box/box.js";
+import { u as d, a as o } from "../../level-zWuM8x6U.js";
+import l from "../box/UKBox.js";
 import r from "../../core/decrementLevel.js";
-import '../../assets/card.css';const h = "_component_18x96_10", N = "_clickable_18x96_25", _ = "_header_18x96_52", C = "_actions_18x96_59", v = "_content_18x96_67", a = {
+import '../../UKCard.css';const h = "_component_18x96_10", N = "_clickable_18x96_25", _ = "_header_18x96_52", C = "_actions_18x96_59", v = "_content_18x96_67", a = {
   component: h,
   clickable: N,
   header: _,

package/dist/components/container/{container.d.ts → UKContainer.d.ts}

@@ -1,7 +1,7 @@
 import { FC, ReactNode } from 'react';
-declare const Container: FC<{
+declare const UKContainer: FC<{
     className?: string;
     level?: 0 | 1 | 2 | 3;
     children: ReactNode | ReactNode[];
 }>;
-export default Container;
+export default UKContainer;

package/dist/components/container/{container.js → UKContainer.js}

@@ -1,8 +1,8 @@
 import { jsx as n } from "react/jsx-runtime";
 import { c as t } from "../../clippy-B98VypDQ.js";
 import s from "../../core/incrementLevel.js";
-import { u as c, a as l } from "../../level-o2-EzyQS.js";
-import '../../assets/container.css';const m = "_component_td4gi_10", r = {
+import { u as c, a as l } from "../../level-zWuM8x6U.js";
+import '../../UKContainer.css';const m = "_component_td4gi_10", r = {
   component: m
 }, v = (e) => {
   const o = e.level || c();

package/dist/components/contextMenu/{contextMenu.d.ts → UKContextMenu.d.ts}

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-declare const ContextMenu: FC<{
+import { default as React, FC } from 'react';
+declare const UKContextMenu: FC<{
     items: {
         label: string;
         onClick: () => void;
@@ -7,4 +7,4 @@ declare const ContextMenu: FC<{
     children: React.ReactNode | React.ReactNode[];
     className?: string;
 }>;
-export default ContextMenu;
+export default UKContextMenu;

package/dist/components/contextMenu/{contextMenu.js → UKContextMenu.js}

@@ -1,9 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
 import s from "./contextMenuRootContext.js";
-const w = ({ items: i, children: u, className: d }) => /* @__PURE__ */ r(s.Consumer, { children: (n) => /* @__PURE__ */ r(
+const w = ({ items: i, children: u, className: c }) => /* @__PURE__ */ r(s.Consumer, { children: (n) => /* @__PURE__ */ r(
   "div",
   {
-    className: d,
+    className: c,
     onContextMenu: (e) => {
       e.stopPropagation(), e.preventDefault();
       const o = e.currentTarget.getBoundingClientRect();
@@ -14,8 +14,8 @@ const w = ({ items: i, children: u, className: d }) => /* @__PURE__ */ r(s.Consu
         height: o.height,
         items: i
       });
-      const t = (c) => {
-        c.preventDefault(), n.destroyMenu(), window.removeEventListener("click", t), window.removeEventListener("contextmenu", t);
+      const t = (d) => {
+        d.preventDefault(), n.destroyMenu(), window.removeEventListener("click", t), window.removeEventListener("contextmenu", t);
       };
       window.addEventListener("click", t), window.addEventListener("contextmenu", t);
     },

package/dist/components/contextMenu/contextMenuRoot.js

@@ -1,28 +1,28 @@
-import { jsxs as y, jsx as p } from "react/jsx-runtime";
+import { jsxs as C, jsx as p } from "react/jsx-runtime";
 import o, { useRef as M, useEffect as R } from "react";
-import v from "../button/button.js";
+import v from "../button/UKButton.js";
 import E from "./contextMenuRootContext.js";
-import '../../assets/contextMenuRoot.css';const H = "_component_g2wjx_10", j = "_button_g2wjx_29", h = {
+import '../../contextMenuRoot.css';const H = "_component_g2wjx_10", j = "_button_g2wjx_29", h = {
   component: H,
   button: j
-}, P = ({ children: x }) => {
+}, k = ({ children: x }) => {
   const [s, g] = o.useState({ x: 0, y: 0 }), [w, e] = o.useState(!1), [_, b] = o.useState([]), n = M(null);
   return R(() => {
     window.addEventListener("resize", () => {
       e(!1);
     });
-  }, []), /* @__PURE__ */ y(
+  }, []), /* @__PURE__ */ C(
     E.Provider,
     {
       value: {
-        createMenu: ({ x: t, y: i, width: N, height: B, items: C }) => {
+        createMenu: ({ x: t, y: i, width: N, height: B, items: y }) => {
           var f, m;
           const r = window.innerWidth, c = window.innerHeight, l = ((f = n.current) == null ? void 0 : f.getBoundingClientRect().width) || 200, u = ((m = n.current) == null ? void 0 : m.getBoundingClientRect().height) || 200;
           let a = t, d = i;
           t + l >= r && (a = r - l), i + u >= c && (d = c - u), g({
             x: a,
             y: d
-          }), b(C), e(!0);
+          }), b(y), e(!0);
         },
         destroyMenu: () => {
           e(!1);
@@ -56,5 +56,5 @@ import '../../assets/contextMenuRoot.css';const H = "_component_g2wjx_10", j = "
   );
 };
 export {
-  P as default
+  k as default
 };

package/dist/components/flex/{flex.d.ts → UKFlex.d.ts}

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react';
-declare const Flex: FC<{
+declare const UKFlex: FC<{
     direction: "row" | "column";
     className?: string;
     children: ReactNode | ReactNode[];
@@ -7,4 +7,4 @@ declare const Flex: FC<{
     centerVertically?: boolean;
     padding?: boolean;
 }>;
-export default Flex;
+export default UKFlex;

package/dist/components/flex/{flex.js → UKFlex.js}

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { c } from "../../clippy-B98VypDQ.js";
-import '../../assets/flex.css';const o = "_component_13j68_10", l = "_row_13j68_15", r = "_column_13j68_19", i = "_centerHorizontally_13j68_23", a = "_centerVertically_13j68_27", _ = "_padding_13j68_31", e = {
+import '../../UKFlex.css';const o = "_component_13j68_10", l = "_row_13j68_15", r = "_column_13j68_19", i = "_centerHorizontally_13j68_23", a = "_centerVertically_13j68_27", _ = "_padding_13j68_31", e = {
   component: o,
   row: l,
   column: r,

package/dist/components/heading/{heading.d.ts → UKHeading.d.ts}

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-declare const Heading: FC<{
+declare const UKHeading: FC<{
     text: string;
     level?: 1 | 2 | 3 | 4 | 5 | 6;
     className?: string;
 }>;
-export default Heading;
+export default UKHeading;

package/dist/components/heading/UKHeading.js

@@ -0,0 +1,32 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c as t } from "../../clippy-B98VypDQ.js";
+import { useContext as m } from "react";
+import { L as h } from "../../level-zWuM8x6U.js";
+import '../../UKHeading.css';const s = "_component_13od9_10", a = "_h1component_13od9_17", l = "_h2component_13od9_22", _ = "_h3component_13od9_27", p = "_h4component_13od9_32", d = "_h5component_13od9_37", r = "_h6component_13od9_42", e = {
+  component: s,
+  h1component: a,
+  h2component: l,
+  h3component: _,
+  h4component: p,
+  h5component: d,
+  h6component: r
+}, f = (n) => {
+  const c = m(h);
+  switch (n.level || c || 1) {
+    case 1:
+      return /* @__PURE__ */ o("h1", { className: t(e.component, e.h1component, n.className), children: n.text });
+    case 2:
+      return /* @__PURE__ */ o("h2", { className: t(e.component, e.h2component, n.className), children: n.text });
+    case 3:
+      return /* @__PURE__ */ o("h3", { className: t(e.component, e.h3component, n.className), children: n.text });
+    case 4:
+      return /* @__PURE__ */ o("h4", { className: t(e.component, e.h4component, n.className), children: n.text });
+    case 5:
+      return /* @__PURE__ */ o("h5", { className: t(e.component, e.h5component, n.className), children: n.text });
+    case 6:
+      return /* @__PURE__ */ o("h6", { className: t(e.component, e.h6component, n.className), children: n.text });
+  }
+};
+export {
+  f as default
+};

package/dist/components/icon/{icon.d.ts → UKIcon.d.ts}

@@ -1,10 +1,10 @@
-import { UKIconType } from '../../core/iconDictionary.ts';
 import { FC } from 'react';
-declare const Icon: FC<{
+import { UKIconType } from '../../core/iconDictionary';
+declare const UKIcon: FC<{
     icon: UKIconType;
     size?: string;
     color?: string;
     preserveColor?: boolean;
     className?: string;
 }>;
-export default Icon;
+export default UKIcon;

package/dist/components/icon/{icon.js → UKIcon.js}

@@ -1,7 +1,7 @@
 import { jsx as c } from "react/jsx-runtime";
 import { useState as s, useEffect as l } from "react";
 import i from "../../server-error-lFyIkIwC.js";
-import '../../assets/icon.css';const m = "_component_1asux_6", a = "_preserveColor_1asux_20", o = {
+import '../../UKIcon.css';const m = "_component_1asux_6", a = "_preserveColor_1asux_20", o = {
   component: m,
   preserveColor: a
 }, C = (e) => {

package/dist/components/iconButton/UKIconButton.d.ts

@@ -0,0 +1,10 @@
+import { UKIcons } from '../../core/iconDictionary.ts';
+import { FC } from 'react';
+declare const UKIconButton: FC<{
+    icon: (typeof UKIcons)[keyof typeof UKIcons];
+    accessibleLabel: string;
+    onClick: () => void;
+    className?: string;
+    preserveColor?: boolean;
+}>;
+export default UKIconButton;

package/dist/components/iconButton/{iconButton.js → UKIconButton.js}

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import { c as n } from "../../clippy-B98VypDQ.js";
-import c from "../icon/icon.js";
-import '../../assets/iconButton.css';const t = "_component_jdj54_10", l = {
+import c from "../icon/UKIcon.js";
+import '../../UKIconButton.css';const t = "_component_jdj54_10", l = {
   component: t
 }, a = (o) => /* @__PURE__ */ e(
   "button",

package/dist/components/image/{image.d.ts → UKImage.d.ts}

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-declare const Image: FC<{
+declare const UKImage: FC<{
     src: string;
     accessibleLabel: string;
     containerClassName?: string;
@@ -9,4 +9,4 @@ declare const Image: FC<{
     width?: number;
     height?: number;
 }>;
-export default Image;
+export default UKImage;

package/dist/components/image/{image.js → UKImage.js}

@@ -1,9 +1,9 @@
 import { jsx as c } from "react/jsx-runtime";
-import v from "../icon/icon.js";
-import { UKIcon as b } from "../../core/iconDictionary.js";
-import { useRef as E, useState as a, useEffect as i } from "react";
+import v from "../icon/UKIcon.js";
+import { UKIcons as b } from "../../core/iconDictionary.js";
+import { useRef as E, useState as a, useEffect as s } from "react";
 import { c as u } from "../../clippy-B98VypDQ.js";
-import '../../assets/image.css';const R = "_componentContainer_112vn_10", C = "_component_112vn_10", y = "_noRounding_112vn_27", z = "_loaded_112vn_31", L = "_loading_112vn_44", S = "_serverError_112vn_52", w = "_fail_112vn_1", e = {
+import '../../UKImage.css';const R = "_componentContainer_112vn_10", C = "_component_112vn_10", y = "_noRounding_112vn_27", z = "_loaded_112vn_31", L = "_loading_112vn_44", S = "_serverError_112vn_52", w = "_fail_112vn_1", e = {
   componentContainer: R,
   component: C,
   noRounding: y,
@@ -11,22 +11,22 @@ import '../../assets/image.css';const R = "_componentContainer_112vn_10", C = "_
   loading: L,
   serverError: S,
   fail: w
-}, F = (n) => {
-  const s = E(null), [o, _] = a(n.src), [d, l] = a(!1), [g, m] = a(!1), [f, h] = a(0);
-  return i(() => {
-    const t = s.current;
+}, U = (n) => {
+  const i = E(null), [o, _] = a(n.src), [d, l] = a(!1), [g, m] = a(!1), [f, h] = a(0);
+  return s(() => {
+    const t = i.current;
     t && setTimeout(() => {
       const r = t.getBoundingClientRect();
       h(r.height > r.width ? r.height : r.width);
     }, 0);
-  }, [o]), i(() => {
+  }, [o]), s(() => {
     m(!1), l(!1);
-  }, [o]), i(() => {
+  }, [o]), s(() => {
     n.src !== o && _(n.src);
   }, [n.src]), /* @__PURE__ */ c(
     "div",
     {
-      ref: s,
+      ref: i,
       className: u(e.componentContainer, n.containerClassName, !d && e.loading, g && e.serverError),
       style: {
         // @ts-ignore
@@ -52,5 +52,5 @@ import '../../assets/image.css';const R = "_componentContainer_112vn_10", C = "_
   );
 };
 export {
-  F as default
+  U as default
 };

package/dist/components/link/{link.d.ts → UKLink.d.ts}

@@ -1,8 +1,8 @@
 import { FC } from 'react';
-declare const Link: FC<{
+declare const UKLink: FC<{
     text: string;
     to: string;
     className?: string;
     hideLinkIcon?: boolean;
 }>;
-export default Link;
+export default UKLink;

package/dist/components/link/{link.js → UKLink.js}

@@ -1,8 +1,8 @@
 import { jsxs as c, jsx as t } from "react/jsx-runtime";
 import { c as e } from "../../clippy-B98VypDQ.js";
-import m from "../icon/icon.js";
-import { UKIcon as s } from "../../core/iconDictionary.js";
-import '../../assets/link.css';const i = "_component_r9qeb_10", n = {
+import m from "../icon/UKIcon.js";
+import { UKIcons as s } from "../../core/iconDictionary.js";
+import '../../UKLink.css';const i = "_component_r9qeb_10", n = {
   component: i
 }, p = (o) => /* @__PURE__ */ c(
   "a",

package/dist/components/progressBar/{progressBar.d.ts → UKProgressBar.d.ts}

@@ -1,8 +1,8 @@
 import { FC } from 'react';
-declare const ProgressBar: FC<{
+declare const UKProgressBar: FC<{
     maxValue?: number;
     value: number;
     className?: string;
     indeterminate?: boolean;
 }>;
-export default ProgressBar;
+export default UKProgressBar;

package/dist/components/redirect/UKRedirect.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+declare const UKRedirect: FC<{
+    to: string | null;
+}>;
+export default UKRedirect;

package/dist/components/redirect/UKRedirect.js

@@ -0,0 +1,11 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useNavigate as r } from "react-router";
+import i from "../card/UKCard.js";
+import m from "../text/UKText.js";
+const d = (t) => {
+  const o = r();
+  return t.to !== null && o(t.to), /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(m, { text: `Redirecting to ${t.to}` }) });
+};
+export {
+  d as default
+};

package/dist/components/separator/{separator.d.ts → UKSeparator.d.ts}

@@ -1,6 +1,6 @@
 import { FC } from 'react';
-declare const Separator: FC<{
+declare const UKSeparator: FC<{
     direction: "column" | "row";
     disableMargin?: boolean;
 }>;
-export default Separator;
+export default UKSeparator;

package/dist/components/separator/{separator.js → UKSeparator.js}

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import { c as t } from "../../clippy-B98VypDQ.js";
-import '../../assets/separator.css';const a = "_component_1i64h_10", c = "_row_1i64h_16", r = "_disableMargin_1i64h_22", s = "_column_1i64h_28", o = {
+import '../../UKSeparator.css';const a = "_component_1i64h_10", c = "_row_1i64h_16", r = "_disableMargin_1i64h_22", s = "_column_1i64h_28", o = {
   component: a,
   row: c,
   disableMargin: r,

package/dist/components/spinner/UKSpinner.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+declare const UKSpinner: FC<{
+    style?: any;
+}>;
+export default UKSpinner;

package/dist/components/spinner/{spinner.js → UKSpinner.js}

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as e } from "react/jsx-runtime";
 import { c as s } from "../../clippy-B98VypDQ.js";
-import '../../assets/spinner.css';const o = "_component_12m3x_6", r = "_container_12m3x_17", p = "_infiniteSpin_12m3x_1", c = "_spinnerBack_12m3x_26", u = "_spinnerBorder_12m3x_37", a = "_spinnerCutoutContainer_12m3x_48", _ = "_spinnerCutout_12m3x_48", m = "_spinnerCutoutOne_12m3x_65", C = "_spinnerCutoutTwo_12m3x_70", n = {
+import '../../UKSpinner.css';const o = "_component_12m3x_6", r = "_container_12m3x_17", p = "_infiniteSpin_12m3x_1", c = "_spinnerBack_12m3x_26", u = "_spinnerBorder_12m3x_37", a = "_spinnerCutoutContainer_12m3x_48", _ = "_spinnerCutout_12m3x_48", m = "_spinnerCutoutOne_12m3x_65", C = "_spinnerCutoutTwo_12m3x_70", n = {
   component: o,
   container: r,
   infiniteSpin: p,

package/dist/components/subtext/{subtext.d.ts → UKSubtext.d.ts}

@@ -1,6 +1,6 @@
 import { FC } from 'react';
-declare const Subtext: FC<{
+declare const UKSubtext: FC<{
     text: string;
     className?: string;
 }>;
-export default Subtext;
+export default UKSubtext;

package/dist/components/subtext/{subtext.js → UKSubtext.js}

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { c as l } from "../../clippy-B98VypDQ.js";
-import '../../assets/subtext.css';const o = "_component_1ehrl_10", n = "_levelDefault_1ehrl_15", c = {
+import '../../UKSubtext.css';const o = "_component_1ehrl_10", n = "_levelDefault_1ehrl_15", c = {
   component: o,
   levelDefault: n
 }, m = (e) => /* @__PURE__ */ t("div", { className: l(c.component, e.className), children: e.text });

package/dist/components/tag/{tag.d.ts → UKTag.d.ts}

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-declare const Tag: FC<{
+declare const UKTag: FC<{
     text: string;
     color: string;
     className?: string;
 }>;
-export default Tag;
+export default UKTag;

package/dist/components/tag/{tag.js → UKTag.js}

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { c as n } from "../../clippy-B98VypDQ.js";
-import '../../assets/tag.css';const c = "_component_n6r4z_10", e = {
+import '../../UKTag.css';const c = "_component_n6r4z_10", e = {
   component: c
 }, r = (o) => /* @__PURE__ */ t(
   "div",

package/dist/components/text/{text.d.ts → UKText.d.ts}

@@ -1,6 +1,6 @@
 import { FC } from 'react';
-declare const Text: FC<{
+declare const UKText: FC<{
     text: string;
     className?: string;
 }>;
-export default Text;
+export default UKText;

package/dist/components/text/{text.js → UKText.js}

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { c as n } from "../../clippy-B98VypDQ.js";
-import '../../assets/tag.css';const e = "_component_n6r4z_10", c = {
+import '../../UKTag.css';const e = "_component_n6r4z_10", c = {
   component: e
 }, r = (t) => /* @__PURE__ */ o("div", { className: n(c.component, t.className), children: t.text });
 export {

package/dist/components/textButton/{textButton.d.ts → UKTextButton.d.ts}

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-declare const TextButton: FC<{
+declare const UKTextButton: FC<{
     onClick: () => void;
     text: string;
     className?: string;
 }>;
-export default TextButton;
+export default UKTextButton;

package/dist/components/textButton/{textButton.js → UKTextButton.js}

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { c as o } from "../../clippy-B98VypDQ.js";
-import '../../assets/textButton.css';const e = "_component_vlbze_10", c = {
+import '../../UKTextButton.css';const e = "_component_vlbze_10", c = {
   component: e
 }, m = (t) => /* @__PURE__ */ n(
   "button",