@fayz-ai/ui 0.1.7 → 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Faya Labs
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.cjs

@@ -980,18 +980,29 @@ var Separator3 = React10__namespace.forwardRef(
   )
 );
 Separator3.displayName = SeparatorPrimitive__namespace.Root.displayName;
+function useCrossModuleBack(onBack, parentLabel) {
+  const currentPath = typeof window !== "undefined" ? (window.location.hash ? window.location.hash.slice(1) : window.location.pathname) || "/" : "/";
+  const referrer = core.useNavReferrer(currentPath);
+  const cross = referrer && referrer.label && core.routeModule(referrer.path) !== core.routeModule(currentPath) ? referrer : null;
+  return {
+    onBack: cross ? () => core.navHistoryBack(onBack) : onBack,
+    parentLabel: cross ? cross.label : parentLabel,
+    isCrossModule: !!cross
+  };
+}
 function Breadcrumb({ parent, current, onBack }) {
-  useBackHandler(onBack);
+  const { onBack: effectiveOnBack, parentLabel: effectiveParent } = useCrossModuleBack(onBack, parent);
+  useBackHandler(effectiveOnBack);
   return /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         type: "button",
-        onClick: onBack,
+        onClick: effectiveOnBack,
         className: "inline-flex items-center gap-1 hover:text-foreground transition-colors",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ArrowLeft, { className: "h-3.5 w-3.5" }),
-          parent
+          effectiveParent
         ]
       }
     ),
@@ -2352,6 +2363,10 @@ var ICON_MAP2 = {
   Wheat: LucideIcons.Wheat,
   ArrowDownCircle: LucideIcons.ArrowDownCircle,
   ArrowUpCircle: LucideIcons.ArrowUpCircle,
+  ArrowLeftRight: LucideIcons.ArrowLeftRight,
+  Plug: LucideIcons.Plug,
+  SlidersHorizontal: LucideIcons.SlidersHorizontal,
+  TableProperties: LucideIcons.TableProperties,
   Landmark: LucideIcons.Landmark,
   Receipt: LucideIcons.Receipt,
   TrendingUp: LucideIcons.TrendingUp,
@@ -3016,16 +3031,17 @@ function useBackStyle() {
 function SubpageHeader({ title, subtitle, icon, onBack, parentLabel, actions, backStyle }) {
   const t = core.useTranslation();
   const appStyle = useBackStyle();
-  useBackHandler(onBack);
+  const { onBack: effectiveOnBack, parentLabel: effectiveParentLabel } = useCrossModuleBack(onBack, parentLabel);
+  useBackHandler(effectiveOnBack);
   const Icon2 = icon ? ICON_MAP2[icon] ?? null : null;
-  const style = !onBack ? "icon" : backStyle ?? appStyle;
-  const effectiveStyle = style !== "icon" && !parentLabel ? "icon" : style;
+  const style = !effectiveOnBack ? "icon" : backStyle ?? appStyle;
+  const effectiveStyle = style !== "icon" && !effectiveParentLabel ? "icon" : style;
   const titleBlock = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-      effectiveStyle === "icon" && onBack && /* @__PURE__ */ jsxRuntime.jsx(
+      effectiveStyle === "icon" && effectiveOnBack && /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
-          onClick: onBack,
+          onClick: effectiveOnBack,
           className: "flex h-8 w-8 items-center justify-center rounded-lg border hover:bg-muted bg-card shadow-button active:shadow-button-inset transition-colors",
           children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronLeft, { className: "h-4 w-4" })
         }
@@ -3042,7 +3058,7 @@ function SubpageHeader({ title, subtitle, icon, onBack, parentLabel, actions, ba
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 mb-6", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onBack, className: "hover:text-foreground transition-colors", children: parentLabel }),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: effectiveOnBack, className: "hover:text-foreground transition-colors", children: effectiveParentLabel }),
           /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronRight, { className: "h-3.5 w-3.5" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground font-medium", children: title })
         ] }),
@@ -3056,11 +3072,11 @@ function SubpageHeader({ title, subtitle, icon, onBack, parentLabel, actions, ba
       /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
-          onClick: onBack,
+          onClick: effectiveOnBack,
           className: "inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronLeft, { className: "h-4 w-4" }),
-            t("crud.detail.backTo", { entities: parentLabel })
+            t("crud.detail.backTo", { entities: effectiveParentLabel })
           ]
         }
       ),