@alexandregme/zljs 1.17.0 → 1.18.1

package/dist/next/index.d.ts

@@ -1,6 +1,7 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { SemanticColor } from '../index.js';
+import { SemanticColor, ReduxProviderProps } from '../index.js';
+import { ThunkDispatch, UnknownAction, Reducer } from '@reduxjs/toolkit';
 
 interface RootLayoutProps {
     children: ReactNode;
@@ -25,5 +26,19 @@ interface LinkProps {
 
 declare const Link: ({ children, href, color }: LinkProps) => react.JSX.Element;
 
-export { Link, NotFound, RootLayout };
-export type { LinkProps, NotFoundProps, RootLayoutProps };
+type AppProvidersProps = ReduxProviderProps;
+
+declare const AppProviders: ({ children, ...store }: AppProvidersProps) => react.JSX.Element;
+
+type InitPageFunction = (dispatch: ThunkDispatch<any, undefined, UnknownAction>) => void;
+interface PageConfigProps {
+    children: ReactNode;
+    title: string;
+    reducers?: Record<string, Reducer>;
+    initPage?: InitPageFunction;
+}
+
+declare const PageConfig: ({ children, title, reducers, initPage, }: PageConfigProps) => react.JSX.Element;
+
+export { AppProviders, Link, NotFound, PageConfig, RootLayout };
+export type { AppProvidersProps, InitPageFunction, LinkProps, NotFoundProps, PageConfigProps, RootLayoutProps };

package/dist/next/index.js

@@ -1,8 +1,13 @@
 "use client";
 import {
   Heading,
-  Text
-} from "../chunk-CXA5QIHP.js";
+  Loader,
+  ReduxProvider,
+  Text,
+  Toaster,
+  usePageStore,
+  useRouterStore
+} from "../chunk-KPSFYQYV.js";
 
 // core/next/root-layout/root-layout.styles.ts
 import { tv } from "tailwind-variants";
@@ -74,8 +79,58 @@ var NotFound = ({
     /* @__PURE__ */ jsx3(Link, { href: backHref, children: backLabel })
   ] });
 };
+
+// core/next/app-providers/app-providers.tsx
+import { useEffect } from "react";
+import { usePathname } from "next/navigation.js";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var AppProviders = ({ children, ...store }) => {
+  const pathname = usePathname();
+  const setRoute = useRouterStore((s) => s.setRoute);
+  useEffect(() => {
+    if (pathname) {
+      setRoute(`${pathname}${window.location.search}`);
+    }
+  }, [pathname, setRoute]);
+  return /* @__PURE__ */ jsxs2(ReduxProvider, { ...store, children: [
+    /* @__PURE__ */ jsx4(Loader, {}),
+    /* @__PURE__ */ jsx4(Toaster, {}),
+    children
+  ] });
+};
+
+// core/next/page-config/page-config.tsx
+import { useEffect as useEffect2 } from "react";
+import { useDispatch, useStore } from "react-redux";
+import { Fragment, jsx as jsx5 } from "react/jsx-runtime";
+var PageConfig = ({
+  children,
+  title,
+  reducers,
+  initPage
+}) => {
+  const store = useStore();
+  const dispatch = useDispatch();
+  const setTitle = usePageStore((s) => s.setTitle);
+  useEffect2(() => {
+    if (reducers) {
+      store.setDynamicReducers(reducers);
+    }
+  }, [reducers]);
+  useEffect2(() => {
+    setTitle(title);
+  }, [title, setTitle]);
+  useEffect2(() => {
+    if (initPage) {
+      initPage(dispatch);
+    }
+  }, []);
+  return /* @__PURE__ */ jsx5(Fragment, { children });
+};
 export {
+  AppProviders,
   Link,
   NotFound,
+  PageConfig,
   RootLayout
 };

