@yourdash/uikit 1.0.42 → 1.0.43

package/dist/views/header/UKPageHeader.js

@@ -1,8 +1,8 @@
-import { jsx as e, Fragment as t } from "react/jsx-runtime";
+import { jsx as e, Fragment as r } from "react/jsx-runtime";
 import i from "../../components/heading/UKHeading.js";
-import '../../UKPageHeader.css';const n = "_view_1q1ur_10", s = {
+const n = "_view_1557p_10", s = {
   view: n
-}, o = ({ backgroundImage: a, heading: r }) => /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(
+}, o = ({ backgroundImage: a, heading: t }) => /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
   "div",
   {
     className: s.view,
@@ -11,7 +11,7 @@ import '../../UKPageHeader.css';const n = "_view_1q1ur_10", s = {
       i,
       {
         level: 1,
-        text: r
+        text: t
       }
     )
   }
@@ -19,3 +19,4 @@ import '../../UKPageHeader.css';const n = "_view_1q1ur_10", s = {
 export {
   o as default
 };
+//# sourceMappingURL=UKPageHeader.js.map

package/dist/views/header/UKPageHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UKPageHeader.js","sources":["../../../src/views/header/UKPageHeader.tsx"],"sourcesContent":["/*\r\n * Copyright ©2025 Ewsgit <https://ewsgit.uk> and YourDash <https://yourdash.ewsgit.uk> contributors.\r\n * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)\r\n */\r\n\r\nimport React from \"react\";\r\nimport UKHeading from \"../../components/heading/UKHeading.tsx\";\r\nimport styles from \"./header.module.scss\";\r\n\r\nconst UKPageHeader: React.FC<{ backgroundImage?: string; heading: string }> = ({ backgroundImage, heading }) => {\r\n  return (\r\n    <>\r\n      <div\r\n        className={styles.view}\r\n        style={\r\n          backgroundImage ? { backgroundImage: backgroundImage } : { backgroundImage: \"linear-gradient(-45deg, #ff8093aa, #ffd264aa)\" }\r\n        }\r\n      >\r\n        <UKHeading\r\n          level={1}\r\n          text={heading}\r\n        />\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default UKPageHeader;\r\n"],"names":["UKPageHeader","backgroundImage","heading","jsx","Fragment","styles","UKHeading"],"mappings":";;;;GASMA,IAAwE,CAAC,EAAE,iBAAAC,GAAiB,SAAAC,QAG5F,gBAAAC,EAAAC,GAAA,EAAA,UAAA,gBAAAD;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWE,EAAO;AAAA,IAClB,OACEJ,IAAkB,EAAE,iBAAAA,EAAqC,IAAA,EAAE,iBAAiB,gDAAgD;AAAA,IAG9H,UAAA,gBAAAE;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,MAAMJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACR;AAAA,GAEJ;"}

package/dist/views/infiniteScroll/UKInfiniteScroll.js

