@jenesei-software/jenesei-kit-react 1.3.39 → 2.0.0

package/build/components-error.es.js

@@ -0,0 +1,4 @@
+import { t as o } from "./error-D1UNY-0f.js";
+export {
+  o as ErrorMessage
+};

package/build/context-app-4_kY3Qcd.js

@@ -0,0 +1,417 @@
+import { n as u, r as H } from "./utils-Cona48dZ.js";
+import { t as V } from "./functions-CLGf7hqw.js";
+import { n as j } from "./preview-BvJN6QoV.js";
+import { n as E, t as W } from "./dist-Dq_YJa2q.js";
+import { t as _ } from "./context-screen-width-CEsyIyg6.js";
+import { jsx as g, jsxs as f } from "react/jsx-runtime";
+import { useCallback as s, useEffect as m, useMemo as G, useState as y } from "react";
+var x = (t) => typeof t == "number" ? `${t}px` : t ?? "0px", M = (t) => `
+    "notification notification notification"
+    "${t.leftAside?.isTopHeader ? "leftAside" : "header"} header ${t.rightAside?.isTopHeader ? "rightAside" : "header"}"
+    "${t.leftAside?.isTopHeader || t.leftAside?.isTopNav ? "leftAside" : "nav"} nav ${t.rightAside?.isTopHeader || t.rightAside?.isTopNav ? "rightAside" : "nav"}"
+    "leftAside children rightAside"
+    "${t.leftAside?.isTopFooter ? "leftAside" : "footer"} footer ${t.rightAside?.isTopFooter ? "rightAside" : "footer"}"
+  `, q = (t, r) => ({
+  backgroundColor: H.palette[t],
+  backgroundImage: r ? `url(${r})` : void 0,
+  backgroundSize: "cover",
+  backgroundPosition: "center",
+  backgroundRepeat: "no-repeat"
+}), J = (t) => ({
+  gridTemplateAreas: M(t),
+  gridTemplateColumns: `${x(t.leftAside?.length)} 1fr ${x(t.rightAside?.length)}`,
+  gridTemplateRows: `${x(t.notification?.length)} ${x(t.header?.length)} ${x(t.nav?.length)} 1fr ${x(t.footer?.length)}`
+}), K = (t) => ({
+  zIndex: t.main?.zIndex ?? "auto",
+  overflow: t.isScrollOutlet ? "auto" : "visible"
+}), Q = (t) => ({ zIndex: t.notification?.zIndex ?? "auto" }), U = (t) => ({ zIndex: t.header?.zIndex ?? "auto" }), X = (t) => ({ zIndex: t.footer?.zIndex ?? "auto" }), Y = (t) => ({ zIndex: t.nav?.zIndex ?? "auto" }), Z = (t) => ({ zIndex: t.leftAside?.zIndex ?? "auto" }), p = (t) => ({ zIndex: t.rightAside?.zIndex ?? "auto" }), v = W(null), ht = (t) => {
+  const { bgColor: r, changeBgColor: o, historyBgColor: a, setDefaultBgColor: l } = et(t.defaultBgColor), { statusBarColor: c, changeStatusBarColor: i, historyStatusBarColor: e, setDefaultStatusBarColor: n } = nt(t.defaultStatusBarColor), { bgImage: B, changeBgImage: S, historyBgImage: z, setDefaultBgImage: T } = ot(t.defaultBgImage || null), { title: w, changeTitle: N, setHistoryTitle: P, setDefaultTitle: $ } = it(t.defaultTitle || null), { description: O, changeDescription: D, historyDescription: F, setDefaultDescription: k } = rt(t.defaultDescription), { changePreview: R, previewProps: L } = tt(t.defaultPreview), { breakpoint: b, type: A, orientation: C } = _([
+    "breakpoint",
+    "type",
+    "orientation"
+  ]), h = s((I) => {
+    if (!I) return null;
+    if (A === "orientation" && I.orientation) return I.orientation?.[C] ?? null;
+    if (I.breakpoint && I.breakpoint)
+      return b === "default" ? I.default ?? null : I.breakpoint?.[b] ?? null;
+  }, [
+    b,
+    C,
+    A
+  ]), d = G(() => ({
+    isScrollOutlet: t.isScrollOutlet,
+    main: t.main,
+    notification: t.notification ? {
+      component: t.notification.component,
+      length: h(t.notification.length),
+      zIndex: t.notification.zIndex
+    } : void 0,
+    header: t.header ? {
+      component: t.header.component,
+      length: h(t.header.length),
+      zIndex: t.header.zIndex
+    } : void 0,
+    nav: t.nav ? {
+      component: t.nav.component,
+      length: h(t.nav.length),
+      zIndex: t.nav.zIndex
+    } : void 0,
+    footer: t.footer ? {
+      component: t.footer.component,
+      length: h(t.footer.length),
+      zIndex: t.footer.zIndex
+    } : void 0,
+    leftAside: t.leftAside ? {
+      component: t.leftAside.component,
+      length: h(t.leftAside.length),
+      zIndex: t.leftAside.zIndex,
+      isTopHeader: t.leftAside.isTopHeader,
+      isTopFooter: t.leftAside.isTopFooter,
+      isTopNav: t.leftAside.isTopNav
+    } : void 0,
+    rightAside: t.rightAside ? {
+      component: t.rightAside.component,
+      length: h(t.rightAside.length),
+      zIndex: t.rightAside.zIndex,
+      isTopHeader: t.rightAside.isTopHeader,
+      isTopFooter: t.rightAside.isTopFooter,
+      isTopNav: t.rightAside.isTopNav
+    } : void 0
+  }), [
+    t.footer,
+    t.header,
+    t.leftAside,
+    t.main,
+    t.nav,
+    t.notification,
+    t.rightAside,
+    t.isScrollOutlet,
+    h
+  ]);
+  return /* @__PURE__ */ f(v.Provider, {
+    value: {
+      changePreview: R,
+      changeStatusBarColor: i,
+      changeBgColor: o,
+      changeBgImage: S,
+      changeTitle: N,
+      changeDescription: D,
+      historyStatusBarColor: e,
+      historyBgColor: a,
+      historyBgImage: z,
+      setHistoryTitle: P,
+      historyDescription: F,
+      setDefaultStatusBarColor: n,
+      setDefaultBgColor: l,
+      setDefaultBgImage: T,
+      setDefaultTitle: $,
+      setDefaultDescription: k
+    },
+    children: [
+      /* @__PURE__ */ g("title", { children: w }),
+      /* @__PURE__ */ g("meta", {
+        name: "description",
+        content: O
+      }),
+      /* @__PURE__ */ g("meta", {
+        name: "theme-color",
+        content: H.palette[c]
+      }),
+      /* @__PURE__ */ g("meta", {
+        name: "apple-mobile-web-app-status-bar-style",
+        content: "default"
+      }),
+      /* @__PURE__ */ g("meta", {
+        name: "mobile-web-app-capable",
+        content: "yes"
+      }),
+      /* @__PURE__ */ g(j, {
+        ...L,
+        children: /* @__PURE__ */ g("div", {
+          className: u.context.app.wrapper,
+          style: q(r, B),
+          children: /* @__PURE__ */ f("div", {
+            className: V([u.context.app.outlet, u.transition.grid]),
+            style: J(d),
+            children: [
+              d.notification?.length ? /* @__PURE__ */ g("section", {
+                className: u.context.app.outletNotification,
+                style: Q(d),
+                children: t.notification?.component || null
+              }) : null,
+              d.header?.length ? /* @__PURE__ */ g("header", {
+                className: u.context.app.outletHeader,
+                style: U(d),
+                children: t.header?.component || null
+              }) : null,
+              d.nav?.length ? /* @__PURE__ */ g("nav", {
+                className: u.context.app.outletNav,
+                style: Y(d),
+                children: t.nav?.component || null
+              }) : null,
+              d.leftAside?.length ? /* @__PURE__ */ g("aside", {
+                className: u.context.app.outletLeftAside,
+                style: Z(d),
+                children: t.leftAside?.component || null
+              }) : null,
+              /* @__PURE__ */ g("main", {
+                className: u.context.app.outletChildren,
+                style: K(d),
+                children: t.children
+              }),
+              d.rightAside?.length ? /* @__PURE__ */ g("aside", {
+                className: u.context.app.outletRightAside,
+                style: p(d),
+                children: t.rightAside?.component || null
+              }) : null,
+              d.footer?.length ? /* @__PURE__ */ g("footer", {
+                className: u.context.app.outletFooter,
+                style: X(d),
+                children: t.footer?.component || null
+              }) : null
+            ]
+          })
+        })
+      })
+    ]
+  });
+}, tt = (t) => {
+  const [r, o] = y(t || {
+    visible: !0,
+    defaultVisible: !0
+  }), a = s((l) => {
+    o(l);
+  }, []);
+  return m(() => {
+    t && o(t);
+  }, [t]), {
+    previewProps: r,
+    changePreview: a
+  };
+}, et = (t) => {
+  const [r, o] = y({
+    bgColor: t,
+    bgColorHistory: [t],
+    bgColorIndex: 0
+  }), a = s((i) => {
+    o((e) => {
+      const n = [...e.bgColorHistory.slice(0, e.bgColorIndex + 1), i];
+      return {
+        bgColor: i,
+        bgColorHistory: n,
+        bgColorIndex: n.length - 1
+      };
+    });
+  }, []), l = s((i) => {
+    o((e) => {
+      const n = e.bgColorIndex + i;
+      return n >= 0 && n < e.bgColorHistory.length ? {
+        ...e,
+        bgColor: e.bgColorHistory[n],
+        bgColorIndex: n
+      } : e;
+    });
+  }, []), c = s(() => {
+    o({
+      bgColor: t,
+      bgColorHistory: [t],
+      bgColorIndex: 0
+    });
+  }, [t]);
+  return m(() => {
+    o({
+      bgColor: t,
+      bgColorHistory: [t],
+      bgColorIndex: 0
+    });
+  }, [t]), {
+    bgColor: r.bgColor,
+    changeBgColor: a,
+    historyBgColor: l,
+    setDefaultBgColor: c,
+    bgColorIndex: r.bgColorIndex
+  };
+}, nt = (t) => {
+  const [r, o] = y({
+    statusBarColor: t,
+    statusBarColorHistory: [t],
+    statusBarColorIndex: 0
+  }), a = s((i) => {
+    o((e) => {
+      const n = [...e.statusBarColorHistory.slice(0, e.statusBarColorIndex + 1), i];
+      return {
+        statusBarColor: i,
+        statusBarColorHistory: n,
+        statusBarColorIndex: n.length - 1
+      };
+    });
+  }, []), l = s((i) => {
+    o((e) => {
+      const n = e.statusBarColorIndex + i;
+      return n >= 0 && n < e.statusBarColorHistory.length ? {
+        ...e,
+        statusBarColor: e.statusBarColorHistory[n],
+        statusBarColorIndex: n
+      } : e;
+    });
+  }, []), c = s(() => {
+    o({
+      statusBarColor: t,
+      statusBarColorHistory: [t],
+      statusBarColorIndex: 0
+    });
+  }, [t]);
+  return m(() => {
+    o({
+      statusBarColor: t,
+      statusBarColorHistory: [t],
+      statusBarColorIndex: 0
+    });
+  }, [t]), {
+    statusBarColor: r.statusBarColor,
+    changeStatusBarColor: a,
+    historyStatusBarColor: l,
+    setDefaultStatusBarColor: c,
+    statusBarColorIndex: r.statusBarColorIndex
+  };
+}, ot = (t) => {
+  const [r, o] = y({
+    bgImage: t,
+    bgImageHistory: [t],
+    bgImageIndex: 0
+  }), a = s((i) => {
+    o((e) => {
+      const n = [...e.bgImageHistory.slice(0, e.bgImageIndex + 1), i];
+      return {
+        bgImage: i,
+        bgImageHistory: n,
+        bgImageIndex: n.length - 1
+      };
+    });
+  }, []), l = s((i) => {
+    o((e) => {
+      const n = e.bgImageIndex + i;
+      return n >= 0 && n < e.bgImageHistory.length ? {
+        ...e,
+        bgImage: e.bgImageHistory[n],
+        bgImageIndex: n
+      } : e;
+    });
+  }, []), c = s(() => {
+    o({
+      bgImage: t,
+      bgImageHistory: [t],
+      bgImageIndex: 0
+    });
+  }, [t]);
+  return m(() => {
+    o({
+      bgImage: t,
+      bgImageHistory: [t],
+      bgImageIndex: 0
+    });
+  }, [t]), {
+    bgImage: r.bgImage,
+    changeBgImage: a,
+    historyBgImage: l,
+    setDefaultBgImage: c,
+    bgImageIndex: r.bgImageIndex
+  };
+}, it = (t) => {
+  const [r, o] = y({
+    title: t,
+    titleHistory: [t],
+    titleIndex: 0
+  }), a = s((i) => {
+    o((e) => {
+      const n = [...e.titleHistory.slice(0, e.titleIndex + 1), i];
+      return {
+        title: i,
+        titleHistory: n,
+        titleIndex: n.length - 1
+      };
+    });
+  }, []), l = s((i) => {
+    o((e) => {
+      const n = e.titleIndex + i;
+      return n >= 0 && n < e.titleHistory.length ? {
+        ...e,
+        title: e.titleHistory[n],
+        titleIndex: n
+      } : e;
+    });
+  }, []), c = s(() => {
+    o({
+      title: t,
+      titleHistory: [t],
+      titleIndex: 0
+    });
+  }, [t]);
+  return m(() => {
+    o({
+      title: t,
+      titleHistory: [t],
+      titleIndex: 0
+    });
+  }, [t]), {
+    title: r.title,
+    titleIndex: r.titleIndex,
+    titleHistory: r.titleHistory,
+    changeTitle: a,
+    setHistoryTitle: l,
+    setDefaultTitle: c
+  };
+}, rt = (t) => {
+  const [r, o] = y({
+    description: t,
+    descriptionHistory: [t],
+    descriptionIndex: 0
+  }), a = s((i) => {
+    o((e) => {
+      const n = [...e.descriptionHistory.slice(0, e.descriptionIndex + 1), i];
+      return {
+        description: i,
+        descriptionHistory: n,
+        descriptionIndex: n.length - 1
+      };
+    });
+  }, []), l = s((i) => {
+    o((e) => {
+      const n = e.descriptionIndex + i;
+      return n >= 0 && n < e.descriptionHistory.length ? {
+        ...e,
+        description: e.descriptionHistory[n],
+        descriptionIndex: n
+      } : e;
+    });
+  }, []), c = s(() => {
+    o({
+      description: t,
+      descriptionHistory: [t],
+      descriptionIndex: 0
+    });
+  }, [t]);
+  return m(() => {
+    o({
+      description: t,
+      descriptionHistory: [t],
+      descriptionIndex: 0
+    });
+  }, [t]), {
+    description: r.description,
+    changeDescription: a,
+    historyDescription: l,
+    setDefaultDescription: c,
+    descriptionIndex: r.descriptionIndex
+  };
+}, It = (t) => {
+  const r = E(v, (o) => o ? t.reduce((a, l) => (a[l] = o[l], a), {}) : null);
+  if (!r) throw new Error("useApp must be used within an AppContext");
+  return r;
+};
+export {
+  ht as n,
+  It as t
+};
+
+//# sourceMappingURL=context-app-4_kY3Qcd.js.map

