@still-forest/canopy 0.35.0 → 0.37.0

package/dist/interstitials.d.ts

@@ -15,27 +15,41 @@ declare interface ErrorOverlayProps {
     children?: React.ReactNode;
 }
 
-export declare const Interstitial: ({ variant, iconComponent, message, children }: InterstitialProps) => JSX.Element;
+export declare const Interstitial: ({ variant, iconComponent, message, children, iconSize, iconClassName, }: InterstitialProps) => JSX.Element;
 
 export declare interface InterstitialProps {
     variant?: "error" | "info" | "success" | "warning";
     iconComponent?: default_2.ElementType;
     message?: string;
+    iconSize?: LoaderProps["size"];
+    iconClassName?: string;
     children?: default_2.ReactNode;
 }
 
-export declare const PageLoader: ({ iconComponent, message }: PageLoaderProps) => JSX.Element;
+declare interface LoaderProps extends React.ComponentProps<"svg"> {
+    variant?: "default" | "wheel";
+    icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl";
+}
+
+export declare const PageLoader: ({ iconComponent, message, containerClassName, iconSize, fullScreen, iconClassName, }: PageLoaderProps) => JSX.Element;
 
 declare interface PageLoaderProps {
     iconComponent?: React.ElementType;
     message?: string;
+    containerClassName?: string;
+    iconSize?: LoaderProps["size"];
+    fullScreen?: boolean;
+    iconClassName?: string;
 }
 
-export declare const PageNotFound: ({ goHome, message }: PageNotFoundProps) => JSX.Element;
+export declare const PageNotFound: ({ onBack, message, backIcon, backLabel, }: PageNotFoundProps) => JSX.Element;
 
 declare interface PageNotFoundProps {
     message?: string;
-    goHome?: () => void;
+    backIcon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
+    backLabel?: string;
+    onBack?: () => void;
 }
 
 export { }

package/dist/interstitials.js

