@yourdash/uikit 1.0.40 → 1.0.42

package/dist/views/onBoarding/UKOnBoarding.js

@@ -0,0 +1,130 @@
+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";
+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 = {
+  page: x,
+  fadeIn: K,
+  card: N,
+  cardContainer: y,
+  goBackButton: v,
+  headerImage: w,
+  header: T,
+  body: S
+}, 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(
+    g,
+    {
+      className: t.card,
+      containerClassName: t.cardContainer,
+      children: [
+        n.allowGoBack && /* @__PURE__ */ a(
+          p,
+          {
+            className: i(t.goBackButton, "animate__animated animate__fadeInDown"),
+            accessibleLabel: "Go back to the last page",
+            icon: _.ChevronLeft,
+            onClick: () => {
+              o(r - 1);
+            }
+          },
+          "GoBackButton"
+        ),
+        /* @__PURE__ */ a(
+          h,
+          {
+            className: t.headerImage,
+            src: n.headerImage,
+            accessibleLabel: ""
+          }
+        ),
+        /* @__PURE__ */ a(
+          u,
+          {
+            className: t.header,
+            text: n.header
+          }
+        ),
+        /* @__PURE__ */ a(U, { direction: "column" }),
+        /* @__PURE__ */ a(
+          b,
+          {
+            className: t.body,
+            text: n.body
+          }
+        ),
+        /* @__PURE__ */ a(
+          C,
+          {
+            className: t.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"),
+                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(r + 1);
+                        break;
+                      case "previous":
+                        r > 0 && o(r - 1);
+                        break;
+                      case "remain":
+                        break;
+                      case "completed":
+                        o(s.length + 1);
+                        break;
+                    }
+                }
+              },
+              e.label
+            ) }) : /* @__PURE__ */ a(d, { children: /* @__PURE__ */ a(
+              I,
+              {
+                className: i(t.action, t.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);
+                        break;
+                      case "previous":
+                        r > 0 && o(r - 1);
+                        break;
+                      case "remain":
+                        break;
+                      case "completed":
+                        o(s.length + 1);
+                        break;
+                    }
+                }
+              },
+              e.label
+            ) }))
+          }
+        )
+      ]
+    }
+  ) });
+};
+export {
+  A as default
+};

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/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-zWuM8x6U.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 = {
+import '../../UKSidebar.css';const d = "_component_kdw27_10", f = "_open_kdw27_40", e = {
   component: d,
   open: f
-}, k = ({ children: t }) => {
+}, L = ({ children: t }) => {
   const n = a(l), r = c();
   return /* @__PURE__ */ o(p, { children: /* @__PURE__ */ o(
     m,
@@ -20,5 +20,5 @@ import '../../assets/sidebar.css';const d = "_component_kdw27_10", f = "_open_kd
   ) });
 };
 export {
-  k as default
+  L as default
 };

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 = {
+import '../../UKSidebarContainer.css';const m = "_component_3jgyq_10", p = {
   component: m
 }, f = ({
   children: r,

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/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();

package/package.json

@@ -1,40 +1,43 @@
-{
-  "name": "@yourdash/uikit",
-  "version": "1.0.40",
-  "license": "MIT",
-  "type": "module",
-  "private": false,
-  "packageManager": "yarn@1.22.22",
-  "engines": {
-    "node": ">=21.0.0"
-  },
-  "files": [
-    "dist/"
-  ],
-  "main": "./dist/uikit.js",
-  "types": "./dist/uikit.d.ts",
-  "exports": "./dist/uikit.js",
-  "scripts": {
-    "build": "vite build"
-  },
-  "author": "Ewsgit <ewsgit@duck.com>",
-  "peerDependencies": {
-    "@types/react": "^18.3.5",
-    "@types/react-dom": "^18.3.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
-  },
-  "dependencies": {
-    "@vitejs/plugin-react": "^4.3.4",
-    "@yourdash/shared": "*",
-    "ajv": "8.17.1",
-    "glob": "^11.0.0",
-    "path": "^0.12.7",
-    "sass": "^1.78.0",
-    "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"
-  }
-}
+{
+  "name": "@yourdash/uikit",
+  "version": "1.0.42",
+  "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",
+    "@types/react-dom": "^18.3.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router": "^6.26.2",
+    "react-router-dom": "^6.26.2"
+  },
+  "dependencies": {
+    "@vitejs/plugin-react": "^4.3.4",
+    "@yourdash/shared": "*",
+    "ajv": "8.17.1",
+    "glob": "^11.0.0",
+    "path": "^0.12.7",
+    "sass": "^1.78.0",
+    "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"
+  }
+}

package/dist/assets/buttonLink.css

@@ -1,4 +0,0 @@
-@charset "UTF-8";/*!
- * Copyright ©2024 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
- * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
- */._component_1d200_10{font-family:var(--utfontfam);text-align:center;padding:0 var(--utbtnpdnhoriz);color:var(--utbtncol);border:var(--utbtnbrd);border-radius:var(--utbtnrad);background:var(--utbtnbgn);transition:var(--utbtntrans);height:var(--utinphei);width:max-content;cursor:pointer}._component_1d200_10:hover{color:var(--utbtnhvrcol);border:var(--utbtnhvrbrd);border-radius:var(--utbtnhvrrad);background:var(--utbtnhvrbgn);transition:var(--utbtnhvrtrans)}._component_1d200_10:active{color:var(--utbtnatvcol);border:var(--utbtnatvbrd);border-radius:var(--utbtnatvrad);background:var(--utbtnatvbgn);transition:var(--utbtnatvtrans)}._component_1d200_10:disabled{opacity:.8;color:var(--utbtncol);border:var(--utbtnbrd);border-radius:var(--utbtnrad);background:var(--utbtnbgn);cursor:not-allowed}._link_1d200_46{display:inline}

package/dist/components/buttonLink/buttonLink.js

@@ -1,21 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as e } from "../../clippy-B98VypDQ.js";
-import c from "../button/button.js";
-import { u as m } from "../../index-D4kASGu5.js";
-import '../../assets/buttonLink.css';const s = "_component_1d200_10", a = "_link_1d200_46", i = {
-  component: s,
-  link: a
-}, _ = (t) => {
-  const o = m();
-  return /* @__PURE__ */ n(
-    c,
-    {
-      onClick: () => (o(t.to), 0),
-      text: t.text,
-      className: e(i.component, t.className)
-    }
-  );
-};
-export {
-  _ as default
-};

package/dist/components/heading/heading.js

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

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

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

package/dist/components/index.d.ts

@@ -1,23 +0,0 @@
-export { default as Box } from './box/box.tsx';
-export { default as Button } from './button/button.tsx';
-export { default as ButtonCombo } from './buttonCombo/buttonCombo.tsx';
-export { default as ButtonLink } from './buttonLink/buttonLink.tsx';
-export { default as ButtonWithIcon } from './buttonWithIcon/buttonWithIcon.tsx';
-export { default as Card } from './card/card.tsx';
-export { default as Container } from './container/container.tsx';
-export { default as ContextMenu } from './contextMenu/contextMenu.tsx';
-export { default as Flex } from './flex/flex.tsx';
-export { default as Heading } from './heading/heading.tsx';
-export { default as Icon } from './icon/icon.tsx';
-export { default as IconButton } from './iconButton/iconButton.tsx';
-export { default as Image } from './image/image.tsx';
-export { default as Link } from './link/link.tsx';
-export { default as ProgressBar } from './progressBar/progressBar.tsx';
-export { default as Redirect } from './redirect/redirect.tsx';
-export { default as Separator } from './separator/separator.tsx';
-export { default as Spinner } from './spinner/spinner.tsx';
-export { default as Subtext } from './subtext/subtext.tsx';
-export { default as Tag } from './tag/tag.tsx';
-export { default as Text } from './text/text.tsx';
-export { default as TextButton } from './textButton/textButton.tsx';
-export { default as TextInput } from './textInput/textInput.tsx';

package/dist/components/index.js

@@ -1,48 +0,0 @@
-import { default as e } from "./box/box.js";
-import { default as a } from "./button/button.js";
-import { default as u } from "./buttonCombo/buttonCombo.js";
-import { default as d } from "./buttonLink/buttonLink.js";
-import { default as m } from "./buttonWithIcon/buttonWithIcon.js";
-import { default as l } from "./card/card.js";
-import { default as B } from "./container/container.js";
-import { default as I } from "./contextMenu/contextMenu.js";
-import { default as g } from "./flex/flex.js";
-import { default as T } from "./heading/heading.js";
-import { default as b } from "./icon/icon.js";
-import { default as L } from "./iconButton/iconButton.js";
-import { default as F } from "./image/image.js";
-import { default as M } from "./link/link.js";
-import { default as R } from "./progressBar/progressBar.js";
-import { default as j } from "./redirect/redirect.js";
-import { default as v } from "./separator/separator.js";
-import { default as y } from "./spinner/spinner.js";
-import { default as A } from "./subtext/subtext.js";
-import { default as E } from "./tag/tag.js";
-import { default as J } from "./text/text.js";
-import { default as N } from "./textButton/textButton.js";
-import { default as Q } from "./textInput/textInput.js";
-export {
-  e as Box,
-  a as Button,
-  u as ButtonCombo,
-  d as ButtonLink,
-  m as ButtonWithIcon,
-  l as Card,
-  B as Container,
-  I as ContextMenu,
-  g as Flex,
-  T as Heading,
-  b as Icon,
-  L as IconButton,
-  F as Image,
-  M as Link,
-  R as ProgressBar,
-  j as Redirect,
-  v as Separator,
-  y as Spinner,
-  A as Subtext,
-  E as Tag,
-  J as Text,
-  N as TextButton,
-  Q as TextInput
-};

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

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

package/dist/components/redirect/redirect.js

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

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

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

package/dist/core/index.d.ts

@@ -1,5 +0,0 @@
-export { default as UIKitRoot } from './root.tsx';
-export { default as IncrementLevel } from './incrementLevel.tsx';
-export { default as DecrementLevel } from './decrementLevel.tsx';
-export { default as useToast } from './toasts/useToast.ts';
-export { UKIcon as Icons, type UKIconType } from './iconDictionary.ts';

package/dist/core/index.js

@@ -1,12 +0,0 @@
-import { default as t } from "./root.js";
-import { default as a } from "./incrementLevel.js";
-import { default as s } from "./decrementLevel.js";
-import { default as l } from "./toasts/useToast.js";
-import { UKIcon as p } from "./iconDictionary.js";
-export {
-  s as DecrementLevel,
-  p as Icons,
-  a as IncrementLevel,
-  t as UIKitRoot,
-  l as useToast
-};

package/dist/index-BJy4nmTN.js

@@ -1,52 +0,0 @@
-import o from "./components/box/box.js";
-import r from "./components/button/button.js";
-import t from "./components/buttonCombo/buttonCombo.js";
-import m from "./components/buttonLink/buttonLink.js";
-import i from "./components/buttonWithIcon/buttonWithIcon.js";
-import p from "./components/card/card.js";
-import e from "./components/container/container.js";
-import f from "./components/contextMenu/contextMenu.js";
-import n from "./components/flex/flex.js";
-import u from "./components/heading/heading.js";
-import a from "./components/icon/icon.js";
-import x from "./components/iconButton/iconButton.js";
-import B from "./components/image/image.js";
-import c from "./components/link/link.js";
-import d from "./components/progressBar/progressBar.js";
-import g from "./components/redirect/redirect.js";
-import l from "./components/separator/separator.js";
-import b from "./components/spinner/spinner.js";
-import I from "./components/subtext/subtext.js";
-import S from "./components/tag/tag.js";
-import T from "./components/text/text.js";
-import s from "./components/textButton/textButton.js";
-import C from "./components/textInput/textInput.js";
-const N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Box: o,
-  Button: r,
-  ButtonCombo: t,
-  ButtonLink: m,
-  ButtonWithIcon: i,
-  Card: p,
-  Container: e,
-  ContextMenu: f,
-  Flex: n,
-  Heading: u,
-  Icon: a,
-  IconButton: x,
-  Image: B,
-  Link: c,
-  ProgressBar: d,
-  Redirect: g,
-  Separator: l,
-  Spinner: b,
-  Subtext: I,
-  Tag: S,
-  Text: T,
-  TextButton: s,
-  TextInput: C
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  N as i
-};

package/dist/index-BoiKlAEs.js

@@ -1,30 +0,0 @@
-import o from "./views/carousel/carousel.js";
-import r from "./views/dialog/dialog.js";
-import m from "./views/header/header.js";
-import i from "./views/infiniteScroll/infiniteScroll.js";
-import t from "./views/navBar/navBar.js";
-import e from "./views/navBar/components/navImage/navImage.js";
-import a from "./views/navBar/components/navTitle/navTitle.js";
-import f from "./views/onBoarding/onBoarding.js";
-import p from "./views/panAndZoom/panAndZoom.js";
-import n from "./views/sidebar/sidebar.js";
-import l from "./views/sidebar/sidebarContainer.js";
-import d from "./views/sidebar/sidebarToggleButton.js";
-const j = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Carousel: o,
-  Dialog: r,
-  Header: m,
-  InfiniteScroll: i,
-  NavBar: t,
-  NavImage: e,
-  NavTitle: a,
-  OnBoarding: f,
-  PanAndZoom: p,
-  Sidebar: n,
-  SidebarContainer: l,
-  SidebarToggleButton: d
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  j as i
-};

package/dist/index-C9QO6nHU.js

@@ -1,10 +0,0 @@
-import e from "./utilityComponent/hasBeenShown/hasBeenShown.js";
-import o from "./utilityComponent/onInView/onInView.js";
-const n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  HasBeenShown: e,
-  OnInView: o
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  n as i
-};