@@ -4,26 +4,26 @@ import d, { useState as p, useEffect as g } from "react";
 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 = {
+const L = "_component_7673o_10", P = "_items_7673o_19", K = "_endOfItems_7673o_23", s = {
   component: L,
   items: P,
   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);
+  const o = d.useRef(null), n = d.useRef(-1), [m, r] = p(!1), [N, f] = p(!1);
   g(() => {
-    n.current = -1, r(!1), l(!1), f();
+    n.current = -1, r(!1), f(!1), l();
   }, [b]);
-  async function f() {
+  async function l() {
     if (m) return;
     r(!0);
     const { hasAnotherPage: c } = await _(n.current + 1);
-    n.current++, r(!1), l(c || !1);
+    n.current++, r(!1), f(c || !1);
   }
   return g(() => {
     if (!o.current) return;
     const c = o.current;
     new IntersectionObserver((O) => {
-      console.log("observer update"), O[0].isIntersecting && f();
+      console.log("observer update"), O[0].isIntersecting && l();
     }).observe(c);
   }, []), /* @__PURE__ */ a("div", { className: u(v, s.component), children: [
     (t == null ? void 0 : t.length) > 0 ? /* @__PURE__ */ e("div", { className: u(x, s.items), children: t }) : /* @__PURE__ */ a("div", { className: "text-center", children: [
@@ -60,3 +60,4 @@ import '../../UKInfiniteScroll.css';const L = "_component_tlgec_10", P = "_items
 export {
   W as default
 };
+//# sourceMappingURL=UKInfiniteScroll.js.map

package/dist/views/infiniteScroll/UKInfiniteScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UKInfiniteScroll.js","sources":["../../../src/views/infiniteScroll/UKInfiniteScroll.tsx"],"sourcesContent":["/*\r\n *    Copyright ©2025 Ewsgit<https://ewsgit.uk> and YourDash<https://yourdash.ewsgit.uk> contributors.\r\n *    YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)\r\n */\r\n\r\nimport clippy from \"@yourdash/shared/web/helpers/clippy.ts\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport UKHeading from \"../../components/heading/UKHeading.tsx\";\r\nimport UKSeparator from \"../../components/separator/UKSeparator.tsx\";\r\nimport UKText from \"../../components/text/UKText.tsx\";\r\nimport styles from \"./infiniteScroll.module.scss\";\r\n\r\nconst UKInfiniteScroll: React.FC<{\r\n  children: React.ReactNode | React.ReactNode[];\r\n  fetchNextPage: (nextPageNumber: number) => Promise<{ hasAnotherPage?: boolean }>;\r\n  containerClassName?: string;\r\n  className?: string;\r\n  resetState?: string;\r\n}> = ({ children, fetchNextPage, containerClassName, className, resetState }) => {\r\n  const endOfItemsRef = React.useRef<HTMLDivElement>(null);\r\n  const lastFetchedPage = React.useRef<number>(-1);\r\n  const [isLoading, setIsLoading] = useState<boolean>(false);\r\n  const [isLastPage, setIsLastPage] = useState<boolean>(false);\r\n\r\n  useEffect(() => {\r\n    lastFetchedPage.current = -1;\r\n    setIsLoading(false);\r\n    setIsLastPage(false);\r\n    fetchNextPageWrapper();\r\n  }, [resetState]);\r\n\r\n  async function fetchNextPageWrapper() {\r\n    if (isLoading) return;\r\n    setIsLoading(true);\r\n    const { hasAnotherPage } = await fetchNextPage(lastFetchedPage.current + 1);\r\n    lastFetchedPage.current++;\r\n    setIsLoading(false);\r\n    setIsLastPage(hasAnotherPage || false);\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (!endOfItemsRef.current) return;\r\n\r\n    const element: HTMLDivElement = endOfItemsRef.current;\r\n\r\n    const observer = new IntersectionObserver((elem) => {\r\n      console.log(\"observer update\");\r\n      const isVisible = elem[0].isIntersecting;\r\n\r\n      if (isVisible) fetchNextPageWrapper();\r\n    });\r\n\r\n    observer.observe(element);\r\n  }, []);\r\n\r\n  // TODO: Use interaction observer to detect when the last item is shown on the screen and fetch the next page\r\n\r\n  return (\r\n    <div className={clippy(containerClassName, styles.component)}>\r\n      {/* @ts-ignore */}\r\n      {children?.length > 0 ? (\r\n        <div className={clippy(className, styles.items)}>{children}</div>\r\n      ) : (\r\n        <div className={\"text-center\"}>\r\n          <UKHeading\r\n            level={1}\r\n            text={\"Whoops.\"}\r\n          />\r\n          <UKSeparator direction={\"column\"} />\r\n          <UKText text={\"It looks like nothing could be found...\"} />\r\n        </div>\r\n      )}\r\n      <div\r\n        ref={endOfItemsRef}\r\n        className={styles.endOfItems}\r\n      >\r\n        {isLoading && <UKText text={\"Loading more content\"} />}\r\n        <UKSeparator direction={\"column\"} />\r\n        {isLastPage && (\r\n          <UKText\r\n            text={\"No more items to load\"}\r\n            className={styles.endOfItems}\r\n          />\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default UKInfiniteScroll;\r\n"],"names":["UKInfiniteScroll","children","fetchNextPage","containerClassName","className","resetState","endOfItemsRef","React","lastFetchedPage","isLoading","setIsLoading","useState","isLastPage","setIsLastPage","useEffect","fetchNextPageWrapper","hasAnotherPage","element","elem","clippy","styles","jsx","jsxs","UKHeading","UKSeparator","UKText"],"mappings":";;;;;;;;;;GAYMA,IAMD,CAAC,EAAE,UAAAC,GAAU,eAAAC,GAAe,oBAAAC,GAAoB,WAAAC,GAAW,YAAAC,QAAiB;AACzE,QAAAC,IAAgBC,EAAM,OAAuB,IAAI,GACjDC,IAAkBD,EAAM,OAAe,EAAE,GACzC,CAACE,GAAWC,CAAY,IAAIC,EAAkB,EAAK,GACnD,CAACC,GAAYC,CAAa,IAAIF,EAAkB,EAAK;AAE3D,EAAAG,EAAU,MAAM;AACd,IAAAN,EAAgB,UAAU,IAC1BE,EAAa,EAAK,GAClBG,EAAc,EAAK,GACEE,EAAA;AAAA,EAAA,GACpB,CAACV,CAAU,CAAC;AAEf,iBAAeU,IAAuB;AACpC,QAAIN,EAAW;AACf,IAAAC,EAAa,EAAI;AACjB,UAAM,EAAE,gBAAAM,EAAe,IAAI,MAAMd,EAAcM,EAAgB,UAAU,CAAC;AAC1D,IAAAA,EAAA,WAChBE,EAAa,EAAK,GAClBG,EAAcG,KAAkB,EAAK;AAAA,EAAA;AAGvC,SAAAF,EAAU,MAAM;AACV,QAAA,CAACR,EAAc,QAAS;AAE5B,UAAMW,IAA0BX,EAAc;AAS9C,IAPiB,IAAI,qBAAqB,CAACY,MAAS;AAClD,cAAQ,IAAI,iBAAiB,GACXA,EAAK,CAAC,EAAE,kBAEUH,EAAA;AAAA,IAAA,CACrC,EAEQ,QAAQE,CAAO;AAAA,EAC1B,GAAG,EAAE,qBAKF,OAAI,EAAA,WAAWE,EAAOhB,GAAoBiB,EAAO,SAAS,GAExD,UAAA;AAAA,KAAAnB,KAAA,gBAAAA,EAAU,UAAS,IACjB,gBAAAoB,EAAA,OAAA,EAAI,WAAWF,EAAOf,GAAWgB,EAAO,KAAK,GAAI,UAAAnB,EAAS,CAAA,IAE1D,gBAAAqB,EAAA,OAAA,EAAI,WAAW,eACd,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,MACA,gBAAAF,EAACG,GAAY,EAAA,WAAW,SAAU,CAAA;AAAA,MAClC,gBAAAH,EAACI,GAAO,EAAA,MAAM,0CAA2C,CAAA;AAAA,IAAA,GAC3D;AAAA,IAEF,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKhB;AAAA,QACL,WAAWc,EAAO;AAAA,QAEjB,UAAA;AAAA,UAAaX,KAAA,gBAAAY,EAACI,GAAO,EAAA,MAAM,uBAAwB,CAAA;AAAA,UACpD,gBAAAJ,EAACG,GAAY,EAAA,WAAW,SAAU,CAAA;AAAA,UACjCZ,KACC,gBAAAS;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,WAAWL,EAAO;AAAA,YAAA;AAAA,UAAA;AAAA,QACpB;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,GACF;AAEJ;"}

package/dist/views/navBar/UKNavBar.js

@@ -2,10 +2,10 @@ import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import i from "../../components/box/UKBox.js";
 import n from "../../components/flex/UKFlex.js";
 import { c as a } from "../../clippy-B98VypDQ.js";
-import '../../UKNavBar.css';const l = "_component_178hu_6", p = "_segment_178hu_20", e = {
+const l = "_component_yv1j4_6", p = "_segment_yv1j4_20", e = {
   component: l,
   segment: p
-}, f = ({ leftSection: s, centerSection: t, rightSection: m, className: r }) => /* @__PURE__ */ c(i, { className: a(e.component, r), children: [
+}, x = ({ leftSection: s, centerSection: t, rightSection: m, className: r }) => /* @__PURE__ */ c(i, { className: a(e.component, r), children: [
   /* @__PURE__ */ o(
     n,
     {
@@ -32,5 +32,6 @@ import '../../UKNavBar.css';const l = "_component_178hu_6", p = "_segment_178hu_
   )
 ] });
 export {
-  f as default
+  x as default
 };
+//# sourceMappingURL=UKNavBar.js.map

package/dist/views/navBar/UKNavBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UKNavBar.js","sources":["../../../src/views/navBar/UKNavBar.tsx"],"sourcesContent":["import React from \"react\";\r\nimport UKBox from \"../../components/box/UKBox.tsx\";\r\nimport styles from \"./navBar.module.scss\";\r\nimport UKFlex from \"../../components/flex/UKFlex.tsx\";\r\nimport clippy from \"@yourdash/shared/web/helpers/clippy.ts\";\r\n\r\nconst UKNavBar: React.FC<{\r\n  leftSection?: React.ReactElement | React.ReactElement[];\r\n  centerSection?: React.ReactElement | React.ReactElement[];\r\n  rightSection?: React.ReactElement | React.ReactElement[];\r\n  className?: string;\r\n}> = ({ leftSection, centerSection, rightSection, className }) => {\r\n  return (\r\n    <UKBox className={clippy(styles.component, className)}>\r\n      <UKFlex\r\n        className={styles.segment}\r\n        direction=\"row\"\r\n      >\r\n        {leftSection}\r\n      </UKFlex>\r\n      <UKFlex\r\n        className={styles.segment}\r\n        direction=\"row\"\r\n      >\r\n        {centerSection}\r\n      </UKFlex>\r\n      <UKFlex\r\n        className={styles.segment}\r\n        direction=\"row\"\r\n      >\r\n        {rightSection}\r\n      </UKFlex>\r\n    </UKBox>\r\n  );\r\n};\r\n\r\nexport default UKNavBar;\r\n"],"names":["UKNavBar","leftSection","centerSection","rightSection","className","UKBox","clippy","styles","jsx","UKFlex"],"mappings":";;;;;;;GAMMA,IAKD,CAAC,EAAE,aAAAC,GAAa,eAAAC,GAAe,cAAAC,GAAc,WAAAC,0BAE7CC,GAAM,EAAA,WAAWC,EAAOC,EAAO,WAAWH,CAAS,GAClD,UAAA;AAAA,EAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWF,EAAO;AAAA,MAClB,WAAU;AAAA,MAET,UAAAN;AAAA,IAAA;AAAA,EACH;AAAA,EACA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWF,EAAO;AAAA,MAClB,WAAU;AAAA,MAET,UAAAL;AAAA,IAAA;AAAA,EACH;AAAA,EACA,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWF,EAAO;AAAA,MAClB,WAAU;AAAA,MAET,UAAAJ;AAAA,IAAA;AAAA,EAAA;AACH,GACF;"}

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

@@ -1,15 +1,16 @@
 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
+const a = "_component_1kaw9_6", n = {
+  component: a
 }, c = ({ src: o }) => /* @__PURE__ */ e(
   t,
   {
     accessibleLabel: "",
     src: o,
-    className: a.component
+    className: n.component
   }
 );
 export {
   c as default
 };
+//# sourceMappingURL=UKNavbarNavImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UKNavbarNavImage.js","sources":["../../../../../src/views/navBar/components/navImage/UKNavbarNavImage.tsx"],"sourcesContent":["import React from \"react\";\r\nimport UKImage from \"../../../../components/image/UKImage.tsx\";\r\nimport styles from \"./navImage.module.scss\";\r\n\r\nconst UKNavbarNavImage: React.FC<{ src: string }> = ({ src }) => {\r\n  return (\r\n    <UKImage\r\n      accessibleLabel=\"\"\r\n      src={src}\r\n      className={styles.component}\r\n    />\r\n  );\r\n};\r\n\r\nexport default UKNavbarNavImage;\r\n"],"names":["UKNavbarNavImage","src","jsx","UKImage","styles"],"mappings":";;;;GAIMA,IAA8C,CAAC,EAAE,KAAAC,QAEnD,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,iBAAgB;AAAA,IAChB,KAAAF;AAAA,IACA,WAAWG,EAAO;AAAA,EAAA;AACpB;"}

package/dist/views/navBar/components/navTitle/UKNavbarNavTitle.js

@@ -10,3 +10,4 @@ const i = ({ title: t }) => /* @__PURE__ */ e(
 export {
   i as default
 };
+//# sourceMappingURL=UKNavbarNavTitle.js.map

package/dist/views/navBar/components/navTitle/UKNavbarNavTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UKNavbarNavTitle.js","sources":["../../../../../src/views/navBar/components/navTitle/UKNavbarNavTitle.tsx"],"sourcesContent":["import React from \"react\";\r\nimport UKHeading from \"../../../../components/heading/UKHeading.tsx\";\r\n\r\nconst UKNavbarNavTitle: React.FC<{ title: string }> = ({ title }) => {\r\n  return (\r\n    <UKHeading\r\n      text={title}\r\n      level={2}\r\n    />\r\n  );\r\n};\r\n\r\nexport default UKNavbarNavTitle;\r\n"],"names":["UKNavbarNavTitle","title","jsx","UKHeading"],"mappings":";;AAGA,MAAMA,IAAgD,CAAC,EAAE,OAAAC,QAErD,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAMF;AAAA,IACN,OAAO;AAAA,EAAA;AACT;"}

package/dist/views/onBoarding/UKOnBoarding.js

@@ -12,31 +12,31 @@ import { Outlet as B } from "react-router";
 import C from "../../components/flex/UKFlex.js";
 import { c as i } from "../../clippy-B98VypDQ.js";
 import U from "../../components/separator/UKSeparator.js";
-import '../../UKOnBoarding.css';const x = "_page_107gf_6", K = "_fadeIn_107gf_1", N = "_card_107gf_40", y = "_cardContainer_107gf_51", v = "_goBackButton_107gf_55", w = "_headerImage_107gf_61", T = "_header_107gf_61", S = "_body_107gf_70", t = {
+const x = "_page_rjfsg_6", K = "_fadeIn_rjfsg_1", j = "_card_rjfsg_40", N = "_cardContainer_rjfsg_51", y = "_goBackButton_rjfsg_55", v = "_headerImage_rjfsg_61", w = "_header_rjfsg_61", T = "_body_rjfsg_70", r = {
   page: x,
   fadeIn: K,
-  card: N,
-  cardContainer: y,
-  goBackButton: v,
-  headerImage: w,
-  header: T,
-  body: S
+  card: j,
+  cardContainer: N,
+  goBackButton: y,
+  headerImage: v,
+  header: w,
+  body: T
 }, A = ({ pages: s, meta: m }) => {
-  const [r, o] = f.useState(0), n = s[r];
-  return localStorage.getItem(`yourdash-application-visited-${m.id}`) || r > s.length - 1 ? (localStorage.setItem(`yourdash-application-visited-${m.id}`, "true"), /* @__PURE__ */ a(B, {})) : /* @__PURE__ */ a("div", { className: t.page, children: /* @__PURE__ */ l(
+  const [t, o] = f.useState(0), n = s[t];
+  return localStorage.getItem(`yourdash-application-visited-${m.id}`) || t > s.length - 1 ? (localStorage.setItem(`yourdash-application-visited-${m.id}`, "true"), /* @__PURE__ */ a(B, {})) : /* @__PURE__ */ a("div", { className: r.page, children: /* @__PURE__ */ l(
     g,
     {
-      className: t.card,
-      containerClassName: t.cardContainer,
+      className: r.card,
+      containerClassName: r.cardContainer,
       children: [
         n.allowGoBack && /* @__PURE__ */ a(
           p,
           {
-            className: i(t.goBackButton, "animate__animated animate__fadeInDown"),
+            className: i(r.goBackButton, "animate__animated animate__fadeInDown"),
             accessibleLabel: "Go back to the last page",
             icon: _.ChevronLeft,
             onClick: () => {
-              o(r - 1);
+              o(t - 1);
             }
           },
           "GoBackButton"
@@ -44,7 +44,7 @@ import '../../UKOnBoarding.css';const x = "_page_107gf_6", K = "_fadeIn_107gf_1"
         /* @__PURE__ */ a(
           h,
           {
-            className: t.headerImage,
+            className: r.headerImage,
             src: n.headerImage,
             accessibleLabel: ""
           }
@@ -52,7 +52,7 @@ import '../../UKOnBoarding.css';const x = "_page_107gf_6", K = "_fadeIn_107gf_1"
         /* @__PURE__ */ a(
           u,
           {
-            className: t.header,
+            className: r.header,
             text: n.header
           }
         ),
@@ -60,19 +60,19 @@ import '../../UKOnBoarding.css';const x = "_page_107gf_6", K = "_fadeIn_107gf_1"
         /* @__PURE__ */ a(
           b,
           {
-            className: t.body,
+            className: r.body,
             text: n.body
           }
         ),
         /* @__PURE__ */ a(
           C,
           {
-            className: t.actions,
+            className: r.actions,
             direction: "row",
             children: n.actions.map((e) => e.icon ? /* @__PURE__ */ a(d, { children: /* @__PURE__ */ a(
               k,
               {
-                className: i(t.action, t.actionWithIcon, "animate__animated animate__fadeInUp"),
+                className: i(r.action, r.actionWithIcon, "animate__animated animate__fadeInUp"),
                 text: e.label,
                 icon: e.icon,
                 onClick: () => {
@@ -80,10 +80,10 @@ import '../../UKOnBoarding.css';const x = "_page_107gf_6", K = "_fadeIn_107gf_1"
                   if ((c = e.onClick) == null || c.call(e), e.changeTo)
                     switch (e.changeTo) {
                       case "next":
-                        o(r + 1);
+                        o(t + 1);
                         break;
                       case "previous":
-                        r > 0 && o(r - 1);
+                        t > 0 && o(t - 1);
                         break;
                       case "remain":
                         break;
@@ -97,17 +97,17 @@ import '../../UKOnBoarding.css';const x = "_page_107gf_6", K = "_fadeIn_107gf_1"
             ) }) : /* @__PURE__ */ a(d, { children: /* @__PURE__ */ a(
               I,
               {
-                className: i(t.action, t.actionWithoutIcon, "animate__animated animate__fadeInUp"),
+                className: i(r.action, r.actionWithoutIcon, "animate__animated animate__fadeInUp"),
                 text: e.label,
                 onClick: () => {
                   var c;
                   if ((c = e.onClick) == null || c.call(e), e.changeTo)
                     switch (e.changeTo) {
                       case "next":
-                        o(r + 1);
+                        o(t + 1);
                         break;
                       case "previous":
-                        r > 0 && o(r - 1);
+                        t > 0 && o(t - 1);
                         break;
                       case "remain":
                         break;
@@ -128,3 +128,4 @@ import '../../UKOnBoarding.css';const x = "_page_107gf_6", K = "_fadeIn_107gf_1"
 export {
   A as default
 };
+//# sourceMappingURL=UKOnBoarding.js.map

package/dist/views/onBoarding/UKOnBoarding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UKOnBoarding.js","sources":["../../../src/views/onBoarding/UKOnBoarding.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport UKCard from \"../../components/card/UKCard.tsx\";\r\nimport { UKIcons, UKIconType } from \"../../core/iconDictionary.ts\";\r\nimport UKIconButton from \"../../components/iconButton/UKIconButton.tsx\";\r\nimport UKImage from \"../../components/image/UKImage.tsx\";\r\nimport UKHeading from \"../../components/heading/UKHeading.tsx\";\r\nimport UKText from \"../../components/text/UKText.tsx\";\r\nimport UKButtonWithIcon from \"../../components/buttonWithIcon/UKButtonWithIcon.tsx\";\r\nimport UKButton from \"../../components/button/UKButton.tsx\";\r\nimport { Outlet } from \"react-router\";\r\nimport styles from \"./onBoarding.module.scss\";\r\nimport UKFlex from \"../../components/flex/UKFlex.tsx\";\r\nimport clippy from \"@yourdash/shared/web/helpers/clippy.ts\";\r\nimport UKSeparator from \"../../components/separator/UKSeparator.tsx\";\r\n\r\nconst UKOnBoarding: React.FC<{\r\n  meta: { id: string };\r\n  pages: {\r\n    headerImage: string;\r\n    header: string;\r\n    body: string;\r\n    actions: {\r\n      label: string;\r\n      icon?: UKIconType;\r\n      onClick?: () => void;\r\n      changeTo?: \"next\" | \"previous\" | \"remain\" | \"completed\";\r\n    }[];\r\n    allowGoBack?: boolean;\r\n  }[];\r\n}> = ({ pages, meta }) => {\r\n  const [currentPage, setCurrentPage] = React.useState<number>(0);\r\n  const page = pages[currentPage];\r\n\r\n  if (localStorage.getItem(`yourdash-application-visited-${meta.id}`) || currentPage > pages.length - 1) {\r\n    localStorage.setItem(`yourdash-application-visited-${meta.id}`, \"true\");\r\n\r\n    return <Outlet />;\r\n  }\r\n\r\n  return (\r\n    <div className={styles.page}>\r\n      <UKCard\r\n        className={styles.card}\r\n        containerClassName={styles.cardContainer}\r\n      >\r\n        {page.allowGoBack && (\r\n          <UKIconButton\r\n            key={\"GoBackButton\"}\r\n            className={clippy(styles.goBackButton, \"animate__animated animate__fadeInDown\")}\r\n            accessibleLabel=\"Go back to the last page\"\r\n            icon={UKIcons.ChevronLeft}\r\n            onClick={() => {\r\n              setCurrentPage(currentPage - 1);\r\n            }}\r\n          />\r\n        )}\r\n        <UKImage\r\n          className={styles.headerImage}\r\n          src={page.headerImage}\r\n          accessibleLabel=\"\"\r\n        />\r\n        <UKHeading\r\n          className={styles.header}\r\n          text={page.header}\r\n        />\r\n        <UKSeparator direction={\"column\"} />\r\n        <UKText\r\n          className={styles.body}\r\n          text={page.body}\r\n        />\r\n        <UKFlex\r\n          className={styles.actions}\r\n          direction=\"row\"\r\n        >\r\n          {page.actions.map((action) => {\r\n            if (action.icon) {\r\n              return (\r\n                <>\r\n                  <UKButtonWithIcon\r\n                    key={action.label}\r\n                    className={clippy(styles.action, styles.actionWithIcon, \"animate__animated animate__fadeInUp\")}\r\n                    text={action.label}\r\n                    icon={action.icon}\r\n                    onClick={() => {\r\n                      action.onClick?.();\r\n                      if (action.changeTo) {\r\n                        switch (action.changeTo) {\r\n                          case \"next\":\r\n                            setCurrentPage(currentPage + 1);\r\n                            break;\r\n                          case \"previous\":\r\n                            if (currentPage > 0) setCurrentPage(currentPage - 1);\r\n                            break;\r\n                          case \"remain\":\r\n                            break;\r\n                          case \"completed\":\r\n                            setCurrentPage(pages.length + 1);\r\n                            break;\r\n                          default:\r\n                            break;\r\n                        }\r\n                      }\r\n                    }}\r\n                  />\r\n                </>\r\n              );\r\n            }\r\n\r\n            return (\r\n              <>\r\n                <UKButton\r\n                  key={action.label}\r\n                  className={clippy(styles.action, styles.actionWithoutIcon, \"animate__animated animate__fadeInUp\")}\r\n                  text={action.label}\r\n                  onClick={() => {\r\n                    action.onClick?.();\r\n\r\n                    if (action.changeTo) {\r\n                      switch (action.changeTo) {\r\n                        case \"next\":\r\n                          setCurrentPage(currentPage + 1);\r\n                          break;\r\n                        case \"previous\":\r\n                          if (currentPage > 0) setCurrentPage(currentPage - 1);\r\n                          break;\r\n                        case \"remain\":\r\n                          break;\r\n                        case \"completed\":\r\n                          setCurrentPage(pages.length + 1);\r\n                          break;\r\n                        default:\r\n                          break;\r\n                      }\r\n                    }\r\n                  }}\r\n                />\r\n              </>\r\n            );\r\n          })}\r\n        </UKFlex>\r\n      </UKCard>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default UKOnBoarding;\r\n"],"names":["UKOnBoarding","pages","meta","currentPage","setCurrentPage","React","page","Outlet","jsx","styles","jsxs","UKCard","UKIconButton","clippy","UKIcons","UKImage","UKHeading","UKSeparator","UKText","UKFlex","action","Fragment","UKButtonWithIcon","_a","UKButton"],"mappings":"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"}

package/dist/views/panAndZoom/UKPanAndZoom.js

@@ -72,3 +72,4 @@ const W = ({
 export {
   W as default
 };
+//# sourceMappingURL=UKPanAndZoom.js.map

package/dist/views/panAndZoom/UKPanAndZoom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UKPanAndZoom.js","sources":["../../../src/views/panAndZoom/UKPanAndZoom.tsx"],"sourcesContent":["/*\r\n * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.\r\n * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)\r\n */\r\n\r\nimport React, { FC, useEffect, useRef, useState } from \"react\";\r\n\r\nconst UKPanAndZoom: FC<{ children: React.ReactNode; minZoom?: number; maxZoom?: number; onScaleChange?: (scale: number) => void }> = ({\r\n  children,\r\n  minZoom,\r\n  maxZoom,\r\n  onScaleChange,\r\n}) => {\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n  const [translateX, setTranslateX] = useState(0);\r\n  const [translateY, setTranslateY] = useState(0);\r\n  const [scale, setScale] = useState(1);\r\n\r\n  if (onScaleChange) {\r\n    useEffect(() => {\r\n      onScaleChange(scale);\r\n    }, [scale]);\r\n  }\r\n\r\n  const handleWheel = (event: WheelEvent) => {\r\n    event.stopPropagation();\r\n    const delta = event.deltaY;\r\n    const newScale = scale + delta / 1000;\r\n    setScale(Math.min(Math.max(newScale, minZoom ?? 0.1), maxZoom ?? 10));\r\n  };\r\n\r\n  const handleMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\r\n    event.stopPropagation();\r\n    const startX = event.clientX;\r\n    const startY = event.clientY;\r\n    const startTranslateX = translateX;\r\n    const startTranslateY = translateY;\r\n\r\n    // eslint-disable-next-line @typescript-eslint/no-shadow\r\n    const handleMouseMove = (event: MouseEvent) => {\r\n      event.stopPropagation();\r\n      const deltaX = event.clientX - startX;\r\n      const deltaY = event.clientY - startY;\r\n      setTranslateX(startTranslateX + deltaX);\r\n      setTranslateY(startTranslateY + deltaY);\r\n    };\r\n\r\n    const handleMouseUp = () => {\r\n      event.stopPropagation();\r\n      document.removeEventListener(\"mousemove\", handleMouseMove);\r\n      document.removeEventListener(\"mouseup\", handleMouseUp);\r\n    };\r\n\r\n    document.addEventListener(\"mousemove\", handleMouseMove);\r\n    document.addEventListener(\"mouseup\", handleMouseUp);\r\n  };\r\n\r\n  const handleTouchStart = (event: React.TouchEvent<HTMLDivElement>) => {\r\n    event.stopPropagation();\r\n    const startTouches = event.touches;\r\n    const startTranslateX = translateX;\r\n    const startTranslateY = translateY;\r\n\r\n    // eslint-disable-next-line @typescript-eslint/no-shadow\r\n    const handleTouchMove = (event: TouchEvent) => {\r\n      event.stopPropagation();\r\n      const currentTouches = event.touches;\r\n      const deltaX = currentTouches[0].clientX - startTouches[0].clientX;\r\n      const deltaY = currentTouches[0].clientY - startTouches[0].clientY;\r\n      setTranslateX(startTranslateX + deltaX);\r\n      setTranslateY(startTranslateY + deltaY);\r\n    };\r\n\r\n    const handleTouchEnd = () => {\r\n      event.stopPropagation();\r\n      document.removeEventListener(\"touchmove\", handleTouchMove);\r\n      document.removeEventListener(\"touchend\", handleTouchEnd);\r\n    };\r\n\r\n    document.addEventListener(\"touchmove\", handleTouchMove);\r\n    document.addEventListener(\"touchend\", handleTouchEnd);\r\n  };\r\n\r\n  return (\r\n    <div\r\n      ref={containerRef}\r\n      style={{\r\n        width: \"100%\",\r\n        height: \"100%\",\r\n        overflow: \"hidden\",\r\n        display: \"flex\",\r\n        alignItems: \"center\",\r\n        justifyContent: \"center\",\r\n      }}\r\n      onWheel={handleWheel as unknown as React.WheelEventHandler<HTMLDivElement>}\r\n      onMouseDown={handleMouseDown}\r\n      onTouchStart={handleTouchStart}\r\n      onDragStart={(event) => {\r\n        event.stopPropagation();\r\n        event.preventDefault();\r\n      }}\r\n      onContextMenu={(event) => {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n      }}\r\n    >\r\n      <div\r\n        style={{\r\n          transform: `translate(${translateX}px, ${translateY}px) scale(${scale})`,\r\n          transformOrigin: \"center center\",\r\n          maxWidth: \"max-content\",\r\n          pointerEvents: \"none\",\r\n        }}\r\n      >\r\n        {children}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default UKPanAndZoom;\r\n"],"names":["UKPanAndZoom","children","minZoom","maxZoom","onScaleChange","containerRef","useRef","translateX","setTranslateX","useState","translateY","setTranslateY","scale","setScale","useEffect","jsx","event","delta","newScale","startX","startY","startTranslateX","startTranslateY","handleMouseMove","deltaX","deltaY","handleMouseUp","startTouches","handleTouchMove","currentTouches","handleTouchEnd"],"mappings":"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"}

package/dist/views/sidebar/UKSidebar.js

@@ -2,13 +2,13 @@ import { jsx as o } from "react/jsx-runtime";
 import { c as s } from "../../clippy-B98VypDQ.js";
 import m from "../../components/flex/UKFlex.js";
 import p from "../../core/incrementLevel.js";
-import { u as c, a as i } from "../../level-zWuM8x6U.js";
+import { u as c, a as i } from "../../level-D543k4ZJ.js";
 import l from "./UKSidebarContext.js";
 import { useContext as a } from "react";
-import '../../UKSidebar.css';const d = "_component_kdw27_10", f = "_open_kdw27_40", e = {
-  component: d,
+const x = "_component_1xxhv_10", f = "_open_1xxhv_40", e = {
+  component: x,
   open: f
-}, L = ({ children: t }) => {
+}, K = ({ children: t }) => {
   const n = a(l), r = c();
   return /* @__PURE__ */ o(p, { children: /* @__PURE__ */ o(
     m,
@@ -20,5 +20,6 @@ import '../../UKSidebar.css';const d = "_component_kdw27_10", f = "_open_kdw27_4
   ) });
 };
 export {
-  L as default
+  K as default
 };
+//# sourceMappingURL=UKSidebar.js.map

package/dist/views/sidebar/UKSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UKSidebar.js","sources":["../../../src/views/sidebar/UKSidebar.tsx"],"sourcesContent":["/*\r\n * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.\r\n * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)\r\n */\r\n\r\nimport clippy from \"@yourdash/shared/web/helpers/clippy.ts\";\r\nimport UKFlex from \"../../components/flex/UKFlex.tsx\";\r\nimport IncrementLevel from \"../../core/incrementLevel.tsx\";\r\nimport { useLevel, useLevelClass } from \"../../core/level.tsx\";\r\nimport styles from \"./sidebar.module.scss\";\r\nimport UKSidebarContext from \"./UKSidebarContext.tsx\";\r\nimport { FC, useContext } from \"react\";\r\n\r\nconst UKSidebar: FC<{ children: React.ReactNode | React.ReactNode[] }> = ({ children }) => {\r\n  const sidebarContext = useContext(UKSidebarContext);\r\n  const level = useLevel();\r\n\r\n  return (\r\n    <IncrementLevel>\r\n      <UKFlex\r\n        direction={\"column\"}\r\n        className={clippy(styles.component, sidebarContext.isOpen && styles.open, useLevelClass(level + 1))}\r\n      >\r\n        {children}\r\n      </UKFlex>\r\n    </IncrementLevel>\r\n  );\r\n};\r\n\r\nexport default UKSidebar;\r\n"],"names":["UKSidebar","children","sidebarContext","useContext","UKSidebarContext","level","useLevel","IncrementLevel","jsx","UKFlex","clippy","styles","useLevelClass"],"mappings":";;;;;;;;;;GAaMA,IAAmE,CAAC,EAAE,UAAAC,QAAe;AACnF,QAAAC,IAAiBC,EAAWC,CAAgB,GAC5CC,IAAQC,EAAS;AAEvB,2BACGC,GACC,EAAA,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,WAAWC,EAAOC,EAAO,WAAWT,EAAe,UAAUS,EAAO,MAAMC,EAAcP,IAAQ,CAAC,CAAC;AAAA,MAEjG,UAAAJ;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}

package/dist/views/sidebar/UKSidebarContainer.js

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import { useState as s } from "react";
 import a from "./UKSidebarContext.js";
 import { c } from "../../clippy-B98VypDQ.js";
-import '../../UKSidebarContainer.css';const m = "_component_3jgyq_10", p = {
+const m = "_component_f16q1_10", p = {
   component: m
 }, f = ({
   children: r,
@@ -32,3 +32,4 @@ import '../../UKSidebarContainer.css';const m = "_component_3jgyq_10", p = {
 export {
   f as default
 };
+//# sourceMappingURL=UKSidebarContainer.js.map

package/dist/views/sidebar/UKSidebarContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UKSidebarContainer.js","sources":["../../../src/views/sidebar/UKSidebarContainer.tsx"],"sourcesContent":["/*\r\n * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.\r\n * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)\r\n */\r\n\r\nimport React, { FC, useState } from \"react\";\r\nimport UKSidebarContext from \"./UKSidebarContext.tsx\";\r\nimport styles from \"./sidebarContainer.module.scss\";\r\nimport clippy from \"@yourdash/shared/web/helpers/clippy.ts\";\r\n\r\nconst UKSidebarContainer: FC<{ children: React.ReactNode | React.ReactNode[]; showSidebarByDefault?: boolean; className?: string }> = ({\r\n  children,\r\n  showSidebarByDefault,\r\n  className,\r\n}) => {\r\n  const [showSidebar, setShowSidebar] = useState<boolean>(showSidebarByDefault || true);\r\n\r\n  return (\r\n    <UKSidebarContext.Provider\r\n      value={{\r\n        closeSidebar: () => {\r\n          setShowSidebar(false);\r\n        },\r\n        toggleSidebar: () => {\r\n          setShowSidebar(!showSidebar);\r\n        },\r\n        openSidebar: () => {\r\n          setShowSidebar(true);\r\n        },\r\n        isOpen: showSidebar,\r\n      }}\r\n    >\r\n      <div className={clippy(styles.component, className)}>{children}</div>\r\n    </UKSidebarContext.Provider>\r\n  );\r\n};\r\n\r\nexport default UKSidebarContainer;\r\n"],"names":["UKSidebarContainer","children","showSidebarByDefault","className","showSidebar","setShowSidebar","useState","jsx","UKSidebarContext","clippy","styles"],"mappings":";;;;;;GAUMA,IAAgI,CAAC;AAAA,EACrI,UAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAkBJ,KAAwB,EAAI;AAGlF,SAAA,gBAAAK;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,OAAO;AAAA,QACL,cAAc,MAAM;AAClB,UAAAH,EAAe,EAAK;AAAA,QACtB;AAAA,QACA,eAAe,MAAM;AACnB,UAAAA,EAAe,CAACD,CAAW;AAAA,QAC7B;AAAA,QACA,aAAa,MAAM;AACjB,UAAAC,EAAe,EAAI;AAAA,QACrB;AAAA,QACA,QAAQD;AAAA,MACV;AAAA,MAEA,UAAA,gBAAAG,EAAC,SAAI,WAAWE,EAAOC,EAAO,WAAWP,CAAS,GAAI,UAAAF,EAAS,CAAA;AAAA,IAAA;AAAA,EACjE;AAEJ;"}

package/dist/views/sidebar/UKSidebarContext.js

@@ -11,3 +11,4 @@ const o = e({
 export {
   o as default
 };
+//# sourceMappingURL=UKSidebarContext.js.map

package/dist/views/sidebar/UKSidebarContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UKSidebarContext.js","sources":["../../../src/views/sidebar/UKSidebarContext.tsx"],"sourcesContent":["/*\r\n * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.\r\n * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)\r\n */\r\n\r\nimport { createContext } from \"react\";\r\n\r\nconst UKSidebarContext = createContext({\r\n  openSidebar: () => {},\r\n  closeSidebar: () => {},\r\n  toggleSidebar: () => {},\r\n  isOpen: true,\r\n});\r\n\r\nexport default UKSidebarContext;\r\n"],"names":["UKSidebarContext","createContext"],"mappings":";AAOA,MAAMA,IAAmBC,EAAc;AAAA,EACrC,aAAa,MAAM;AAAA,EAAC;AAAA,EACpB,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,eAAe,MAAM;AAAA,EAAC;AAAA,EACtB,QAAQ;AACV,CAAC;"}

package/dist/views/sidebar/UKSidebarToggleButton.js

@@ -19,3 +19,4 @@ const l = () => {
 export {
   l as default
 };
+//# sourceMappingURL=UKSidebarToggleButton.js.map

package/dist/views/sidebar/UKSidebarToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UKSidebarToggleButton.js","sources":["../../../src/views/sidebar/UKSidebarToggleButton.tsx"],"sourcesContent":["/*\r\n * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.\r\n * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)\r\n */\r\n\r\nimport { FC, useContext } from \"react\";\r\nimport { UKIcons } from \"../../core/iconDictionary.ts\";\r\nimport UKSidebarContext from \"./UKSidebarContext.tsx\";\r\nimport UKIconButton from \"../../components/iconButton/UKIconButton.tsx\";\r\n\r\nconst UKSidebarToggleButton: FC = () => {\r\n  const sidebarContext = useContext(UKSidebarContext);\r\n\r\n  return (\r\n    <UKIconButton\r\n      accessibleLabel={sidebarContext.isOpen ? \"Collapse UKSidebar\" : \"Expand UKSidebar\"}\r\n      icon={sidebarContext.isOpen ? UKIcons.SidebarCollapse : UKIcons.SidebarExpand}\r\n      onClick={() => {\r\n        sidebarContext.toggleSidebar();\r\n      }}\r\n    />\r\n  );\r\n};\r\n\r\nexport default UKSidebarToggleButton;\r\n"],"names":["UKSidebarToggleButton","sidebarContext","useContext","UKSidebarContext","jsx","UKIconButton","UKIcons"],"mappings":";;;;;AAUA,MAAMA,IAA4B,MAAM;AAChC,QAAAC,IAAiBC,EAAWC,CAAgB;AAGhD,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,iBAAiBJ,EAAe,SAAS,uBAAuB;AAAA,MAChE,MAAMA,EAAe,SAASK,EAAQ,kBAAkBA,EAAQ;AAAA,MAChE,SAAS,MAAM;AACb,QAAAL,EAAe,cAAc;AAAA,MAAA;AAAA,IAC/B;AAAA,EACF;AAEJ;"}

package/dist/webhook-16-B63wCkFf.js

@@ -2,3 +2,4 @@ const a = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20widt
 export {
   a as default
 };
+//# sourceMappingURL=webhook-16-B63wCkFf.js.map

package/dist/webhook-16-B63wCkFf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webhook-16-B63wCkFf.js","sources":["../src/core/icons/webhook-16.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M5.5%204.25a2.25%202.25%200%20014.5%200%20.75.75%200%20001.5%200%203.75%203.75%200%2010-6.14%202.889l-2.272%204.258a.75.75%200%20001.324.706L7%207.25a.75.75%200%2000-.309-1.015A2.25%202.25%200%20015.5%204.25z'/%3e%3cpath%20d='M7.364%203.607a.75.75%200%20011.03.257l2.608%204.349a3.75%203.75%200%2011-.628%206.785.75.75%200%2001.752-1.299%202.25%202.25%200%2010-.033-3.88.75.75%200%2001-1.03-.256L7.107%204.636a.75.75%200%2001.257-1.03z'/%3e%3cpath%20d='M2.9%208.776A.75.75%200%20012.625%209.8%202.25%202.25%200%20106%2011.75a.75.75%200%2001.75-.751h5.5a.75.75%200%20010%201.5H7.425a3.751%203.751%200%2011-5.55-3.998.75.75%200%20011.024.274z'/%3e%3c/svg%3e\""],"names":["webhook16"],"mappings":"AAAA,MAAeA,IAAA;"}

package/dist/workflow-16-BrP4zNK0.js

@@ -2,3 +2,4 @@ const v = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20widt
 export {
   v as default
 };
+//# sourceMappingURL=workflow-16-BrP4zNK0.js.map

package/dist/workflow-16-BrP4zNK0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-16-BrP4zNK0.js","sources":["../src/core/icons/workflow-16.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20fill='%23ffffff'%20d='M0%201.75C0%20.784.784%200%201.75%200h3.5C6.216%200%207%20.784%207%201.75v3.5A1.75%201.75%200%20015.25%207H4v4a1%201%200%20001%201h4v-1.25C9%209.784%209.784%209%2010.75%209h3.5c.966%200%201.75.784%201.75%201.75v3.5A1.75%201.75%200%200114.25%2016h-3.5A1.75%201.75%200%20019%2014.25v-.75H5A2.5%202.5%200%20012.5%2011V7h-.75A1.75%201.75%200%20010%205.25v-3.5zm1.75-.25a.25.25%200%2000-.25.25v3.5c0%20.138.112.25.25.25h3.5a.25.25%200%2000.25-.25v-3.5a.25.25%200%2000-.25-.25h-3.5zm9%209a.25.25%200%2000-.25.25v3.5c0%20.138.112.25.25.25h3.5a.25.25%200%2000.25-.25v-3.5a.25.25%200%2000-.25-.25h-3.5z'%20/%3e%3c/svg%3e\""],"names":["workflow16"],"mappings":"AAAA,MAAeA,IAAA;"}

package/dist/x-16-B7iyXdcL.js

@@ -2,3 +2,4 @@ const a = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20widt
 export {
   a as default
 };
+//# sourceMappingURL=x-16-B7iyXdcL.js.map

package/dist/x-16-B7iyXdcL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-16-B7iyXdcL.js","sources":["../src/core/icons/x-16.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20fill='%23ffffff'%20d='M3.72%203.72a.75.75%200%20011.06%200L8%206.94l3.22-3.22a.75.75%200%20111.06%201.06L9.06%208l3.22%203.22a.75.75%200%2011-1.06%201.06L8%209.06l-3.22%203.22a.75.75%200%2001-1.06-1.06L6.94%208%203.72%204.78a.75.75%200%20010-1.06z'%20/%3e%3c/svg%3e\""],"names":["x16"],"mappings":"AAAA,MAAeA,IAAA;"}

package/dist/x-circle-16-C79HwlWA.js

@@ -2,3 +2,4 @@ const a = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20widt
 export {
   a as default
 };
+//# sourceMappingURL=x-circle-16-C79HwlWA.js.map

package/dist/x-circle-16-C79HwlWA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-circle-16-C79HwlWA.js","sources":["../src/core/icons/x-circle-16.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20fill='%23ffffff'%20d='M3.404%2012.596a6.5%206.5%200%20119.192-9.192%206.5%206.5%200%2001-9.192%209.192zM2.344%202.343a8%208%200%201011.313%2011.314A8%208%200%20002.343%202.343zM6.03%204.97a.75.75%200%2000-1.06%201.06L6.94%208%204.97%209.97a.75.75%200%20101.06%201.06L8%209.06l1.97%201.97a.75.75%200%20101.06-1.06L9.06%208l1.97-1.97a.75.75%200%2010-1.06-1.06L8%206.94%206.03%204.97z'%20/%3e%3c/svg%3e\""],"names":["xCircle16"],"mappings":"AAAA,MAAeA,IAAA;"}

package/dist/x-circle-fill-16-4KWscQI9.js

@@ -2,3 +2,4 @@ const l = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20widt
 export {
   l as default
 };
+//# sourceMappingURL=x-circle-fill-16-4KWscQI9.js.map

package/dist/x-circle-fill-16-4KWscQI9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-circle-fill-16-4KWscQI9.js","sources":["../src/core/icons/x-circle-fill-16.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20fill='%23ffffff'%20d='M2.343%2013.657A8%208%200%201113.657%202.343%208%208%200%20012.343%2013.657zM6.03%204.97a.75.75%200%2000-1.06%201.06L6.94%208%204.97%209.97a.75.75%200%20101.06%201.06L8%209.06l1.97%201.97a.75.75%200%20101.06-1.06L9.06%208l1.97-1.97a.75.75%200%2010-1.06-1.06L8%206.94%206.03%204.97z'%20/%3e%3c/svg%3e\""],"names":["xCircleFill16"],"mappings":"AAAA,MAAeA,IAAA;"}

package/dist/yourdash-xKqdwKGy.js

@@ -2,3 +2,4 @@ const I = "data:image/svg+xml;base64,DQoNCjxzdmcgd2lkdGg9IjI1NiIgaGVpZ2h0PSIyNTY
 export {
   I as default
 };
+//# sourceMappingURL=yourdash-xKqdwKGy.js.map

package/dist/yourdash-xKqdwKGy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"yourdash-xKqdwKGy.js","sources":["../src/core/icons/yourdash.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,DQoNCjxzdmcgd2lkdGg9IjI1NiIgaGVpZ2h0PSIyNTYiIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF83NDVfMzgpIj4NCiAgICAgICAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZl83NDVfMzgpIj4NCiAgICAgICAgICAgIDxmb3JlaWduT2JqZWN0IHg9Ii0yMyIgeT0iLTIzIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiI+DQogICAgICAgICAgICAgICAgPGRpdiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94aHRtbCIgY2xhc3M9ImdyYWRpZW50Ij48L2Rpdj4NCiAgICAgICAgICAgIDwvZm9yZWlnbk9iamVjdD4NCiAgICAgICAgICAgIDxzdHlsZT4NCiAgICAgICAgICAgICAgICBkaXYuZ3JhZGllbnQgew0KICAgICAgICAgICAgICAgIGhlaWdodDogMTAwJTsNCiAgICAgICAgICAgICAgICB3aWR0aDogMTAwJTsNCiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiBjb25pYy1ncmFkaWVudCgNCiAgICAgICAgICAgICAgICBmcm9tIDE4MGRlZywNCiAgICAgICAgICAgICAgICAjRkQwMDAwIDBkZWcgNjBkZWcsDQogICAgICAgICAgICAgICAgI0ZDOEIwMCA2MGRlZyAxMjBkZWcsDQogICAgICAgICAgICAgICAgI0ZFRTQwMCAxMjBkZWcgMTgwZGVnLA0KICAgICAgICAgICAgICAgICMxMTlFMEIgMTgwZGVnIDI0MGRlZywNCiAgICAgICAgICAgICAgICAjMDY0NEIyIDI0MGRlZyAzMDBkZWcsDQogICAgICAgICAgICAgICAgI0MxMkVEQiAzMDBkZWcgMzYwZGVnDQogICAgICAgICAgICAgICAgKTsNCiAgICAgICAgICAgICAgICB9DQogICAgICAgICAgICA8L3N0eWxlPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KICAgIDxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMV83NDVfMzgpIj4NCiAgICAgICAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjFfYmRmXzc0NV8zOCkiPg0KICAgICAgICAgICAgPHBhdGggZD0iTTIzIDIzSDI3OVYyNzlIMjNWMjNaIiBmaWxsPSIjRTBFMEUwIiBmaWxsLW9wYWNpdHk9IjAuNzUiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyIvPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KICAgIDxkZWZzPg0KICAgICAgICA8ZmlsdGVyIGlkPSJmaWx0ZXIwX2ZfNzQ1XzM4IiB4PSItODciIHk9Ii04NyIgd2lkdGg9IjM4NCIgaGVpZ2h0PSIzODQiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSINCiAgICAgICAgICAgICAgICBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPg0KICAgICAgICAgICAgPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4NCiAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+DQogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzMiIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzc0NV8zOCIvPg0KICAgICAgICA8L2ZpbHRlcj4NCiAgICAgICAgPGZpbHRlciBpZD0iZmlsdGVyMV9iZGZfNzQ1XzM4IiB4PSI3IiB5PSI3IiB3aWR0aD0iMjg4IiBoZWlnaHQ9IjI4OCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIg0KICAgICAgICAgICAgICAgIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+DQogICAgICAgICAgICA8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPg0KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIGluPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHN0ZERldmlhdGlvbj0iNCIvPg0KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJpbiIgcmVzdWx0PSJlZmZlY3QxX2JhY2tncm91bmRCbHVyXzc0NV8zOCIvPg0KICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiDQogICAgICAgICAgICAgICAgICAgICAgICAgICByZXN1bHQ9ImhhcmRBbHBoYSIvPg0KICAgICAgICAgICAgPGZlT2Zmc2V0IGR5PSI4Ii8+DQogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI0Ii8+DQogICAgICAgICAgICA8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJvdXQiLz4NCiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI1IDAiLz4NCiAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJlZmZlY3QxX2JhY2tncm91bmRCbHVyXzc0NV8zOCIgcmVzdWx0PSJlZmZlY3QyX2Ryb3BTaGFkb3dfNzQ1XzM4Ii8+DQogICAgICAgICAgICA8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDJfZHJvcFNoYWRvd183NDVfMzgiIHJlc3VsdD0ic2hhcGUiLz4NCiAgICAgICAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjgiIHJlc3VsdD0iZWZmZWN0M19mb3JlZ3JvdW5kQmx1cl83NDVfMzgiLz4NCiAgICAgICAgPC9maWx0ZXI+DQogICAgICAgIDxjbGlwUGF0aCBpZD0iY2xpcDBfNzQ1XzM4Ij4NCiAgICAgICAgICAgIDxyZWN0IHg9IjUiIHk9IjUiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiByeD0iNTYiIGZpbGw9IndoaXRlIi8+DQogICAgICAgIDwvY2xpcFBhdGg+DQogICAgICAgIDxjbGlwUGF0aCBpZD0iY2xpcDFfNzQ1XzM4Ij4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik01MSAxMDdDNTEgNzYuMDcyMSA3Ni4wNzIxIDUxIDEwNyA1MUgxOTVDMjI1LjkyOCA1MSAyNTEgNzYuMDcyMSAyNTEgMTA3VjE5NUMyNTEgMjI1LjkyOCAyMjUuOTI4IDI1MSAxOTUgMjUxSDEwN0M3Ni4wNzIxIDI1MSA1MSAyMjUuOTI4IDUxIDE5NVYxMDdaIg0KICAgICAgICAgICAgICAgICAgZmlsbD0id2hpdGUiLz4NCiAgICAgICAgPC9jbGlwUGF0aD4NCiAgICA8L2RlZnM+DQo8L3N2Zz4NCg==\""],"names":["yourdash"],"mappings":"AAAA,MAAeA,IAAA;"}

package/dist/zap-16-hscWSFVd.js

@@ -2,3 +2,4 @@ const a = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20widt
 export {
   a as default
 };
+//# sourceMappingURL=zap-16-hscWSFVd.js.map

package/dist/zap-16-hscWSFVd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zap-16-hscWSFVd.js","sources":["../src/core/icons/zap-16.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20fill='%23ffffff'%20d='M10.561%201.5a.016.016%200%2000-.01.004L3.286%208.571A.25.25%200%20003.462%209H6.75a.75.75%200%2001.694%201.034l-1.713%204.188%206.982-6.793A.25.25%200%200012.538%207H9.25a.75.75%200%2001-.683-1.06l2.008-4.418.003-.006a.02.02%200%2000-.004-.009.02.02%200%2000-.006-.006L10.56%201.5zM9.504.43a1.516%201.516%200%20012.437%201.713L10.415%205.5h2.123c1.57%200%202.346%201.909%201.22%203.004l-7.34%207.142a1.25%201.25%200%2001-.871.354h-.302a1.25%201.25%200%2001-1.157-1.723L5.633%2010.5H3.462c-1.57%200-2.346-1.909-1.22-3.004L9.503.429z'%20/%3e%3c/svg%3e\""],"names":["zap16"],"mappings":"AAAA,MAAeA,IAAA;"}

package/package.json

@@ -1,23 +1,12 @@
 {
   "name": "@yourdash/uikit",
-  "version": "1.0.42",
+  "version": "1.0.43",
   "license": "MIT",
   "type": "module",
   "private": false,
-  "packageManager": "yarn@1.22.22",
   "engines": {
     "node": ">=21.0.0"
   },
-  "files": [
-    "dist/"
-  ],
-  "exports": {
-    "./*": "./dist/*"
-  },
-  "scripts": {
-    "build": "bunx --bun vite build",
-    "postinstall": "bun --bun run build"
-  },
   "author": "Ewsgit <ewsgit@duck.com>",
   "peerDependencies": {
     "@types/react": "^18.3.5",
@@ -29,15 +18,14 @@
   },
   "dependencies": {
     "@vitejs/plugin-react": "^4.3.4",
-    "@yourdash/shared": "*",
+    "@yourdash/shared": "workspace:*",
     "ajv": "8.17.1",
     "glob": "^11.0.0",
     "path": "^0.12.7",
-    "sass": "^1.78.0",
+    "sass-embedded": "^1.83.1",
     "typescript": "^5.6.2",
     "vite": "^6.0.2",
     "vite-plugin-dts": "^4.3.0",
-    "vite-plugin-dynamic-import": "^1.6.0",
-    "vite-plugin-lib-inject-css": "^2.1.1"
+    "vite-plugin-dynamic-import": "^1.6.0"
   }
 }

package/src/components/box/UKBox.tsx

@@ -0,0 +1,27 @@
+/*
+ * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
+ * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
+ */
+
+import clippy from "@yourdash/shared/web/helpers/clippy.ts";
+import React, { FC, ReactNode } from "react";
+import IncrementLevel from "../../core/incrementLevel.tsx";
+import { useLevel, useLevelClass } from "../../core/level.tsx";
+import styles from "./box.module.scss";
+
+const UKBox: FC<{ className?: string; level?: 0 | 1 | 2 | 3; children: ReactNode | ReactNode[]; style?: React.CSSProperties }> = (
+  props,
+) => {
+  const level = props.level || useLevel();
+
+  return (
+    <div
+      className={clippy(styles.component, props.className, useLevelClass(level))}
+      style={props.style}
+    >
+      <IncrementLevel>{props.children}</IncrementLevel>
+    </div>
+  );
+};
+
+export default UKBox;

package/src/components/box/box.module.css

@@ -0,0 +1,24 @@
+@charset "UTF-8";
+/*!
+ * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
+ * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
+ */
+/*!
+ * Copyright ©2025 Ewsgit <https://ewsgit.uk> and YourDash <https://yourdash.ewsgit.uk> contributors.
+ * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
+ */
+.component {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  font-weight: var(--utfontwgt);
+  font-size: var(--utfontsize);
+  font-family: var(--utfontfam);
+  background: var(--utbgn);
+  border: var(--utbrd);
+  padding: var(--utpdn);
+  border-radius: 0;
+  gap: var(--utgap);
+}
+
+/*# sourceMappingURL=box.module.css.map */

package/src/components/box/box.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["box.module.scss","../../theme/themeValues.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;ADOA;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"box.module.css"}

package/src/components/box/box.module.scss

@@ -0,0 +1,21 @@
+/*!
+ * Copyright ©2025 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
+ * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
+ */
+
+@use "../../theme/themeValues.scss" as *;
+
+.component {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+
+  font-weight: var(#{$theme}#{$font}#{$weight});
+  font-size: var(#{$theme}#{$font}#{$size});
+  font-family: var(#{$theme}#{$font}#{$family});
+  background: rgb(var(#{$theme}#{$background}));
+  border: var(#{$theme}#{$border});
+  padding: var(#{$theme}#{$padding});
+  border-radius: 0;
+  gap: var(#{$theme}#{$gap});
+}