@yourdash/uikit 1.0.41 → 1.0.43

package/dist/views/dialog/UKDialog.js

@@ -0,0 +1,23 @@
+import { jsx as n } from "react/jsx-runtime";
+import t from "../../components/card/UKCard.js";
+const _ = "_background_l6sy4_26", i = "_backgroundFadeIn_l6sy4_1", l = "_view_l6sy4_39", u = "_fadeIn_l6sy4_1", a = {
+  background: _,
+  backgroundFadeIn: i,
+  view: l,
+  fadeIn: u
+}, k = ({ children: o, className: e, actionsClassName: s, headerClassName: d, actions: r, header: c }) => /* @__PURE__ */ n("div", { className: a.background, children: /* @__PURE__ */ n(
+  t,
+  {
+    containerClassName: a.view,
+    actionsClassName: s,
+    headerClassName: d,
+    actions: r,
+    header: c,
+    className: e,
+    children: o
+  }
+) });
+export {
+  k as default
+};
+//# sourceMappingURL=UKDialog.js.map

package/dist/views/dialog/UKDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UKDialog.js","sources":["../../../src/views/dialog/UKDialog.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 UKCard from \"../../components/card/UKCard.tsx\";\r\nimport styles from \"./dialog.module.scss\";\r\n\r\nconst UKDialog: React.FC<{\r\n  children: React.ReactNode | React.ReactNode[];\r\n  className?: string;\r\n  actionsClassName?: string;\r\n  headerClassName?: string;\r\n  actions?: React.ReactNode | React.ReactNode[];\r\n  header?: React.ReactNode | React.ReactNode[];\r\n}> = ({ children, className, actionsClassName, headerClassName, actions, header }) => {\r\n  return (\r\n    <div className={styles.background}>\r\n      <UKCard\r\n        containerClassName={styles.view}\r\n        actionsClassName={actionsClassName}\r\n        headerClassName={headerClassName}\r\n        actions={actions}\r\n        header={header}\r\n        className={className}\r\n      >\r\n        {children}\r\n      </UKCard>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default UKDialog;\r\n"],"names":["UKDialog","children","className","actionsClassName","headerClassName","actions","header","jsx","styles","UKCard"],"mappings":";;;;;;;GASMA,IAOD,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,kBAAAC,GAAkB,iBAAAC,GAAiB,SAAAC,GAAS,QAAAC,QAEpE,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,YACrB,UAAA,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,oBAAoBD,EAAO;AAAA,IAC3B,kBAAAL;AAAA,IACA,iBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAJ;AAAA,IAEC,UAAAD;AAAA,EAAA;AAAA,GAEL;"}

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,22 @@
+import { jsx as e, Fragment as r } from "react/jsx-runtime";
+import i from "../../components/heading/UKHeading.js";
+const n = "_view_1557p_10", s = {
+  view: n
+}, o = ({ backgroundImage: a, heading: t }) => /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
+  "div",
+  {
+    className: s.view,
+    style: a ? { backgroundImage: a } : { backgroundImage: "linear-gradient(-45deg, #ff8093aa, #ffd264aa)" },
+    children: /* @__PURE__ */ e(
+      i,
+      {
+        level: 1,
+        text: t
+      }
+    )
+  }
+) });
+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/{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,29 +1,29 @@
 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";
+const L = "_component_7673o_10", P = "_items_7673o_19", K = "_endOfItems_7673o_23", s = {
   component: L,
   items: P,
-  endOfItems: R
-}, E = ({ 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);
+  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, 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: [
@@ -58,5 +58,6 @@ import '../../assets/infiniteScroll.css';const L = "_component_tlgec_10", P = "_
   ] });
 };
 export {
-  E as default
+  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/{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,11 +1,11 @@
 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 = {
+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 '../../assets/navBar.css';const l = "_component_178hu_6", p = "_segment_1
   )
 ] });
 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.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,16 @@
