impact-nova 2.0.3 → 2.0.5

package/dist/components/layout/layout.d.ts

@@ -0,0 +1,42 @@
+import * as React from "react";
+interface LayoutProps extends React.ComponentProps<"div"> {
+    /**
+     * Sidebar column — render `<Sidebar collapsible="offcanvas">` here.
+     * Do **not** wrap with SidebarProvider; place SidebarProvider at the app
+     * root around this entire layout (see impact-nova://layout).
+     */
+    sidebar: React.ReactNode;
+    /**
+     * App header — compose with Header, HeaderLeft, HeaderRight, etc.
+     */
+    header: React.ReactNode;
+    /**
+     * Main content area. Pages compose breadcrumb, filter strip, and body
+     * directly here using BreadcrumbHeader, FilterStrip, etc.
+     */
+    children: React.ReactNode;
+}
+/**
+ * App shell: Sidebar | (Header + scrollable main).
+ *
+ * Place SidebarProvider at the app root around this layout. Pages handle
+ * their own breadcrumb and filter strip inside `children`.
+ *
+ * @example
+ * ```tsx
+ * <SidebarProvider
+ *   defaultOpen={false}
+ *   id="app-sidebar"
+ *   className="flex h-svh min-h-0 w-full min-w-0 overflow-hidden"
+ * >
+ *   <Layout sidebar={<AppSidebar />} header={<AppHeader />}>
+ *     <Suspense fallback={<Loader />}>
+ *       <Outlet />
+ *     </Suspense>
+ *   </Layout>
+ *   <CommandPalette />
+ * </SidebarProvider>
+ * ```
+ */
+export declare function Layout({ sidebar, header, children, className, ...props }: LayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/layout/layout.js

@@ -0,0 +1,41 @@
+import { jsxs as o, jsx as i } from "react/jsx-runtime";
+import "react";
+import { cn as f } from "../../lib/utils.js";
+function c({
+  sidebar: e,
+  header: l,
+  children: t,
+  className: a,
+  ...n
+}) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: f(
+        "flex h-full min-h-0 w-full min-w-0 flex-1 overflow-hidden",
+        a
+      ),
+      "data-testid": "app-root",
+      "data-component": "layout",
+      ...n,
+      children: [
+        e,
+        /* @__PURE__ */ o("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden", children: [
+          l,
+          /* @__PURE__ */ i(
+            "main",
+            {
+              id: "layout-content",
+              "data-testid": "layout-content",
+              className: "flex min-h-0 min-w-0 flex-1 flex-col overflow-y-auto bg-canvas-wash",
+              children: t
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  c as Layout
+};

package/dist/components/layout/layout.story-fixtures.d.ts

@@ -0,0 +1,42 @@
+import { ReactNode } from 'react';
+export type RouteItem = {
+    value: string;
+    label: string;
+    icon?: ReactNode;
+    url?: string;
+    disabled?: boolean;
+    children?: {
+        value: string;
+        label: string;
+        url: string;
+    }[];
+};
+export declare function getMockRoutes(tStory: (key: string) => string): RouteItem[];
+/** Production pattern: SidebarProvider wraps the full layout at the app root. */
+export declare function LayoutStoryShell({ defaultSidebarOpen, children, }: {
+    defaultSidebarOpen?: boolean;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MockAppSidebar(): import("react/jsx-runtime").JSX.Element;
+export declare function MockHeaderSimple({ title }: {
+    title?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MockHeaderFull({ title, userInitials, showIndicator, }: {
+    title?: string;
+    userInitials?: string;
+    showIndicator?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MockBreadcrumbDeep(): import("react/jsx-runtime").JSX.Element;
+export declare function MockBreadcrumbShallow({ label }: {
+    label?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MockFilterStrip(): import("react/jsx-runtime").JSX.Element;
+export declare function MockHeaderWithBot({ title }: {
+    title: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function WidgetGrid({ count }: {
+    count?: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ScrollContent({ rows }: {
+    rows?: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/calendar.js

@@ -4,7 +4,6 @@ import { getDefaultClassNames as Ke, DayPicker as We } from "react-day-picker";
 import { ChevronRight as oe } from "impact-nova-icons";
 import { cn as m } from "../../lib/utils.js";
 import { Button as O } from "./button.js";
-import "./button-variants.js";
 import me from "./select/select.js";
 import { FISCAL_PATTERNS as Ge, resolveWeekSelection as qe } from "../../lib/fiscal-calendar.js";
 import { getIntlLocale as Je, getDateFnsLocale as Qe } from "../../i18n/getDateFnsLocale.js";
@@ -33,7 +32,7 @@ function Ve({ children: A }) {
     }
   );
 }
-function ft({
+function ut({
   className: A,
   classNames: B,
   showOutsideDays: p = !1,
@@ -893,6 +892,6 @@ function et({
   );
 }
 export {
-  ft as Calendar,
+  ut as Calendar,
   et as CalendarDayButton
 };

package/dist/components/ui/horizontal-scroller/index.d.ts

@@ -1,2 +1,3 @@
-export * from './horizontal-scroller';
+export { default } from './horizontal-scroller';
+export { default as HorizontalScroller } from './horizontal-scroller';
 export * from '../types/horizontal-scroller.types';

package/dist/components/ui/horizontal-scroller/index.js

@@ -1 +1,5 @@
-
+import { default as r, default as a } from "./horizontal-scroller.js";
+export {
+  r as HorizontalScroller,
+  a as default
+};

package/dist/components/ui/select/select.js

@@ -8,7 +8,7 @@ import { LoadingSpinner as Nt, Cross as kt, ChevronRight as Re, Search as Pt, In
 import { Checkbox as He } from "../checkbox.js";
 import { Button as Dt } from "../button.js";
 import { cn as y } from "../../../lib/utils.js";
-import { isInvertedSelection as z, isOptionArray as V, isSelected as Ot, getSequence as Ct, getLeafOptions as At } from "./utils/select.js";
+import { isInvertedSelection as z, isOptionArray as N, isSelected as Ot, getSequence as Ct, getLeafOptions as At } from "./utils/select.js";
 import { useFlattenOptions as It } from "./hooks/useFlattenOptions.js";
 import { useSelectionModel as Tt } from "./hooks/useSelectionModel.js";
 import { useVisibleStats as Et } from "./hooks/useVisibleStats.js";
@@ -20,7 +20,7 @@ const zt = (Ne) => {
     defaultValue: _e,
     onChange: u,
     isMulti: p,
-    isDisabled: N,
+    isDisabled: S,
     isLoading: T,
     isClearable: qe = !0,
     isSearchable: $ = !0,
@@ -94,11 +94,11 @@ const zt = (Ne) => {
     filterOption: rt,
     enableSubMenus: w,
     enableGroups: D
-  }), S = Tt(f, p ?? !1), { stats: B, getGroupStats: ve } = Et(
+  }), V = Tt(f, p ?? !1), { stats: B, getGroupStats: ve } = Et(
     m,
     $e,
     q,
-    S,
+    V,
     f,
     p ?? !1
   ), k = wt({
@@ -149,7 +149,7 @@ const zt = (Ne) => {
     return () => cancelAnimationFrame(e);
   }, [d, k]), C(() => {
     if (d && ke && !I && m.length > 0) {
-      const e = m.findIndex((t) => p ? S.mode === "exclude" ? !S.set.has(t.value) : S.set.has(t.value) : f?.value === t.value);
+      const e = m.findIndex((t) => p ? V.mode === "exclude" ? !V.set.has(t.value) : V.set.has(t.value) : f?.value === t.value);
       if (e !== -1) {
         const t = setTimeout(() => {
           k.scrollToIndex(e, { align: "center" });
@@ -157,7 +157,7 @@ const zt = (Ne) => {
         return () => clearTimeout(t);
       }
     }
-  }, [d, ke, I, m.length, p, S.mode, S.set, f, k]);
+  }, [d, ke, I, m.length, p, V.mode, V.set, f, k]);
   const K = M(null), Fe = k.getVirtualItems(), ye = Fe[Fe.length - 1], te = yt.useCallback(() => {
     T || I || K.current || F && (F(), K.current = setTimeout(() => {
       K.current = null;
@@ -190,11 +190,11 @@ const zt = (Ne) => {
     te
   ]);
   const E = (e) => {
-    if (!N)
+    if (!(S && e))
       if (Me(e), e)
         et?.();
       else {
-        const t = f, n = p && V(f) ? f.map((s) => s.value) : void 0;
+        const t = f, n = p && N(f) ? f.map((s) => s.value) : void 0;
         Ae?.(t, n), Z(""), he(null);
       }
   };
@@ -209,7 +209,7 @@ const zt = (Ne) => {
     };
   }, [d]);
   const ne = (e) => {
-    if (!(N || h || e.isDisabled || ("children" in e || "options" in e) && e.isParentSelectable === !1))
+    if (!(S || h || e.isDisabled || ("children" in e || "options" in e) && e.isParentSelectable === !1))
       if (p) {
         const n = f || [];
         if ("children" in e || "options" in e) {
@@ -236,7 +236,7 @@ const zt = (Ne) => {
               action: "select-option",
               option: e
             });
-          } else if (V(n)) {
+          } else if (N(n)) {
             const i = n, r = l.every(
               (o) => i.some((x) => x.value === o.value)
             );
@@ -264,8 +264,8 @@ const zt = (Ne) => {
             action: l ? "select-option" : "deselect-option",
             option: e
           });
-        } else if (V(n)) {
-          const s = n, l = p ? S.mode === "exclude" ? !S.set.has(e.value) : S.set.has(e.value) : f?.value === e.value;
+        } else if (N(n)) {
+          const s = n, l = p ? V.mode === "exclude" ? !V.set.has(e.value) : V.set.has(e.value) : f?.value === e.value;
           let i = [];
           if (l)
             i = s.filter((r) => r.value !== e.value);
@@ -285,7 +285,7 @@ const zt = (Ne) => {
           option: e
         }), Ke && (Me(!1), Ae?.(e, void 0), Z(""));
   }, we = async () => {
-    if (!(!p || N || h)) {
+    if (!(!p || S || h)) {
       if (L.length > 3e3) {
         try {
           const e = await ft(
@@ -325,7 +325,7 @@ const zt = (Ne) => {
             excludedValues: r
           };
           v(c), u && u(c, { action: "select-option" });
-        } else if (V(t)) {
+        } else if (N(t)) {
           const n = t, { totalVisible: s, selectedVisible: l } = B, i = s > 0 && s === l;
           let r = [...n];
           if (i) {
@@ -343,13 +343,13 @@ const zt = (Ne) => {
           v(r), u && u(r, { action: "select-option" });
         }
       } else if (b) {
-        const e = f, { totalVisible: t } = B, n = V(e) ? e.length : 0, s = Math.min(t, b);
-        if (V(e) && n >= s && n > 0) {
+        const e = f, { totalVisible: t } = B, n = N(e) ? e.length : 0, s = Math.min(t, b);
+        if (N(e) && n >= s && n > 0) {
           const l = e.filter((i) => i.isDisabled);
           v(l), u && u(l, {
             action: "select-option"
           });
-        } else if (V(e)) {
+        } else if (N(e)) {
           const l = e.filter(
             (r) => r.isDisabled
           );
@@ -365,7 +365,7 @@ const zt = (Ne) => {
         const e = f, t = z(e) && e.excludedValues.length === 0;
         if (Ne.enableInvertedSelection)
           if (t) {
-            const n = V(e) ? e.filter((s) => s.isDisabled) : [];
+            const n = N(e) ? e.filter((s) => s.isDisabled) : [];
             v(n), u && u(n, {
               action: "select-option"
             });
@@ -373,7 +373,7 @@ const zt = (Ne) => {
             const s = {
               isAllSelected: !0,
               excludedValues: m.filter(
-                (l) => l.isDisabled && (V(e) ? !e.some((i) => i.value === l.value) : !0)
+                (l) => l.isDisabled && (N(e) ? !e.some((i) => i.value === l.value) : !0)
               ).map((l) => l.value)
             };
             v(s), u && u(s, { action: "select-option" });
@@ -381,12 +381,12 @@ const zt = (Ne) => {
         else {
           const { totalVisible: n, selectedVisible: s } = B;
           if (n > 0 && n === s) {
-            const l = V(e) ? e.filter((i) => i.isDisabled) : [];
+            const l = N(e) ? e.filter((i) => i.isDisabled) : [];
             v(l), u && u(l, {
               action: "select-option"
             });
           } else {
-            const l = V(e) ? e.filter((i) => i.isDisabled) : [];
+            const l = N(e) ? e.filter((i) => i.isDisabled) : [];
             for (const i of m)
               !i.isGroup && !i.isSubmenuParent && !i.isDisabled && l.push(i);
             v(l), u && u(l, {
@@ -412,7 +412,7 @@ const zt = (Ne) => {
               continue;
             }
             const r = i;
-            r.isDisabled && (S.mode === "exclude" ? !S.set.has(r.value) : S.set.has(r.value)) && t.push(r);
+            r.isDisabled && (V.mode === "exclude" ? !V.set.has(r.value) : V.set.has(r.value)) && t.push(r);
           }
         };
         n(L);
@@ -462,7 +462,7 @@ const zt = (Ne) => {
       !n.isGroup && !(w && n.isSubmenuParent) && !n.isDisabled && e.push(s);
     }), e;
   }, ht = (e) => {
-    if (N || h) return;
+    if (S || h) return;
     if (e.key === "Tab") {
       d && E(!1);
       return;
@@ -525,10 +525,10 @@ const zt = (Ne) => {
     if (p) {
       const e = f || [];
       let t = 0;
-      return z(e) ? t = Math.max(0, (typeof De == "number" ? De : $e) - e.excludedValues.length) : V(e) && (t = e.length), t === 0 ? null : t === 1 && V(e) ? /* @__PURE__ */ a("span", { className: y("text-[14px] font-medium truncate min-w-0 block", N ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: le(e[0]) }) : /* @__PURE__ */ a("span", { className: y("text-[14px] font-medium truncate min-w-0 block", N ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: Y("select.selectedCount", { count: t }) });
+      return z(e) ? t = Math.max(0, (typeof De == "number" ? De : $e) - e.excludedValues.length) : N(e) && (t = e.length), t === 0 ? null : t === 1 && N(e) ? /* @__PURE__ */ a("span", { className: y("text-[14px] font-medium truncate min-w-0 block", S ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: le(e[0]) }) : /* @__PURE__ */ a("span", { className: y("text-[14px] font-medium truncate min-w-0 block", S ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: Y("select.selectedCount", { count: t }) });
     } else {
       const e = f;
-      return e ? /* @__PURE__ */ a("span", { className: y("text-[14px] font-medium truncate min-w-0 block", N ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: le(e) }) : null;
+      return e ? /* @__PURE__ */ a("span", { className: y("text-[14px] font-medium truncate min-w-0 block", S ? "text-disabled-foreground" : "text-[#1f2b4d]"), children: le(e) }) : null;
     }
   };
   return /* @__PURE__ */ g(
@@ -564,7 +564,7 @@ const zt = (Ne) => {
               X && ue === "absolute" && "relative"
             ),
             children: [
-              /* @__PURE__ */ g(re.Root, { open: d, onOpenChange: E, children: [
+              /* @__PURE__ */ g(re.Root, { open: d && !S, onOpenChange: E, children: [
                 /* @__PURE__ */ a(re.Trigger, { asChild: !0, children: /* @__PURE__ */ a(
                   "div",
                   {
@@ -572,23 +572,23 @@ const zt = (Ne) => {
                     className: y(
                       "relative h-[32px] w-full cursor-pointer rounded-[8px] border border-solid px-3 py-1 text-left shadow-sm sm:text-sm transition-all flex items-center overflow-hidden",
                       ce ? "border-[#e15554] focus-visible:ring-[#e15554]" : "border-[#c3c8d4] hover:border-gray-400 focus-visible:border-indigo-500 focus-visible:ring-1 focus-visible:ring-indigo-500",
-                      N ? "bg-[#f2f4fb] cursor-not-allowed opacity-75" : "",
+                      S ? "bg-[#f2f4fb] cursor-not-allowed opacity-75" : "",
                       h ? "cursor-default  bg-[#f2f4fb]" : "",
                       d ? "ring-1 ring-indigo-500 border-indigo-500" : "",
-                      !N && !h && "bg-white",
+                      !S && !h && "bg-white",
                       Ye
                     ),
                     id: P,
-                    tabIndex: N ? -1 : 0,
+                    tabIndex: S ? -1 : 0,
                     onFocus: ot,
                     onBlur: ct,
                     role: "combobox",
                     "aria-expanded": d,
                     "aria-haspopup": "listbox",
                     "aria-label": H ? String(H) : me,
-                    "aria-disabled": N || void 0,
+                    "aria-disabled": S || void 0,
                     "data-component": "select-trigger",
-                    "data-disabled": N || void 0,
+                    "data-disabled": S || void 0,
                     "data-state": d ? "open" : "closed",
                     onKeyDown: ht,
                     onClick: (e) => {
@@ -632,9 +632,9 @@ const zt = (Ne) => {
                         }
                       ),
                       /* @__PURE__ */ a("div", { className: "flex items-center gap-1 text-gray-400 shrink-0", children: !d && (T || I) ? /* @__PURE__ */ a(Nt, { size: "14px" }) : /* @__PURE__ */ g(vt, { children: [
-                        qe && !h && !N && (p && (z(
+                        qe && !h && !S && (p && (z(
                           f
-                        ) && f.isAllSelected || V(f) && f.length > 0) || !p && f) && /* @__PURE__ */ a(
+                        ) && f.isAllSelected || N(f) && f.length > 0) || !p && f) && /* @__PURE__ */ a(
                           "div",
                           {
                             role: "button",
@@ -768,7 +768,7 @@ const zt = (Ne) => {
                                                 const n = b ? Math.min(e, b) : e;
                                                 return t > 0 && t < n ? "indeterminate" : t >= n;
                                               })(),
-                                              disabled: N || h,
+                                              disabled: S || h,
                                               onChange: () => {
                                               },
                                               "data-testid": `select-select-all-checkbox-${P || "default"}`
@@ -842,7 +842,7 @@ const zt = (Ne) => {
                                         position: "relative"
                                       },
                                       children: k.getVirtualItems().map((e) => {
-                                        const t = m[e.index], n = p ? S.mode === "exclude" ? !S.set.has(t.value) : S.set.has(t.value) : f?.value === t.value, s = f || [], l = p && b ? z(s) ? !1 : V(s) && s.length >= b : !1, i = t.isDisabled || l && !n && !(D && t.isGroup) && !(w && t.isSubmenuParent), r = D && t.isGroup || w && t.isSubmenuParent ? ve(t.original) : void 0, c = r?.selected || 0, o = r?.total || 0, x = c > 0 && c < o, se = t.isParentSelectable !== !1, Se = P || "default", ie = String(t.value || ""), Ve = le(
+                                        const t = m[e.index], n = p ? V.mode === "exclude" ? !V.set.has(t.value) : V.set.has(t.value) : f?.value === t.value, s = f || [], l = p && b ? z(s) ? !1 : N(s) && s.length >= b : !1, i = t.isDisabled || l && !n && !(D && t.isGroup) && !(w && t.isSubmenuParent), r = D && t.isGroup || w && t.isSubmenuParent ? ve(t.original) : void 0, c = r?.selected || 0, o = r?.total || 0, x = c > 0 && c < o, se = t.isParentSelectable !== !1, Se = P || "default", ie = String(t.value || ""), Ve = le(
                                           t
                                         ), bt = typeof Ve == "string" ? Ve : ie;
                                         return /* @__PURE__ */ g(