package/build/context-app-4_kY3Qcd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-app-4_kY3Qcd.js","names":[],"sources":["../src/contexts/context-app/context.styles.ts","../src/contexts/context-app/context.tsx","../src/contexts/context-app/context.hooks.ts"],"sourcesContent":["import { CSS_VARS, IThemePalette } from '@local/styles/utils';\n\nimport { CSSProperties } from 'react';\n\nimport { IAppProviderOutletStyled } from './context.types';\n\ntype IAppOutletParts = IAppProviderOutletStyled;\n\nconst toPx = (value?: number | string | null) => (typeof value === 'number' ? `${value}px` : (value ?? '0px'));\n\nconst generateGridTemplateAreas = (props: IAppOutletParts) => {\n  return `\n    \"notification notification notification\"\n    \"${props.leftAside?.isTopHeader ? 'leftAside' : 'header'} header ${props.rightAside?.isTopHeader ? 'rightAside' : 'header'}\"\n    \"${props.leftAside?.isTopHeader ? 'leftAside' : props.leftAside?.isTopNav ? 'leftAside' : 'nav'} nav ${props.rightAside?.isTopHeader ? 'rightAside' : props.rightAside?.isTopNav ? 'rightAside' : 'nav'}\"\n    \"leftAside children rightAside\"\n    \"${props.leftAside?.isTopFooter ? 'leftAside' : 'footer'} footer ${props.rightAside?.isTopFooter ? 'rightAside' : 'footer'}\"\n  `;\n};\n\nexport const getProviderAppWrapperStyle = (bgColor: IThemePalette, bgImage: string | null): CSSProperties => ({\n  backgroundColor: CSS_VARS.palette[bgColor],\n  backgroundImage: bgImage ? `url(${bgImage})` : undefined,\n  backgroundSize: 'cover',\n  backgroundPosition: 'center',\n  backgroundRepeat: 'no-repeat',\n});\n\nexport const getProviderAppOutletStyle = (props: IAppOutletParts): CSSProperties => ({\n  gridTemplateAreas: generateGridTemplateAreas(props),\n  gridTemplateColumns: `${toPx(props.leftAside?.length)} 1fr ${toPx(props.rightAside?.length)}`,\n  gridTemplateRows: `${toPx(props.notification?.length)} ${toPx(props.header?.length)} ${toPx(props.nav?.length)} 1fr ${toPx(props.footer?.length)}`,\n});\n\nexport const getProviderAppOutletChildrenStyle = (props: IAppOutletParts): CSSProperties => ({\n  zIndex: props.main?.zIndex ?? 'auto',\n  overflow: props.isScrollOutlet ? 'auto' : 'visible',\n});\n\nexport const getProviderAppOutletNotificationStyle = (props: IAppOutletParts): CSSProperties => ({\n  zIndex: props.notification?.zIndex ?? 'auto',\n});\n\nexport const getProviderAppOutletHeaderStyle = (props: IAppOutletParts): CSSProperties => ({\n  zIndex: props.header?.zIndex ?? 'auto',\n});\n\nexport const getProviderAppOutletFooterStyle = (props: IAppOutletParts): CSSProperties => ({\n  zIndex: props.footer?.zIndex ?? 'auto',\n});\n\nexport const getProviderAppOutletNavStyle = (props: IAppOutletParts): CSSProperties => ({\n  zIndex: props.nav?.zIndex ?? 'auto',\n});\n\nexport const getProviderAppOutletLeftAsideStyle = (props: IAppOutletParts): CSSProperties => ({\n  zIndex: props.leftAside?.zIndex ?? 'auto',\n});\n\nexport const getProviderAppOutletRightAsideStyle = (props: IAppOutletParts): CSSProperties => ({\n  zIndex: props.rightAside?.zIndex ?? 'auto',\n});\n","import { IPreviewAdditional, Preview } from '@local/areas/preview';\nimport { useScreenWidth } from '@local/contexts/context-screen-width';\nimport { CSS_CLASS, CSS_VARS, IThemePalette } from '@local/styles/utils';\nimport { setClasses } from '@local/styles/utils/functions';\n\nimport { FC, useCallback, useEffect, useMemo, useState } from 'react';\nimport { createContext } from 'use-context-selector';\n\nimport {\n  getProviderAppOutletChildrenStyle,\n  getProviderAppOutletFooterStyle,\n  getProviderAppOutletHeaderStyle,\n  getProviderAppOutletLeftAsideStyle,\n  getProviderAppOutletNavStyle,\n  getProviderAppOutletNotificationStyle,\n  getProviderAppOutletRightAsideStyle,\n  getProviderAppOutletStyle,\n  getProviderAppWrapperStyle,\n} from './context.styles';\nimport { IAppContext, IAppProvider, IAppProviderElement, IAppProviderOutletStyled } from './context.types';\n\nexport const AppContext = createContext<IAppContext | null>(null);\n\nexport const ProviderApp: FC<IAppProvider> = (props) => {\n  const { bgColor, changeBgColor, historyBgColor, setDefaultBgColor } = useBgColor(props.defaultBgColor);\n  const { statusBarColor, changeStatusBarColor, historyStatusBarColor, setDefaultStatusBarColor } = useStatusBarColor(\n    props.defaultStatusBarColor,\n  );\n  const { bgImage, changeBgImage, historyBgImage, setDefaultBgImage } = useBgImage(props.defaultBgImage || null);\n  const { title, changeTitle, setHistoryTitle, setDefaultTitle } = useTitle(props.defaultTitle || null);\n  const { description, changeDescription, historyDescription, setDefaultDescription } = useDescription(\n    props.defaultDescription,\n  );\n  const { changePreview, previewProps } = usePreview(props.defaultPreview);\n\n  const { breakpoint, type, orientation } = useScreenWidth(['breakpoint', 'type', 'orientation']);\n\n  const getValueByBreakpoint = useCallback(\n    (lengthByBreakpoint: IAppProviderElement['length']) => {\n      if (!lengthByBreakpoint) return null;\n      if (type === 'orientation' && lengthByBreakpoint.orientation) {\n        const value = lengthByBreakpoint.orientation?.[orientation];\n        return value ?? null;\n      }\n      if (lengthByBreakpoint.breakpoint && lengthByBreakpoint.breakpoint) {\n        if (breakpoint === 'default') return lengthByBreakpoint.default ?? null;\n        const value = lengthByBreakpoint.breakpoint?.[breakpoint];\n        return value ?? null;\n      }\n    },\n    [breakpoint, orientation, type],\n  );\n\n  const outletStyledProps: IAppProviderOutletStyled = useMemo(\n    () => ({\n      isScrollOutlet: props.isScrollOutlet,\n      main: props.main,\n      notification: props.notification\n        ? {\n            component: props.notification.component,\n            length: getValueByBreakpoint(props.notification.length),\n            zIndex: props.notification.zIndex,\n          }\n        : undefined,\n      header: props.header\n        ? {\n            component: props.header.component,\n            length: getValueByBreakpoint(props.header.length),\n            zIndex: props.header.zIndex,\n          }\n        : undefined,\n      nav: props.nav\n        ? {\n            component: props.nav.component,\n            length: getValueByBreakpoint(props.nav.length),\n            zIndex: props.nav.zIndex,\n          }\n        : undefined,\n      footer: props.footer\n        ? {\n            component: props.footer.component,\n            length: getValueByBreakpoint(props.footer.length),\n            zIndex: props.footer.zIndex,\n          }\n        : undefined,\n      leftAside: props.leftAside\n        ? {\n            component: props.leftAside.component,\n            length: getValueByBreakpoint(props.leftAside.length),\n            zIndex: props.leftAside.zIndex,\n            isTopHeader: props.leftAside.isTopHeader,\n            isTopFooter: props.leftAside.isTopFooter,\n            isTopNav: props.leftAside.isTopNav,\n          }\n        : undefined,\n      rightAside: props.rightAside\n        ? {\n            component: props.rightAside.component,\n            length: getValueByBreakpoint(props.rightAside.length),\n            zIndex: props.rightAside.zIndex,\n            isTopHeader: props.rightAside.isTopHeader,\n            isTopFooter: props.rightAside.isTopFooter,\n            isTopNav: props.rightAside.isTopNav,\n          }\n        : undefined,\n    }),\n    [\n      props.footer,\n      props.header,\n      props.leftAside,\n      props.main,\n      props.nav,\n      props.notification,\n      props.rightAside,\n      props.isScrollOutlet,\n      getValueByBreakpoint,\n    ],\n  );\n\n  return (\n    <AppContext.Provider\n      value={{\n        changePreview,\n        changeStatusBarColor,\n        changeBgColor,\n        changeBgImage,\n        changeTitle,\n        changeDescription,\n        historyStatusBarColor,\n        historyBgColor,\n        historyBgImage,\n        setHistoryTitle,\n        historyDescription,\n        setDefaultStatusBarColor,\n        setDefaultBgColor,\n        setDefaultBgImage,\n        setDefaultTitle,\n        setDefaultDescription,\n      }}\n    >\n      <title>{title}</title>\n      <meta name='description' content={description} />\n      <meta name='theme-color' content={CSS_VARS.palette[statusBarColor]} />\n      <meta name='apple-mobile-web-app-status-bar-style' content='default' />\n      <meta name='mobile-web-app-capable' content='yes' />\n      <Preview {...previewProps}>\n        <div className={CSS_CLASS.context.app.wrapper} style={getProviderAppWrapperStyle(bgColor, bgImage)}>\n          <div\n            className={setClasses([CSS_CLASS.context.app.outlet, CSS_CLASS.transition.grid])}\n            style={getProviderAppOutletStyle(outletStyledProps)}\n          >\n            {outletStyledProps.notification?.length ? (\n              <section\n                className={CSS_CLASS.context.app.outletNotification}\n                style={getProviderAppOutletNotificationStyle(outletStyledProps)}\n              >\n                {props.notification?.component || null}\n              </section>\n            ) : null}\n\n            {outletStyledProps.header?.length ? (\n              <header\n                className={CSS_CLASS.context.app.outletHeader}\n                style={getProviderAppOutletHeaderStyle(outletStyledProps)}\n              >\n                {props.header?.component || null}\n              </header>\n            ) : null}\n\n            {outletStyledProps.nav?.length ? (\n              <nav className={CSS_CLASS.context.app.outletNav} style={getProviderAppOutletNavStyle(outletStyledProps)}>\n                {props.nav?.component || null}\n              </nav>\n            ) : null}\n\n            {outletStyledProps.leftAside?.length ? (\n              <aside\n                className={CSS_CLASS.context.app.outletLeftAside}\n                style={getProviderAppOutletLeftAsideStyle(outletStyledProps)}\n              >\n                {props.leftAside?.component || null}\n              </aside>\n            ) : null}\n\n            <main\n              className={CSS_CLASS.context.app.outletChildren}\n              style={getProviderAppOutletChildrenStyle(outletStyledProps)}\n            >\n              {props.children}\n            </main>\n\n            {outletStyledProps.rightAside?.length ? (\n              <aside\n                className={CSS_CLASS.context.app.outletRightAside}\n                style={getProviderAppOutletRightAsideStyle(outletStyledProps)}\n              >\n                {props.rightAside?.component || null}\n              </aside>\n            ) : null}\n\n            {outletStyledProps.footer?.length ? (\n              <footer\n                className={CSS_CLASS.context.app.outletFooter}\n                style={getProviderAppOutletFooterStyle(outletStyledProps)}\n              >\n                {props.footer?.component || null}\n              </footer>\n            ) : null}\n          </div>\n        </div>\n      </Preview>\n    </AppContext.Provider>\n  );\n};\n\n/**\n * Custom hook to manage preview properties.\n */\nconst usePreview = (defaultPreview: IAppProvider['defaultPreview']) => {\n  const [previewProps, setIPreview] = useState(defaultPreview || { visible: true, defaultVisible: true });\n\n  const changePreview = useCallback((newIPreview: IPreviewAdditional) => {\n    setIPreview(newIPreview);\n  }, []);\n\n  useEffect(() => {\n    if (defaultPreview) setIPreview(defaultPreview);\n  }, [defaultPreview]);\n\n  return { previewProps, changePreview };\n};\n\n/**\n * Custom hook to manage background color state with history tracking.\n */\ntype BgColorState = {\n  bgColor: IThemePalette;\n  bgColorHistory: IThemePalette[];\n  bgColorIndex: number;\n};\n\nexport const useBgColor = (defaultColor: IThemePalette) => {\n  const [state, setState] = useState<BgColorState>({\n    bgColor: defaultColor,\n    bgColorHistory: [defaultColor],\n    bgColorIndex: 0,\n  });\n\n  const changeBgColor = useCallback((color: IThemePalette) => {\n    setState((prev) => {\n      const newHistory = [...prev.bgColorHistory.slice(0, prev.bgColorIndex + 1), color];\n      return {\n        bgColor: color,\n        bgColorHistory: newHistory,\n        bgColorIndex: newHistory.length - 1,\n      };\n    });\n  }, []);\n\n  const historyBgColor = useCallback((steps: number) => {\n    setState((prev) => {\n      const newIndex = prev.bgColorIndex + steps;\n      if (newIndex >= 0 && newIndex < prev.bgColorHistory.length) {\n        return {\n          ...prev,\n          bgColor: prev.bgColorHistory[newIndex],\n          bgColorIndex: newIndex,\n        };\n      }\n      return prev;\n    });\n  }, []);\n\n  const setDefaultBgColor = useCallback(() => {\n    setState({\n      bgColor: defaultColor,\n      bgColorHistory: [defaultColor],\n      bgColorIndex: 0,\n    });\n  }, [defaultColor]);\n\n  useEffect(() => {\n    setState({\n      bgColor: defaultColor,\n      bgColorHistory: [defaultColor],\n      bgColorIndex: 0,\n    });\n  }, [defaultColor]);\n\n  return {\n    bgColor: state.bgColor,\n    changeBgColor,\n    historyBgColor,\n    setDefaultBgColor,\n    bgColorIndex: state.bgColorIndex,\n  };\n};\n\n/**\n * Custom hook to manage the status bar color with history tracking.\n */\ntype StatusBarColorState = {\n  statusBarColor: IThemePalette;\n  statusBarColorHistory: IThemePalette[];\n  statusBarColorIndex: number;\n};\n\nexport const useStatusBarColor = (defaultColor: IThemePalette) => {\n  const [state, setState] = useState<StatusBarColorState>({\n    statusBarColor: defaultColor,\n    statusBarColorHistory: [defaultColor],\n    statusBarColorIndex: 0,\n  });\n\n  const changeStatusBarColor = useCallback((color: IThemePalette) => {\n    setState((prev) => {\n      const newHistory = [...prev.statusBarColorHistory.slice(0, prev.statusBarColorIndex + 1), color];\n      return {\n        statusBarColor: color,\n        statusBarColorHistory: newHistory,\n        statusBarColorIndex: newHistory.length - 1,\n      };\n    });\n  }, []);\n\n  const historyStatusBarColor = useCallback((steps: number) => {\n    setState((prev) => {\n      const newIndex = prev.statusBarColorIndex + steps;\n      if (newIndex >= 0 && newIndex < prev.statusBarColorHistory.length) {\n        return {\n          ...prev,\n          statusBarColor: prev.statusBarColorHistory[newIndex],\n          statusBarColorIndex: newIndex,\n        };\n      }\n      return prev;\n    });\n  }, []);\n\n  const setDefaultStatusBarColor = useCallback(() => {\n    setState({\n      statusBarColor: defaultColor,\n      statusBarColorHistory: [defaultColor],\n      statusBarColorIndex: 0,\n    });\n  }, [defaultColor]);\n\n  useEffect(() => {\n    setState({\n      statusBarColor: defaultColor,\n      statusBarColorHistory: [defaultColor],\n      statusBarColorIndex: 0,\n    });\n  }, [defaultColor]);\n\n  return {\n    statusBarColor: state.statusBarColor,\n    changeStatusBarColor,\n    historyStatusBarColor,\n    setDefaultStatusBarColor,\n    statusBarColorIndex: state.statusBarColorIndex,\n  };\n};\n\n/**\n * Custom hook to manage background images with history.\n */\ntype BgImageState = {\n  bgImage: string | null;\n  bgImageHistory: (string | null)[];\n  bgImageIndex: number;\n};\n\nexport const useBgImage = (defaultImage: string | null) => {\n  const [state, setState] = useState<BgImageState>({\n    bgImage: defaultImage,\n    bgImageHistory: [defaultImage],\n    bgImageIndex: 0,\n  });\n\n  const changeBgImage = useCallback((image: string | null) => {\n    setState((prev) => {\n      const newHistory = [...prev.bgImageHistory.slice(0, prev.bgImageIndex + 1), image];\n      return {\n        bgImage: image,\n        bgImageHistory: newHistory,\n        bgImageIndex: newHistory.length - 1,\n      };\n    });\n  }, []);\n\n  const historyBgImage = useCallback((steps: number) => {\n    setState((prev) => {\n      const newIndex = prev.bgImageIndex + steps;\n      if (newIndex >= 0 && newIndex < prev.bgImageHistory.length) {\n        return {\n          ...prev,\n          bgImage: prev.bgImageHistory[newIndex],\n          bgImageIndex: newIndex,\n        };\n      }\n      return prev;\n    });\n  }, []);\n\n  const setDefaultBgImage = useCallback(() => {\n    setState({\n      bgImage: defaultImage,\n      bgImageHistory: [defaultImage],\n      bgImageIndex: 0,\n    });\n  }, [defaultImage]);\n\n  useEffect(() => {\n    setState({\n      bgImage: defaultImage,\n      bgImageHistory: [defaultImage],\n      bgImageIndex: 0,\n    });\n  }, [defaultImage]);\n\n  return {\n    bgImage: state.bgImage,\n    changeBgImage,\n    historyBgImage,\n    setDefaultBgImage,\n    bgImageIndex: state.bgImageIndex,\n  };\n};\n\ntype TitleState = {\n  title: string | null;\n  titleHistory: (string | null)[];\n  titleIndex: number;\n};\n/**\n * Custom hook to manage the document title with history tracking.\n */\nconst useTitle = (defaultTitle: string | null) => {\n  const [state, setState] = useState<TitleState>({\n    title: defaultTitle,\n    titleHistory: [defaultTitle],\n    titleIndex: 0,\n  });\n\n  const changeTitle = useCallback((newTitle: string | null) => {\n    setState((prev) => {\n      const newHistory = [...prev.titleHistory.slice(0, prev.titleIndex + 1), newTitle];\n      return {\n        title: newTitle,\n        titleHistory: newHistory,\n        titleIndex: newHistory.length - 1,\n      };\n    });\n  }, []);\n\n  const setHistoryTitle = useCallback((steps: number) => {\n    setState((prev) => {\n      const newIndex = prev.titleIndex + steps;\n      if (newIndex >= 0 && newIndex < prev.titleHistory.length) {\n        return {\n          ...prev,\n          title: prev.titleHistory[newIndex],\n          titleIndex: newIndex,\n        };\n      }\n      return prev;\n    });\n  }, []);\n\n  const setDefaultTitle = useCallback(() => {\n    setState({\n      title: defaultTitle,\n      titleHistory: [defaultTitle],\n      titleIndex: 0,\n    });\n  }, [defaultTitle]);\n\n  useEffect(() => {\n    setState({\n      title: defaultTitle,\n      titleHistory: [defaultTitle],\n      titleIndex: 0,\n    });\n  }, [defaultTitle]);\n\n  return {\n    title: state.title,\n    titleIndex: state.titleIndex,\n    titleHistory: state.titleHistory,\n    changeTitle,\n    setHistoryTitle,\n    setDefaultTitle,\n  };\n};\n\n/**\n * Custom hook to manage a description with history tracking.\n */\ntype DescriptionState = {\n  description: string;\n  descriptionHistory: string[];\n  descriptionIndex: number;\n};\n\nexport const useDescription = (defaultDescription: string) => {\n  const [state, setState] = useState<DescriptionState>({\n    description: defaultDescription,\n    descriptionHistory: [defaultDescription],\n    descriptionIndex: 0,\n  });\n\n  const changeDescription = useCallback((newDescription: string) => {\n    setState((prev) => {\n      const newHistory = [...prev.descriptionHistory.slice(0, prev.descriptionIndex + 1), newDescription];\n      return {\n        description: newDescription,\n        descriptionHistory: newHistory,\n        descriptionIndex: newHistory.length - 1,\n      };\n    });\n  }, []);\n\n  const historyDescription = useCallback((steps: number) => {\n    setState((prev) => {\n      const newIndex = prev.descriptionIndex + steps;\n      if (newIndex >= 0 && newIndex < prev.descriptionHistory.length) {\n        return {\n          ...prev,\n          description: prev.descriptionHistory[newIndex],\n          descriptionIndex: newIndex,\n        };\n      }\n      return prev;\n    });\n  }, []);\n\n  const setDefaultDescription = useCallback(() => {\n    setState({\n      description: defaultDescription,\n      descriptionHistory: [defaultDescription],\n      descriptionIndex: 0,\n    });\n  }, [defaultDescription]);\n\n  useEffect(() => {\n    setState({\n      description: defaultDescription,\n      descriptionHistory: [defaultDescription],\n      descriptionIndex: 0,\n    });\n  }, [defaultDescription]);\n\n  return {\n    description: state.description,\n    changeDescription,\n    historyDescription,\n    setDefaultDescription,\n    descriptionIndex: state.descriptionIndex,\n  };\n};\n","import { useContextSelector } from 'use-context-selector';\n\nimport { AppContext } from './context';\nimport { IAppContext, IUseAppDependencies } from './context.types';\n\nexport const useApp = (props: IUseAppDependencies): IAppContext => {\n  const context = useContextSelector(AppContext, (v) => {\n    return v\n      ? props.reduce((acc, prop) => {\n          acc[prop] = v[prop];\n          return acc;\n        }, {} as any)\n      : null;\n  });\n  if (!context) {\n    throw new Error('useApp must be used within an AppContext');\n  }\n  return context;\n};\n"],"mappings":"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"}