+import { jsx as e } from "react/jsx-runtime";
+import t from "../../../../components/image/UKImage.js";
+const a = "_component_1kaw9_6", n = {
+  component: a
+}, c = ({ src: o }) => /* @__PURE__ */ e(
+  t,
+  {
+    accessibleLabel: "",
+    src: o,
+    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.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,
   {
@@ -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/{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;

package/dist/views/onBoarding/UKOnBoarding.js

@@ -0,0 +1,131 @@
+import { jsx as a, jsxs as l, Fragment as d } from "react/jsx-runtime";
+import * as f from "react";
+import g from "../../components/card/UKCard.js";
+import { UKIcons as _ } from "../../core/iconDictionary.js";
+import p from "../../components/iconButton/UKIconButton.js";
+import h from "../../components/image/UKImage.js";
+import u from "../../components/heading/UKHeading.js";
+import b from "../../components/text/UKText.js";
+import k from "../../components/buttonWithIcon/UKButtonWithIcon.js";
+import I from "../../components/button/UKButton.js";
+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";
+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: j,
+  cardContainer: N,
+  goBackButton: y,
+  headerImage: v,
+  header: w,
+  body: T
+}, A = ({ pages: s, meta: m }) => {
+  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: r.card,
+      containerClassName: r.cardContainer,
+      children: [
+        n.allowGoBack && /* @__PURE__ */ a(
+          p,
+          {
+            className: i(r.goBackButton, "animate__animated animate__fadeInDown"),
+            accessibleLabel: "Go back to the last page",
+            icon: _.ChevronLeft,
+            onClick: () => {
+              o(t - 1);
+            }
+          },
+          "GoBackButton"
+        ),
+        /* @__PURE__ */ a(
+          h,
+          {
+            className: r.headerImage,
+            src: n.headerImage,
+            accessibleLabel: ""
+          }
+        ),
+        /* @__PURE__ */ a(
+          u,
+          {
+            className: r.header,
+            text: n.header
+          }
+        ),
+        /* @__PURE__ */ a(U, { direction: "column" }),
+        /* @__PURE__ */ a(
+          b,
+          {
+            className: r.body,
+            text: n.body
+          }
+        ),
+        /* @__PURE__ */ a(
+          C,
+          {
+            className: r.actions,
+            direction: "row",
+            children: n.actions.map((e) => e.icon ? /* @__PURE__ */ a(d, { children: /* @__PURE__ */ a(
+              k,
+              {
+                className: i(r.action, r.actionWithIcon, "animate__animated animate__fadeInUp"),
+                text: e.label,
+                icon: e.icon,
+                onClick: () => {
+                  var c;
+                  if ((c = e.onClick) == null || c.call(e), e.changeTo)
+                    switch (e.changeTo) {
+                      case "next":
+                        o(t + 1);
+                        break;
+                      case "previous":
+                        t > 0 && o(t - 1);
+                        break;
+                      case "remain":
+                        break;
+                      case "completed":
+                        o(s.length + 1);
+                        break;
+                    }
+                }
+              },
+              e.label
+            ) }) : /* @__PURE__ */ a(d, { children: /* @__PURE__ */ a(
+              I,
+              {
+                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(t + 1);
+                        break;
+                      case "previous":
+                        t > 0 && o(t - 1);
+                        break;
+                      case "remain":
+                        break;
+                      case "completed":
+                        o(s.length + 1);
+                        break;
+                    }
+                }
+              },
+              e.label
+            ) }))
+          }
+        )
+      ]
+    }
+  ) });
+};
+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/{panAndZoom.d.ts → UKPanAndZoom.d.ts}

@@ -1,8 +1,8 @@
 import { default as React, FC } from 'react';