@@ -1,4 +1,4 @@
-import { E as o, a as e, I as s, P as t, b as l } from "./chunks/PageNotFound-p3jnz0na.js";
+import { E as o, a as e, I as s, P as t, b as l } from "./chunks/PageNotFound-D4e2bv36.js";
 export {
   o as ErrorFallback,
   e as ErrorOverlay,

package/dist/navigation.d.ts

@@ -9,7 +9,7 @@ declare function Button({ className, variant, size, asChild, ...props }: React_2
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | "unstyled" | null | undefined;
-    size?: "default" | "unstyled" | "xs" | "sm" | "md" | "lg" | "xl" | "icon" | null | undefined;
+    size?: "default" | "xs" | "sm" | "md" | "lg" | "xl" | "icon" | "unstyled" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const MenuItemText: ({ children }: {

package/dist/navigation.js

@@ -1,4 +1,4 @@
-import { M as r, a as b, b as i, S as s } from "./chunks/SidebarLayout-BrWkHR7S.js";
+import { M as r, a as b, b as i, S as s } from "./chunks/SidebarLayout-C0jOUIuV.js";
 export {
   r as MenuItemText,
   b as Sidebar,

package/dist/typography.d.ts

@@ -67,6 +67,8 @@ declare interface TextBaseProps {
     truncate?: boolean;
     numeric?: boolean;
     className?: string;
+    inheritColor?: boolean;
+    inline?: boolean;
     as?: TypographyElement;
 }
 

package/dist/typography.js

@@ -1,6 +1,6 @@
-import { C as o } from "./chunks/Code-zUdzRHTD.js";
-import { H as p, T as s } from "./chunks/Heading-DpvcMbmF.js";
-import { P as x } from "./chunks/Paragraph-DjkeVXzm.js";
+import { C as o } from "./chunks/Code-BLilg72p.js";
+import { H as p, T as s } from "./chunks/Heading-DjVutKs1.js";
+import { P as x } from "./chunks/Paragraph-ai9KZse1.js";
 export {
   o as Code,
   p as Heading,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@still-forest/canopy",
-  "version": "0.35.0",
+  "version": "0.37.0",
   "author": "John Szymanowski",
   "license": "MIT",
   "description": "React components, built with Tailwind CSS, Shadcn, and VisX",
@@ -72,6 +72,8 @@
   },
   "dependencies": {
     "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-separator": "^1.1.7",
+    "@radix-ui/react-slot": "1.2.3",
     "cmdk": "^1.1.1",
     "date-fns": "^4.1.0",
     "lucide-react": "^0.543.0",

package/dist/chunks/PageNotFound-p3jnz0na.js

@@ -1,107 +0,0 @@
-import { j as e } from "./jsx-runtime-B0GD0xBr.js";
-import { c, B as l } from "./calendar-DKwGFkIw.js";
-import "react";
-import { F as o, B as d } from "./Layout-CvVv48kM.js";
-import { C as m } from "./Code-zUdzRHTD.js";
-import { H as h } from "./Heading-DpvcMbmF.js";
-import { c as x } from "./index-CRiPKpXj.js";
-/**
- * @license lucide-react v0.543.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const u = [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
-  ["path", { d: "m9 9 6 6", key: "z0biqf" }]
-], p = c("circle-x", u);
-/**
- * @license lucide-react v0.543.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const f = [
-  ["path", { d: "M12 17h.01", key: "p32p05" }],
-  ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z", key: "1mlx9k" }],
-  ["path", { d: "M9.1 9a3 3 0 0 1 5.82 1c0 2-3 3-3 3", key: "mhlwft" }]
-], j = c("file-question-mark", f);
-/**
- * @license lucide-react v0.543.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const y = [
-  ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }],
-  [
-    "path",
-    {
-      d: "M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",
-      key: "r6nss1"
-    }
-  ]
-], w = c("house", y);
-/**
- * @license lucide-react v0.543.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const k = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], g = c("loader-circle", k);
-/**
- * @license lucide-react v0.543.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const N = [
-  ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
-  ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
-], v = c("rotate-ccw", N), a = ({ variant: n, iconComponent: t, message: r, children: i }) => {
-  if (!t && !r && !i)
-    return /* @__PURE__ */ e.jsx(o, { align: "center", className: "h-full w-full", justify: "center", children: "Content missing" });
-  const s = t || null;
-  return /* @__PURE__ */ e.jsx(o, { align: "center", className: "h-full w-full", justify: "center", children: /* @__PURE__ */ e.jsxs(o, { direction: "col", justify: "center", children: [
-    s && /* @__PURE__ */ e.jsx(o, { align: "center", className: "my-6", gapX: "4", justify: "center", children: /* @__PURE__ */ e.jsx(
-      s,
-      {
-        "aria-hidden": !!r,
-        "aria-label": r ? void 0 : `${n || "info"} icon`,
-        className: x(
-          n === "error" && "text-destructive",
-          n === "success" && "text-success",
-          n === "warning" && "text-warning",
-          n === "info" && "text-info"
-        ),
-        "data-testid": "icon",
-        role: r ? void 0 : "img",
-        size: 128
-      }
-    ) }),
-    /* @__PURE__ */ e.jsxs(o, { className: "max-w-[500px]", direction: "col", justify: "center", children: [
-      r ? /* @__PURE__ */ e.jsx(h, { align: "center", level: "4", weight: "normal", children: r }) : null,
-      i
-    ] })
-  ] }) });
-}, C = ({ message: n = "Something went wrong.", children: t }) => /* @__PURE__ */ e.jsx(a, { iconComponent: p, message: n, variant: "error", children: t }), _ = () => {
-  try {
-    window.location.reload();
-  } catch {
-    console.warn("Page reload prevented in test environment");
-  }
-}, E = ({ error: n, onRetry: t = _ }) => /* @__PURE__ */ e.jsx(C, { children: /* @__PURE__ */ e.jsxs(o, { align: "center", className: "mt-8", direction: "col", children: [
-  /* @__PURE__ */ e.jsx(d, { className: "mb-8 p-4", variant: "muted", width: "full", children: /* @__PURE__ */ e.jsx(m, { align: "center", size: "xs", variant: "inherit", children: n.message || "Unknown error occurred" }) }),
-  /* @__PURE__ */ e.jsx(l, { icon: /* @__PURE__ */ e.jsx(v, {}), onClick: t, variant: "primary", children: "Reload" })
-] }) }), M = () => /* @__PURE__ */ e.jsx(g, { className: "animate-spin text-info", "data-testid": "icon", size: 64 }), L = ({ iconComponent: n, message: t }) => {
-  const r = n || M;
-  return /* @__PURE__ */ e.jsx(a, { iconComponent: r, message: t });
-}, P = ({ goHome: n, message: t = "404: Not found" }) => /* @__PURE__ */ e.jsx(a, { iconComponent: j, message: t, variant: "warning", children: /* @__PURE__ */ e.jsx(o, { align: "center", className: "mt-8", direction: "col", children: n && /* @__PURE__ */ e.jsx(l, { icon: /* @__PURE__ */ e.jsx(w, {}), onClick: n, variant: "primary", children: "Home" }) }) });
-export {
-  E,
-  a as I,
-  L as P,
-  C as a,
-  P as b
-};