package/build/context-app-DKsS6_WR.cjs

@@ -0,0 +1,9 @@
+const ne=require("./chunk-CW3en5xf.cjs"),u=require("./utils-DtinAjAU.cjs"),O=require("./functions-Dwo54amB.cjs"),$=require("./preview-CG76AiC9.cjs"),m=require("./dist-C8r_OdG1.cjs"),L=require("./context-screen-width-ind6z7Ny.cjs");let c=require("react/jsx-runtime"),o=require("react");var I=e=>typeof e=="number"?`${e}px`:e??"0px",D=e=>`
+    "notification notification notification"
+    "${e.leftAside?.isTopHeader?"leftAside":"header"} header ${e.rightAside?.isTopHeader?"rightAside":"header"}"
+    "${e.leftAside?.isTopHeader||e.leftAside?.isTopNav?"leftAside":"nav"} nav ${e.rightAside?.isTopHeader||e.rightAside?.isTopNav?"rightAside":"nav"}"
+    "leftAside children rightAside"
+    "${e.leftAside?.isTopFooter?"leftAside":"footer"} footer ${e.rightAside?.isTopFooter?"rightAside":"footer"}"
+  `,F=(e,s)=>({backgroundColor:u.CSS_VARS.palette[e],backgroundImage:s?`url(${s})`:void 0,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}),E=e=>({gridTemplateAreas:D(e),gridTemplateColumns:`${I(e.leftAside?.length)} 1fr ${I(e.rightAside?.length)}`,gridTemplateRows:`${I(e.notification?.length)} ${I(e.header?.length)} ${I(e.nav?.length)} 1fr ${I(e.footer?.length)}`}),R=e=>({zIndex:e.main?.zIndex??"auto",overflow:e.isScrollOutlet?"auto":"visible"}),V=e=>({zIndex:e.notification?.zIndex??"auto"}),W=e=>({zIndex:e.header?.zIndex??"auto"}),G=e=>({zIndex:e.footer?.zIndex??"auto"}),M=e=>({zIndex:e.nav?.zIndex??"auto"}),J=e=>({zIndex:e.leftAside?.zIndex??"auto"}),K=e=>({zIndex:e.rightAside?.zIndex??"auto"}),A=m.createContext(null),Q=e=>{const{bgColor:s,changeBgColor:i,historyBgColor:a,setDefaultBgColor:l}=X(e.defaultBgColor),{statusBarColor:g,changeStatusBarColor:r,historyStatusBarColor:t,setDefaultStatusBarColor:n}=Y(e.defaultStatusBarColor),{bgImage:y,changeBgImage:f,historyBgImage:H,setDefaultBgImage:v}=Z(e.defaultBgImage||null),{title:B,changeTitle:z,setHistoryTitle:T,setDefaultTitle:k}=p(e.defaultTitle||null),{description:w,changeDescription:P,historyDescription:_,setDefaultDescription:j}=ee(e.defaultDescription),{changePreview:N,previewProps:q}=U(e.defaultPreview),{breakpoint:C,type:b,orientation:S}=L.useScreenWidth(["breakpoint","type","orientation"]),x=(0,o.useCallback)(h=>{if(!h)return null;if(b==="orientation"&&h.orientation)return h.orientation?.[S]??null;if(h.breakpoint&&h.breakpoint)return C==="default"?h.default??null:h.breakpoint?.[C]??null},[C,S,b]),d=(0,o.useMemo)(()=>({isScrollOutlet:e.isScrollOutlet,main:e.main,notification:e.notification?{component:e.notification.component,length:x(e.notification.length),zIndex:e.notification.zIndex}:void 0,header:e.header?{component:e.header.component,length:x(e.header.length),zIndex:e.header.zIndex}:void 0,nav:e.nav?{component:e.nav.component,length:x(e.nav.length),zIndex:e.nav.zIndex}:void 0,footer:e.footer?{component:e.footer.component,length:x(e.footer.length),zIndex:e.footer.zIndex}:void 0,leftAside:e.leftAside?{component:e.leftAside.component,length:x(e.leftAside.length),zIndex:e.leftAside.zIndex,isTopHeader:e.leftAside.isTopHeader,isTopFooter:e.leftAside.isTopFooter,isTopNav:e.leftAside.isTopNav}:void 0,rightAside:e.rightAside?{component:e.rightAside.component,length:x(e.rightAside.length),zIndex:e.rightAside.zIndex,isTopHeader:e.rightAside.isTopHeader,isTopFooter:e.rightAside.isTopFooter,isTopNav:e.rightAside.isTopNav}:void 0}),[e.footer,e.header,e.leftAside,e.main,e.nav,e.notification,e.rightAside,e.isScrollOutlet,x]);return(0,c.jsxs)(A.Provider,{value:{changePreview:N,changeStatusBarColor:r,changeBgColor:i,changeBgImage:f,changeTitle:z,changeDescription:P,historyStatusBarColor:t,historyBgColor:a,historyBgImage:H,setHistoryTitle:T,historyDescription:_,setDefaultStatusBarColor:n,setDefaultBgColor:l,setDefaultBgImage:v,setDefaultTitle:k,setDefaultDescription:j},children:[(0,c.jsx)("title",{children:B}),(0,c.jsx)("meta",{name:"description",content:w}),(0,c.jsx)("meta",{name:"theme-color",content:u.CSS_VARS.palette[g]}),(0,c.jsx)("meta",{name:"apple-mobile-web-app-status-bar-style",content:"default"}),(0,c.jsx)("meta",{name:"mobile-web-app-capable",content:"yes"}),(0,c.jsx)($.Preview,{...q,children:(0,c.jsx)("div",{className:u.CSS_CLASS.context.app.wrapper,style:F(s,y),children:(0,c.jsxs)("div",{className:O.setClasses([u.CSS_CLASS.context.app.outlet,u.CSS_CLASS.transition.grid]),style:E(d),children:[d.notification?.length?(0,c.jsx)("section",{className:u.CSS_CLASS.context.app.outletNotification,style:V(d),children:e.notification?.component||null}):null,d.header?.length?(0,c.jsx)("header",{className:u.CSS_CLASS.context.app.outletHeader,style:W(d),children:e.header?.component||null}):null,d.nav?.length?(0,c.jsx)("nav",{className:u.CSS_CLASS.context.app.outletNav,style:M(d),children:e.nav?.component||null}):null,d.leftAside?.length?(0,c.jsx)("aside",{className:u.CSS_CLASS.context.app.outletLeftAside,style:J(d),children:e.leftAside?.component||null}):null,(0,c.jsx)("main",{className:u.CSS_CLASS.context.app.outletChildren,style:R(d),children:e.children}),d.rightAside?.length?(0,c.jsx)("aside",{className:u.CSS_CLASS.context.app.outletRightAside,style:K(d),children:e.rightAside?.component||null}):null,d.footer?.length?(0,c.jsx)("footer",{className:u.CSS_CLASS.context.app.outletFooter,style:G(d),children:e.footer?.component||null}):null]})})})]})},U=e=>{const[s,i]=(0,o.useState)(e||{visible:!0,defaultVisible:!0}),a=(0,o.useCallback)(l=>{i(l)},[]);return(0,o.useEffect)(()=>{e&&i(e)},[e]),{previewProps:s,changePreview:a}},X=e=>{const[s,i]=(0,o.useState)({bgColor:e,bgColorHistory:[e],bgColorIndex:0}),a=(0,o.useCallback)(r=>{i(t=>{const n=[...t.bgColorHistory.slice(0,t.bgColorIndex+1),r];return{bgColor:r,bgColorHistory:n,bgColorIndex:n.length-1}})},[]),l=(0,o.useCallback)(r=>{i(t=>{const n=t.bgColorIndex+r;return n>=0&&n<t.bgColorHistory.length?{...t,bgColor:t.bgColorHistory[n],bgColorIndex:n}:t})},[]),g=(0,o.useCallback)(()=>{i({bgColor:e,bgColorHistory:[e],bgColorIndex:0})},[e]);return(0,o.useEffect)(()=>{i({bgColor:e,bgColorHistory:[e],bgColorIndex:0})},[e]),{bgColor:s.bgColor,changeBgColor:a,historyBgColor:l,setDefaultBgColor:g,bgColorIndex:s.bgColorIndex}},Y=e=>{const[s,i]=(0,o.useState)({statusBarColor:e,statusBarColorHistory:[e],statusBarColorIndex:0}),a=(0,o.useCallback)(r=>{i(t=>{const n=[...t.statusBarColorHistory.slice(0,t.statusBarColorIndex+1),r];return{statusBarColor:r,statusBarColorHistory:n,statusBarColorIndex:n.length-1}})},[]),l=(0,o.useCallback)(r=>{i(t=>{const n=t.statusBarColorIndex+r;return n>=0&&n<t.statusBarColorHistory.length?{...t,statusBarColor:t.statusBarColorHistory[n],statusBarColorIndex:n}:t})},[]),g=(0,o.useCallback)(()=>{i({statusBarColor:e,statusBarColorHistory:[e],statusBarColorIndex:0})},[e]);return(0,o.useEffect)(()=>{i({statusBarColor:e,statusBarColorHistory:[e],statusBarColorIndex:0})},[e]),{statusBarColor:s.statusBarColor,changeStatusBarColor:a,historyStatusBarColor:l,setDefaultStatusBarColor:g,statusBarColorIndex:s.statusBarColorIndex}},Z=e=>{const[s,i]=(0,o.useState)({bgImage:e,bgImageHistory:[e],bgImageIndex:0}),a=(0,o.useCallback)(r=>{i(t=>{const n=[...t.bgImageHistory.slice(0,t.bgImageIndex+1),r];return{bgImage:r,bgImageHistory:n,bgImageIndex:n.length-1}})},[]),l=(0,o.useCallback)(r=>{i(t=>{const n=t.bgImageIndex+r;return n>=0&&n<t.bgImageHistory.length?{...t,bgImage:t.bgImageHistory[n],bgImageIndex:n}:t})},[]),g=(0,o.useCallback)(()=>{i({bgImage:e,bgImageHistory:[e],bgImageIndex:0})},[e]);return(0,o.useEffect)(()=>{i({bgImage:e,bgImageHistory:[e],bgImageIndex:0})},[e]),{bgImage:s.bgImage,changeBgImage:a,historyBgImage:l,setDefaultBgImage:g,bgImageIndex:s.bgImageIndex}},p=e=>{const[s,i]=(0,o.useState)({title:e,titleHistory:[e],titleIndex:0}),a=(0,o.useCallback)(r=>{i(t=>{const n=[...t.titleHistory.slice(0,t.titleIndex+1),r];return{title:r,titleHistory:n,titleIndex:n.length-1}})},[]),l=(0,o.useCallback)(r=>{i(t=>{const n=t.titleIndex+r;return n>=0&&n<t.titleHistory.length?{...t,title:t.titleHistory[n],titleIndex:n}:t})},[]),g=(0,o.useCallback)(()=>{i({title:e,titleHistory:[e],titleIndex:0})},[e]);return(0,o.useEffect)(()=>{i({title:e,titleHistory:[e],titleIndex:0})},[e]),{title:s.title,titleIndex:s.titleIndex,titleHistory:s.titleHistory,changeTitle:a,setHistoryTitle:l,setDefaultTitle:g}},ee=e=>{const[s,i]=(0,o.useState)({description:e,descriptionHistory:[e],descriptionIndex:0}),a=(0,o.useCallback)(r=>{i(t=>{const n=[...t.descriptionHistory.slice(0,t.descriptionIndex+1),r];return{description:r,descriptionHistory:n,descriptionIndex:n.length-1}})},[]),l=(0,o.useCallback)(r=>{i(t=>{const n=t.descriptionIndex+r;return n>=0&&n<t.descriptionHistory.length?{...t,description:t.descriptionHistory[n],descriptionIndex:n}:t})},[]),g=(0,o.useCallback)(()=>{i({description:e,descriptionHistory:[e],descriptionIndex:0})},[e]);return(0,o.useEffect)(()=>{i({description:e,descriptionHistory:[e],descriptionIndex:0})},[e]),{description:s.description,changeDescription:a,historyDescription:l,setDefaultDescription:g,descriptionIndex:s.descriptionIndex}},te=e=>{const s=m.useContextSelector(A,i=>i?e.reduce((a,l)=>(a[l]=i[l],a),{}):null);if(!s)throw new Error("useApp must be used within an AppContext");return s};Object.defineProperty(exports,"ProviderApp",{enumerable:!0,get:function(){return Q}});Object.defineProperty(exports,"useApp",{enumerable:!0,get:function(){return te}});
+
+//# sourceMappingURL=context-app-DKsS6_WR.cjs.map

