impact-nova 2.0.4 → 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
+};