package/dist/redux-provider.interface-BmROR8Ev.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import { Reducer, Middleware } from '@reduxjs/toolkit';
+
+/**
+ * Semantic colors for action-oriented components (Button, Heading, etc.)
+ */
+type SemanticColor = "primary" | "success" | "danger" | "warning" | "info" | "muted" | "none";
+/**
+ * Literal colors for data visualization components (StatsCard, etc.)
+ */
+type DataColor = "blue" | "red" | "yellow" | "green" | "gray" | "orange";
+
+interface ReduxProviderProps {
+    children: ReactNode;
+    reducers?: Record<string, Reducer>;
+    middlewares?: Middleware[];
+    preloadedState?: Record<string, unknown>;
+    coreReducers?: Record<string, Reducer>;
+}
+
+export type { DataColor as D, ReduxProviderProps as R, SemanticColor as S };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alexandregme/zljs",
-  "version": "1.17.0",
+  "version": "1.18.1",
   "description": "Opinionated, accessible React component library for enterprise apps (Next.js, Tailwind CSS v4).",
   "keywords": [
     "react",
@@ -128,7 +128,6 @@
   "peerDependencies": {
     "@reduxjs/toolkit": "^2.0.0",
     "next": ">=16.0.0",
-    "next-auth": "^4.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-redux": "^9.0.0"

package/dist/chunk-CXA5QIHP.js

@@ -1,83 +0,0 @@
-"use client";
-
-// core/text/text.styles.ts
-import { tv } from "tailwind-variants";
-
-// core/types/colors/colors.const.ts
-var semanticTextColors = {
-  primary: "text-zl-primary",
-  success: "text-zl-success",
-  danger: "text-zl-danger",
-  warning: "text-zl-warning",
-  info: "text-zl-info",
-  muted: "text-zl-muted",
-  none: ""
-};
-
-// core/text/text.styles.ts
-var text = tv({
-  variants: {
-    variant: {
-      body: "text-base",
-      caption: "text-sm",
-      display: "text-3xl font-bold"
-    },
-    color: semanticTextColors
-  },
-  defaultVariants: {
-    variant: "body"
-  }
-});
-
-// core/text/text.tsx
-import { jsx } from "react/jsx-runtime";
-var Text = ({
-  children,
-  as: Tag = "p",
-  variant = "body",
-  color
-}) => {
-  return /* @__PURE__ */ jsx(Tag, { "data-testid": "text", className: text({ variant, color }), children });
-};
-
-// core/heading/heading.const.ts
-var headingTags = {
-  1: "h1",
-  2: "h2",
-  3: "h3",
-  4: "h4",
-  5: "h5",
-  6: "h6"
-};
-
-// core/heading/heading.styles.ts
-import { tv as tv2 } from "tailwind-variants";
-var heading = tv2({
-  variants: {
-    level: {
-      1: "text-3xl font-bold",
-      2: "text-2xl font-bold",
-      3: "text-xl font-semibold",
-      4: "text-lg font-semibold",
-      5: "text-base font-medium",
-      6: "text-sm font-medium"
-    },
-    color: semanticTextColors
-  },
-  defaultVariants: {
-    level: 1
-  }
-});
-
-// core/heading/heading.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var Heading = ({ children, level = 1, color }) => {
-  const Tag = headingTags[level];
-  return /* @__PURE__ */ jsx2(Tag, { className: heading({ level, color }), children });
-};
-
-export {
-  semanticTextColors,
-  Text,
-  Heading
-};

package/dist/colors-CvgrDPVc.d.ts

@@ -1,10 +0,0 @@
-/**
- * Semantic colors for action-oriented components (Button, Heading, etc.)
- */
-type SemanticColor = "primary" | "success" | "danger" | "warning" | "info" | "muted" | "none";
-/**
- * Literal colors for data visualization components (StatsCard, etc.)
- */
-type DataColor = "blue" | "red" | "yellow" | "green" | "gray" | "orange";
-
-export type { DataColor as D, SemanticColor as S };