package/build/context-app-DKsS6_WR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-app-DKsS6_WR.cjs","names":[],"sources":["../src/contexts/context-app/context.styles.ts","../src/contexts/context-app/context.tsx","../src/contexts/context-app/context.hooks.ts"],"sourcesContent":["import { CSS_VARS, IThemePalette } from '@local/styles/utils';\n\nimport { CSSProperties } from 'react';\n\nimport { IAppProviderOutletStyled } from './context.types';\n\ntype IAppOutletParts = IAppProviderOutletStyled;\n\nconst toPx = (value?: number | string | null) => (typeof value === 'number' ? `${value}px` : (value ?? '0px'));\n\nconst generateGridTemplateAreas = (props: IAppOutletParts) => {\n  return `\n    \"notification notification notification\"\n    \"${props.leftAside?.isTopHeader ? 'leftAside' : 'header'} header ${props.rightAside?.isTopHeader ? 'rightAside' : 'header'}\"\n    \"${props.leftAside?.isTopHeader ? 'leftAside' : props.leftAside?.isTopNav ? 'leftAside' : 'nav'} nav ${props.rightAside?.isTopHeader ? 'rightAside' : props.rightAside?.isTopNav ? 'rightAside' : 'nav'}\"\n    \"leftAside children rightAside\"\n    \"${props.leftAside?.isTopFooter ? 'leftAside' : 'footer'} footer ${props.rightAside?.isTopFooter ? 'rightAside' : 'footer'}\"\n  `;\n};\n\nexport const getProviderAppWrapperStyle = (bgColor: IThemePalette, bgImage: string | null): CSSProperties => ({\n  backgroundColor: CSS_VARS.palette[bgColor],\n  backgroundImage: bgImage ? `url(${bgImage})` : undefined,\n  backgroundSize: 'cover',\n  backgroundPosition: 'center',\n  backgroundRepeat: 'no-repeat',\n});\n\nexport const getProviderAppOutletStyle = (props: IAppOutletParts): CSSProperties => ({\n  gridTemplateAreas: generateGridTemplateAreas(props),\n  gridTemplateColumns: `${toPx(props.leftAside?.length)} 1fr ${toPx(props.rightAside?.length)}`,\n  gridTemplateRows: `${toPx(props.notification?.length)} ${toPx(props.header?.length)} ${toPx(props.nav?.length)} 1fr ${toPx(props.footer?.length)}`,\n});\n\nexport const getProviderAppOutletChildrenStyle = (props: IAppOutletParts): CSSProperties => ({\n  zIndex: props.main?.zIndex ?? 'auto',\n  overflow: props.isScrollOutlet ? 'auto' : 'visible',\n});\n\nexport const getProviderAppOutletNotificationStyle = (props: IAppOutletParts): CSSProperties => ({\n  zIndex: props.notification?.zIndex ?? 'auto',\n});\n\nexport const getProviderAppOutletHeaderStyle = (props: IAppOutletParts): CSSProperties => ({\n  zIndex: props.header?.zIndex ?? 'auto',\n});\n\nexport const getProviderAppOutletFooterStyle = (props: IAppOutletParts): CSSProperties => ({\n  zIndex: props.footer?.zIndex ?? 'auto',\n});\n\nexport const getProviderAppOutletNavStyle = (props: IAppOutletParts): CSSProperties => ({\n  zIndex: props.nav?.zIndex ?? 'auto',\n});\n\nexport const getProviderAppOutletLeftAsideStyle = (props: IAppOutletParts): CSSProperties => ({\n  zIndex: props.leftAside?.zIndex ?? 'auto',\n});\n\nexport const getProviderAppOutletRightAsideStyle = (props: IAppOutletParts): CSSProperties => ({\n  zIndex: props.rightAside?.zIndex ?? 'auto',\n});\n","import { IPreviewAdditional, Preview } from '@local/areas/preview';\nimport { useScreenWidth } from '@local/contexts/context-screen-width';\nimport { CSS_CLASS, CSS_VARS, IThemePalette } from '@local/styles/utils';\nimport { setClasses } from '@local/styles/utils/functions';\n\nimport { FC, useCallback, useEffect, useMemo, useState } from 'react';\nimport { createContext } from 'use-context-selector';\n\nimport {\n  getProviderAppOutletChildrenStyle,\n  getProviderAppOutletFooterStyle,\n  getProviderAppOutletHeaderStyle,\n  getProviderAppOutletLeftAsideStyle,\n  getProviderAppOutletNavStyle,\n  getProviderAppOutletNotificationStyle,\n  getProviderAppOutletRightAsideStyle,\n  getProviderAppOutletStyle,\n  getProviderAppWrapperStyle,\n} from './context.styles';\nimport { IAppContext, IAppProvider, IAppProviderElement, IAppProviderOutletStyled } from './context.types';\n\nexport const AppContext = createContext<IAppContext | null>(null);\n\nexport const ProviderApp: FC<IAppProvider> = (props) => {\n  const { bgColor, changeBgColor, historyBgColor, setDefaultBgColor } = useBgColor(props.defaultBgColor);\n  const { statusBarColor, changeStatusBarColor, historyStatusBarColor, setDefaultStatusBarColor } = useStatusBarColor(\n    props.defaultStatusBarColor,\n  );\n  const { bgImage, changeBgImage, historyBgImage, setDefaultBgImage } = useBgImage(props.defaultBgImage || null);\n  const { title, changeTitle, setHistoryTitle, setDefaultTitle } = useTitle(props.defaultTitle || null);\n  const { description, changeDescription, historyDescription, setDefaultDescription } = useDescription(\n    props.defaultDescription,\n  );\n  const { changePreview, previewProps } = usePreview(props.defaultPreview);\n\n  const { breakpoint, type, orientation } = useScreenWidth(['breakpoint', 'type', 'orientation']);\n\n  const getValueByBreakpoint = useCallback(\n    (lengthByBreakpoint: IAppProviderElement['length']) => {\n      if (!lengthByBreakpoint) return null;\n      if (type === 'orientation' && lengthByBreakpoint.orientation) {\n        const value = lengthByBreakpoint.orientation?.[orientation];\n        return value ?? null;\n      }\n      if (lengthByBreakpoint.breakpoint && lengthByBreakpoint.breakpoint) {\n        if (breakpoint === 'default') return lengthByBreakpoint.default ?? null;\n        const value = lengthByBreakpoint.breakpoint?.[breakpoint];\n        return value ?? null;\n      }\n    },\n    [breakpoint, orientation, type],\n  );\n\n  const outletStyledProps: IAppProviderOutletStyled = useMemo(\n    () => ({\n      isScrollOutlet: props.isScrollOutlet,\n      main: props.main,\n      notification: props.notification\n        ? {\n            component: props.notification.component,\n            length: getValueByBreakpoint(props.notification.length),\n            zIndex: props.notification.zIndex,\n          }\n        : undefined,\n      header: props.header\n        ? {\n            component: props.header.component,\n            length: getValueByBreakpoint(props.header.length),\n            zIndex: props.header.zIndex,\n          }\n        : undefined,\n      nav: props.nav\n        ? {\n            component: props.nav.component,\n            length: getValueByBreakpoint(props.nav.length),\n            zIndex: props.nav.zIndex,\n          }\n        : undefined,\n      footer: props.footer\n        ? {\n            component: props.footer.component,\n            length: getValueByBreakpoint(props.footer.length),\n            zIndex: props.footer.zIndex,\n          }\n        : undefined,\n      leftAside: props.leftAside\n        ? {\n            component: props.leftAside.component,\n            length: getValueByBreakpoint(props.leftAside.length),\n            zIndex: props.leftAside.zIndex,\n            isTopHeader: props.leftAside.isTopHeader,\n            isTopFooter: props.leftAside.isTopFooter,\n            isTopNav: props.leftAside.isTopNav,\n          }\n        : undefined,\n      rightAside: props.rightAside\n        ? {\n            component: props.rightAside.component,\n            length: getValueByBreakpoint(props.rightAside.length),\n            zIndex: props.rightAside.zIndex,\n            isTopHeader: props.rightAside.isTopHeader,\n            isTopFooter: props.rightAside.isTopFooter,\n            isTopNav: props.rightAside.isTopNav,\n          }\n        : undefined,\n    }),\n    [\n      props.footer,\n      props.header,\n      props.leftAside,\n      props.main,\n      props.nav,\n      props.notification,\n      props.rightAside,\n      props.isScrollOutlet,\n      getValueByBreakpoint,\n    ],\n  );\n\n  return (\n    <AppContext.Provider\n      value={{\n        changePreview,\n        changeStatusBarColor,\n        changeBgColor,\n        changeBgImage,\n        changeTitle,\n        changeDescription,\n        historyStatusBarColor,\n        historyBgColor,\n        historyBgImage,\n        setHistoryTitle,\n        historyDescription,\n        setDefaultStatusBarColor,\n        setDefaultBgColor,\n        setDefaultBgImage,\n        setDefaultTitle,\n        setDefaultDescription,\n      }}\n    >\n      <title>{title}</title>\n      <meta name='description' content={description} />\n      <meta name='theme-color' content={CSS_VARS.palette[statusBarColor]} />\n      <meta name='apple-mobile-web-app-status-bar-style' content='default' />\n      <meta name='mobile-web-app-capable' content='yes' />\n      <Preview {...previewProps}>\n        <div className={CSS_CLASS.context.app.wrapper} style={getProviderAppWrapperStyle(bgColor, bgImage)}>\n          <div\n            className={setClasses([CSS_CLASS.context.app.outlet, CSS_CLASS.transition.grid])}\n            style={getProviderAppOutletStyle(outletStyledProps)}\n          >\n            {outletStyledProps.notification?.length ? (\n              <section\n                className={CSS_CLASS.context.app.outletNotification}\n                style={getProviderAppOutletNotificationStyle(outletStyledProps)}\n              >\n                {props.notification?.component || null}\n              </section>\n            ) : null}\n\n            {outletStyledProps.header?.length ? (\n              <header\n                className={CSS_CLASS.context.app.outletHeader}\n                style={getProviderAppOutletHeaderStyle(outletStyledProps)}\n              >\n                {props.header?.component || null}\n              </header>\n            ) : null}\n\n            {outletStyledProps.nav?.length ? (\n              <nav className={CSS_CLASS.context.app.outletNav} style={getProviderAppOutletNavStyle(outletStyledProps)}>\n                {props.nav?.component || null}\n              </nav>\n            ) : null}\n\n            {outletStyledProps.leftAside?.length ? (\n              <aside\n                className={CSS_CLASS.context.app.outletLeftAside}\n                style={getProviderAppOutletLeftAsideStyle(outletStyledProps)}\n              >\n                {props.leftAside?.component || null}\n              </aside>\n            ) : null}\n\n            <main\n              className={CSS_CLASS.context.app.outletChildren}\n              style={getProviderAppOutletChildrenStyle(outletStyledProps)}\n            >\n              {props.children}\n            </main>\n\n            {outletStyledProps.rightAside?.length ? (\n              <aside\n                className={CSS_CLASS.context.app.outletRightAside}\n                style={getProviderAppOutletRightAsideStyle(outletStyledProps)}\n              >\n                {props.rightAside?.component || null}\n              </aside>\n            ) : null}\n\n            {outletStyledProps.footer?.length ? (\n              <footer\n                className={CSS_CLASS.context.app.outletFooter}\n                style={getProviderAppOutletFooterStyle(outletStyledProps)}\n              >\n                {props.footer?.component || null}\n              </footer>\n            ) : null}\n          </div>\n        </div>\n      </Preview>\n    </AppContext.Provider>\n  );\n};\n\n/**\n * Custom hook to manage preview properties.\n */\nconst usePreview = (defaultPreview: IAppProvider['defaultPreview']) => {\n  const [previewProps, setIPreview] = useState(defaultPreview || { visible: true, defaultVisible: true });\n\n  const changePreview = useCallback((newIPreview: IPreviewAdditional) => {\n    setIPreview(newIPreview);\n  }, []);\n\n  useEffect(() => {\n    if (defaultPreview) setIPreview(defaultPreview);\n  }, [defaultPreview]);\n\n  return { previewProps, changePreview };\n};\n\n/**\n * Custom hook to manage background color state with history tracking.\n */\ntype BgColorState = {\n  bgColor: IThemePalette;\n  bgColorHistory: IThemePalette[];\n  bgColorIndex: number;\n};\n\nexport const useBgColor = (defaultColor: IThemePalette) => {\n  const [state, setState] = useState<BgColorState>({\n    bgColor: defaultColor,\n    bgColorHistory: [defaultColor],\n    bgColorIndex: 0,\n  });\n\n  const changeBgColor = useCallback((color: IThemePalette) => {\n    setState((prev) => {\n      const newHistory = [...prev.bgColorHistory.slice(0, prev.bgColorIndex + 1), color];\n      return {\n        bgColor: color,\n        bgColorHistory: newHistory,\n        bgColorIndex: newHistory.length - 1,\n      };\n    });\n  }, []);\n\n  const historyBgColor = useCallback((steps: number) => {\n    setState((prev) => {\n      const newIndex = prev.bgColorIndex + steps;\n      if (newIndex >= 0 && newIndex < prev.bgColorHistory.length) {\n        return {\n          ...prev,\n          bgColor: prev.bgColorHistory[newIndex],\n          bgColorIndex: newIndex,\n        };\n      }\n      return prev;\n    });\n  }, []);\n\n  const setDefaultBgColor = useCallback(() => {\n    setState({\n      bgColor: defaultColor,\n      bgColorHistory: [defaultColor],\n      bgColorIndex: 0,\n    });\n  }, [defaultColor]);\n\n  useEffect(() => {\n    setState({\n      bgColor: defaultColor,\n      bgColorHistory: [defaultColor],\n      bgColorIndex: 0,\n    });\n  }, [defaultColor]);\n\n  return {\n    bgColor: state.bgColor,\n    changeBgColor,\n    historyBgColor,\n    setDefaultBgColor,\n    bgColorIndex: state.bgColorIndex,\n  };\n};\n\n/**\n * Custom hook to manage the status bar color with history tracking.\n */\ntype StatusBarColorState = {\n  statusBarColor: IThemePalette;\n  statusBarColorHistory: IThemePalette[];\n  statusBarColorIndex: number;\n};\n\nexport const useStatusBarColor = (defaultColor: IThemePalette) => {\n  const [state, setState] = useState<StatusBarColorState>({\n    statusBarColor: defaultColor,\n    statusBarColorHistory: [defaultColor],\n    statusBarColorIndex: 0,\n  });\n\n  const changeStatusBarColor = useCallback((color: IThemePalette) => {\n    setState((prev) => {\n      const newHistory = [...prev.statusBarColorHistory.slice(0, prev.statusBarColorIndex + 1), color];\n      return {\n        statusBarColor: color,\n        statusBarColorHistory: newHistory,\n        statusBarColorIndex: newHistory.length - 1,\n      };\n    });\n  }, []);\n\n  const historyStatusBarColor = useCallback((steps: number) => {\n    setState((prev) => {\n      const newIndex = prev.statusBarColorIndex + steps;\n      if (newIndex >= 0 && newIndex < prev.statusBarColorHistory.length) {\n        return {\n          ...prev,\n          statusBarColor: prev.statusBarColorHistory[newIndex],\n          statusBarColorIndex: newIndex,\n        };\n      }\n      return prev;\n    });\n  }, []);\n\n  const setDefaultStatusBarColor = useCallback(() => {\n    setState({\n      statusBarColor: defaultColor,\n      statusBarColorHistory: [defaultColor],\n      statusBarColorIndex: 0,\n    });\n  }, [defaultColor]);\n\n  useEffect(() => {\n    setState({\n      statusBarColor: defaultColor,\n      statusBarColorHistory: [defaultColor],\n      statusBarColorIndex: 0,\n    });\n  }, [defaultColor]);\n\n  return {\n    statusBarColor: state.statusBarColor,\n    changeStatusBarColor,\n    historyStatusBarColor,\n    setDefaultStatusBarColor,\n    statusBarColorIndex: state.statusBarColorIndex,\n  };\n};\n\n/**\n * Custom hook to manage background images with history.\n */\ntype BgImageState = {\n  bgImage: string | null;\n  bgImageHistory: (string | null)[];\n  bgImageIndex: number;\n};\n\nexport const useBgImage = (defaultImage: string | null) => {\n  const [state, setState] = useState<BgImageState>({\n    bgImage: defaultImage,\n    bgImageHistory: [defaultImage],\n    bgImageIndex: 0,\n  });\n\n  const changeBgImage = useCallback((image: string | null) => {\n    setState((prev) => {\n      const newHistory = [...prev.bgImageHistory.slice(0, prev.bgImageIndex + 1), image];\n      return {\n        bgImage: image,\n        bgImageHistory: newHistory,\n        bgImageIndex: newHistory.length - 1,\n      };\n    });\n  }, []);\n\n  const historyBgImage = useCallback((steps: number) => {\n    setState((prev) => {\n      const newIndex = prev.bgImageIndex + steps;\n      if (newIndex >= 0 && newIndex < prev.bgImageHistory.length) {\n        return {\n          ...prev,\n          bgImage: prev.bgImageHistory[newIndex],\n          bgImageIndex: newIndex,\n        };\n      }\n      return prev;\n    });\n  }, []);\n\n  const setDefaultBgImage = useCallback(() => {\n    setState({\n      bgImage: defaultImage,\n      bgImageHistory: [defaultImage],\n      bgImageIndex: 0,\n    });\n  }, [defaultImage]);\n\n  useEffect(() => {\n    setState({\n      bgImage: defaultImage,\n      bgImageHistory: [defaultImage],\n      bgImageIndex: 0,\n    });\n  }, [defaultImage]);\n\n  return {\n    bgImage: state.bgImage,\n    changeBgImage,\n    historyBgImage,\n    setDefaultBgImage,\n    bgImageIndex: state.bgImageIndex,\n  };\n};\n\ntype TitleState = {\n  title: string | null;\n  titleHistory: (string | null)[];\n  titleIndex: number;\n};\n/**\n * Custom hook to manage the document title with history tracking.\n */\nconst useTitle = (defaultTitle: string | null) => {\n  const [state, setState] = useState<TitleState>({\n    title: defaultTitle,\n    titleHistory: [defaultTitle],\n    titleIndex: 0,\n  });\n\n  const changeTitle = useCallback((newTitle: string | null) => {\n    setState((prev) => {\n      const newHistory = [...prev.titleHistory.slice(0, prev.titleIndex + 1), newTitle];\n      return {\n        title: newTitle,\n        titleHistory: newHistory,\n        titleIndex: newHistory.length - 1,\n      };\n    });\n  }, []);\n\n  const setHistoryTitle = useCallback((steps: number) => {\n    setState((prev) => {\n      const newIndex = prev.titleIndex + steps;\n      if (newIndex >= 0 && newIndex < prev.titleHistory.length) {\n        return {\n          ...prev,\n          title: prev.titleHistory[newIndex],\n          titleIndex: newIndex,\n        };\n      }\n      return prev;\n    });\n  }, []);\n\n  const setDefaultTitle = useCallback(() => {\n    setState({\n      title: defaultTitle,\n      titleHistory: [defaultTitle],\n      titleIndex: 0,\n    });\n  }, [defaultTitle]);\n\n  useEffect(() => {\n    setState({\n      title: defaultTitle,\n      titleHistory: [defaultTitle],\n      titleIndex: 0,\n    });\n  }, [defaultTitle]);\n\n  return {\n    title: state.title,\n    titleIndex: state.titleIndex,\n    titleHistory: state.titleHistory,\n    changeTitle,\n    setHistoryTitle,\n    setDefaultTitle,\n  };\n};\n\n/**\n * Custom hook to manage a description with history tracking.\n */\ntype DescriptionState = {\n  description: string;\n  descriptionHistory: string[];\n  descriptionIndex: number;\n};\n\nexport const useDescription = (defaultDescription: string) => {\n  const [state, setState] = useState<DescriptionState>({\n    description: defaultDescription,\n    descriptionHistory: [defaultDescription],\n    descriptionIndex: 0,\n  });\n\n  const changeDescription = useCallback((newDescription: string) => {\n    setState((prev) => {\n      const newHistory = [...prev.descriptionHistory.slice(0, prev.descriptionIndex + 1), newDescription];\n      return {\n        description: newDescription,\n        descriptionHistory: newHistory,\n        descriptionIndex: newHistory.length - 1,\n      };\n    });\n  }, []);\n\n  const historyDescription = useCallback((steps: number) => {\n    setState((prev) => {\n      const newIndex = prev.descriptionIndex + steps;\n      if (newIndex >= 0 && newIndex < prev.descriptionHistory.length) {\n        return {\n          ...prev,\n          description: prev.descriptionHistory[newIndex],\n          descriptionIndex: newIndex,\n        };\n      }\n      return prev;\n    });\n  }, []);\n\n  const setDefaultDescription = useCallback(() => {\n    setState({\n      description: defaultDescription,\n      descriptionHistory: [defaultDescription],\n      descriptionIndex: 0,\n    });\n  }, [defaultDescription]);\n\n  useEffect(() => {\n    setState({\n      description: defaultDescription,\n      descriptionHistory: [defaultDescription],\n      descriptionIndex: 0,\n    });\n  }, [defaultDescription]);\n\n  return {\n    description: state.description,\n    changeDescription,\n    historyDescription,\n    setDefaultDescription,\n    descriptionIndex: state.descriptionIndex,\n  };\n};\n","import { useContextSelector } from 'use-context-selector';\n\nimport { AppContext } from './context';\nimport { IAppContext, IUseAppDependencies } from './context.types';\n\nexport const useApp = (props: IUseAppDependencies): IAppContext => {\n  const context = useContextSelector(AppContext, (v) => {\n    return v\n      ? props.reduce((acc, prop) => {\n          acc[prop] = v[prop];\n          return acc;\n        }, {} as any)\n      : null;\n  });\n  if (!context) {\n    throw new Error('useApp must be used within an AppContext');\n  }\n  return context;\n};\n"],"mappings":"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"}