-declare const PanAndZoom: FC<{
+declare const UKPanAndZoom: FC<{
     children: React.ReactNode;
     minZoom?: number;
     maxZoom?: number;
     onScaleChange?: (scale: number) => void;
 }>;
-export default PanAndZoom;
+export default UKPanAndZoom;

package/dist/views/panAndZoom/{panAndZoom.js → 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/{sidebar.d.ts → UKSidebar.d.ts}

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-declare const Sidebar: FC<{
+declare const UKSidebar: FC<{
     children: React.ReactNode | React.ReactNode[];
 }>;
-export default Sidebar;
+export default UKSidebar;

package/dist/views/sidebar/{sidebar.js → UKSidebar.js}

@@ -1,14 +1,14 @@
 import { jsx as o } from "react/jsx-runtime";
 import { c as s } from "../../clippy-B98VypDQ.js";
-import m from "../../components/flex/flex.js";
+import m from "../../components/flex/UKFlex.js";
 import p from "../../core/incrementLevel.js";
-import { u as c, a as i } from "../../level-o2-EzyQS.js";
-import l from "./sidebarContext.js";
+import { u as c, a as i } from "../../level-D543k4ZJ.js";
+import l from "./UKSidebarContext.js";
 import { useContext as a } from "react";
-import '../../assets/sidebar.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
-}, k = ({ children: t }) => {
+}, K = ({ children: t }) => {
   const n = a(l), r = c();
   return /* @__PURE__ */ o(p, { children: /* @__PURE__ */ o(
     m,
@@ -20,5 +20,6 @@ import '../../assets/sidebar.css';const d = "_component_kdw27_10", f = "_open_kd
   ) });
 };
 export {
-  k 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/{sidebarContainer.d.ts → UKSidebarContainer.d.ts}

@@ -1,7 +1,7 @@
 import { default as React, FC } from 'react';
-declare const SidebarContainer: FC<{
+declare const UKSidebarContainer: FC<{
     children: React.ReactNode | React.ReactNode[];
     showSidebarByDefault?: boolean;
     className?: string;
 }>;
-export default SidebarContainer;
+export default UKSidebarContainer;

package/dist/views/sidebar/{sidebarContainer.js → UKSidebarContainer.js}

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useState as s } from "react";
-import a from "./sidebarContext.js";
+import a from "./UKSidebarContext.js";
 import { c } from "../../clippy-B98VypDQ.js";
-import '../../assets/sidebarContainer.css';const m = "_component_3jgyq_10", p = {
+const m = "_component_f16q1_10", p = {
   component: m
 }, f = ({
   children: r,
@@ -32,3 +32,4 @@ import '../../assets/sidebarContainer.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/{sidebarContext.d.ts → UKSidebarContext.d.ts}

@@ -1,7 +1,7 @@
-declare const SidebarContext: import('react').Context<{
+declare const UKSidebarContext: import('react').Context<{
     openSidebar: () => void;
     closeSidebar: () => void;
     toggleSidebar: () => void;
     isOpen: boolean;
 }>;
-export default SidebarContext;
+export default UKSidebarContext;

package/dist/views/sidebar/{sidebarContext.js → 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.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const UKSidebarToggleButton: FC;
+export default UKSidebarToggleButton;

package/dist/views/sidebar/{sidebarToggleButton.js → UKSidebarToggleButton.js}

@@ -1,14 +1,14 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useContext as t } from "react";
-import { UKIcon as e } from "../../core/iconDictionary.js";
-import i from "./sidebarContext.js";
-import a from "../../components/iconButton/iconButton.js";
+import { UKIcons as e } from "../../core/iconDictionary.js";
+import i from "./UKSidebarContext.js";
+import a from "../../components/iconButton/UKIconButton.js";
 const l = () => {
   const o = t(i);
   return /* @__PURE__ */ r(
     a,
     {
-      accessibleLabel: o.isOpen ? "Collapse Sidebar" : "Expand Sidebar",
+      accessibleLabel: o.isOpen ? "Collapse UKSidebar" : "Expand UKSidebar",
       icon: o.isOpen ? e.SidebarCollapse : e.SidebarExpand,
       onClick: () => {
         o.toggleSidebar();
@@ -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;"}