package/build/context-app.cjs.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./context.constants-gXk1ewxx.cjs"),r=require("./context.hooks-CUXDpPaG.cjs");exports.AppContext=e.AppContext,exports.ProviderApp=e.ProviderApp,exports.ProviderAppOutlet=e.ProviderAppOutlet,exports.ProviderAppOutletChildren=e.ProviderAppOutletChildren,exports.ProviderAppOutletFooter=e.ProviderAppOutletFooter,exports.ProviderAppOutletHeader=e.ProviderAppOutletHeader,exports.ProviderAppOutletLeftAside=e.ProviderAppOutletLeftAside,exports.ProviderAppOutletNav=e.ProviderAppOutletNav,exports.ProviderAppOutletNotification=e.ProviderAppOutletNotification,exports.ProviderAppOutletRightAside=e.ProviderAppOutletRightAside,exports.ProviderAppWrapper=e.ProviderAppWrapper,exports.useBgColor=e.useBgColor,exports.useBgImage=e.useBgImage,exports.useDescription=e.useDescription,exports.useStatusBarColor=e.useStatusBarColor,exports.useApp=r.useApp;
-//# sourceMappingURL=context-app.cjs.js.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-CW3en5xf.cjs"),e=require("./context-app-DKsS6_WR.cjs");exports.ProviderApp=e.ProviderApp;exports.useApp=e.useApp;