@still-forest/canopy 0.25.1 → 0.26.0

package/dist/Code.js

@@ -1,4 +1,4 @@
-import { j as e } from "./utils.js";
+import { j as e } from "./jsx-runtime.js";
 import { T as s } from "./Heading.js";
 const r = ({ children: o, ...t }) => /* @__PURE__ */ e.jsx(s, { className: "inline-block w-fit rounded bg-accent px-2", family: "mono", size: "sm", variant: "accent", ...t, children: o });
 export {

package/dist/Heading.js

@@ -1,6 +1,7 @@
-import { j as b, c as p } from "./utils.js";
-import h from "react";
-const y = h.forwardRef(
+import { j as b } from "./jsx-runtime.js";
+import p from "react";
+import { c as h } from "./index2.js";
+const y = p.forwardRef(
   ({
     className: c,
     as: o,
@@ -13,15 +14,15 @@ const y = h.forwardRef(
     tracking: r,
     family: f = "display",
     asForeground: x = !1,
-    truncate: u = !1,
-    numeric: m = !1,
+    truncate: m = !1,
+    numeric: u = !1,
     ...i
   }, a) => {
     const g = o || "p";
     return /* @__PURE__ */ b.jsx(
       g,
       {
-        className: p(
+        className: h(
           // Font sizes
           {
             "text-xs": e === "xs",
@@ -105,9 +106,9 @@ const y = h.forwardRef(
             "font-mono": f === "mono"
           },
           // Truncation
-          u && "truncate",
+          m && "truncate",
           // Tabular numerals
-          m && "tabular-nums",
+          u && "tabular-nums",
           c
         ),
         ref: a,
@@ -117,7 +118,7 @@ const y = h.forwardRef(
   }
 );
 y.displayName = "Text";
-const j = h.forwardRef(
+const j = p.forwardRef(
   ({
     className: c,
     variant: o = "default",
@@ -131,8 +132,8 @@ const j = h.forwardRef(
     tracking: r,
     family: f = "display",
     asForeground: x = !1,
-    truncate: u = !1,
-    numeric: m = !1,
+    truncate: m = !1,
+    numeric: u = !1,
     ...i
   }, a) => {
     const g = `h${e}`, l = d || {
@@ -146,7 +147,7 @@ const j = h.forwardRef(
     return /* @__PURE__ */ b.jsx(
       g,
       {
-        className: p(
+        className: h(
           // Size scales
           {
             "text-xs": l === "xs",
@@ -230,9 +231,9 @@ const j = h.forwardRef(
             "font-mono": f === "mono"
           },
           // Truncation
-          u && "truncate",
+          m && "truncate",
           // Tabular numerals
-          m && "tabular-nums",
+          u && "tabular-nums",
           // Add some scroll margin for better anchor navigation
           "scroll-m-20",
           c

package/dist/Layout2.js

@@ -1,5 +1,6 @@
-import { j as u, c as m } from "./utils.js";
+import { j as u } from "./jsx-runtime.js";
 import g from "react";
+import { c as m } from "./index2.js";
 const w = g.forwardRef(
   ({
     className: c,
@@ -508,13 +509,13 @@ R.displayName = "Grid";
 const F = ({ children: c, sticky: t = !1, className: s, ...r }) => /* @__PURE__ */ u.jsx(y, { as: "header", className: m("top-0 ", t && "z-50 sticky", s), justify: "between", ...r, children: c }), p = "mx-auto w-full max-w-screen-lg", B = ({ children: c, className: t, withContainer: s = !1, ...r }) => {
   const e = m("flex-1 grow", p, t);
   return s ? /* @__PURE__ */ u.jsx(y, { as: "main", className: e, display: "block", ...r, children: c }) : /* @__PURE__ */ u.jsx(i.Item, { as: "main", className: e, ...r, children: c });
-}, G = g.forwardRef(({ children: c, className: t, ...s }, r) => /* @__PURE__ */ u.jsx(i, { className: m(p, "h-screen flex-1", t), direction: "col", ref: r, ...s, children: c })), H = Object.assign(G, { Header: F, Body: B, Footer: C });
+}, G = g.forwardRef(({ children: c, className: t, ...s }, r) => /* @__PURE__ */ u.jsx(i, { className: m(p, "h-screen flex-1", t), direction: "col", ref: r, ...s, children: c })), O = Object.assign(G, { Header: F, Body: B, Footer: C });
 export {
   w as B,
   y as C,
   i as F,
   R as G,
   F as H,
-  H as L,
+  O as L,
   C as a
 };

package/dist/PageNotFound.js

@@ -1,9 +1,10 @@
-import { j as e, c as d } from "./utils.js";
+import { j as e } from "./jsx-runtime.js";
 import { c, B as l } from "./calendar.js";
 import "react";
-import { F as o, B as m } from "./Layout2.js";
-import { C as h } from "./Code.js";
-import { H as x } from "./Heading.js";
+import { F as o, B as d } from "./Layout2.js";
+import { C as m } from "./Code.js";
+import { H as h } from "./Heading.js";
+import { c as x } from "./index2.js";
 /**
  * @license lucide-react v0.525.0 - ISC
  *
@@ -21,11 +22,11 @@ const u = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const j = [
+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" }]
-], f = c("file-question-mark", j);
+], j = c("file-question-mark", f);
 /**
  * @license lucide-react v0.525.0 - ISC
  *
@@ -68,7 +69,7 @@ const N = [
       {
         "aria-hidden": !!r,
         "aria-label": r ? void 0 : `${n || "info"} icon`,
-        className: d(
+        className: x(
           n === "error" && "text-destructive",
           n === "success" && "text-success",
           n === "warning" && "text-warning",
@@ -80,7 +81,7 @@ const N = [
       }
     ) }),
     /* @__PURE__ */ e.jsxs(o, { className: "max-w-[500px]", direction: "col", justify: "center", children: [
-      r ? /* @__PURE__ */ e.jsx(x, { align: "center", level: "4", weight: "normal", children: r }) : null,
+      r ? /* @__PURE__ */ e.jsx(h, { align: "center", level: "4", weight: "normal", children: r }) : null,
       i
     ] })
   ] }) });
@@ -90,17 +91,17 @@ const N = [
   } catch {
     console.warn("Page reload prevented in test environment");
   }
-}, B = ({ error: n, onRetry: t = _ }) => /* @__PURE__ */ e.jsx(C, { children: /* @__PURE__ */ e.jsxs(o, { align: "center", className: "mt-8", direction: "col", children: [
-  /* @__PURE__ */ e.jsx(m, { className: "mb-8 p-4", variant: "muted", width: "full", children: /* @__PURE__ */ e.jsx(h, { align: "center", size: "xs", variant: "inherit", children: n.message || "Unknown error occurred" }) }),
+}, 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 }), E = ({ iconComponent: n, message: t }) => {
+] }) }), 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 });
-}, L = ({ goHome: n, message: t = "404: Not found" }) => /* @__PURE__ */ e.jsx(a, { iconComponent: f, 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(k, {}), onClick: n, variant: "primary", children: "Home" }) }) });
+}, 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(k, {}), onClick: n, variant: "primary", children: "Home" }) }) });
 export {
-  B as E,
+  E,
   a as I,
-  E as P,
+  L as P,
   C as a,
-  L as b
+  P as b
 };

package/dist/Paragraph.js

@@ -1,6 +1,7 @@
-import { j as m, c as o } from "./utils.js";
+import { j as o } from "./jsx-runtime.js";
+import { c as t } from "./index2.js";
 import { T as p } from "./Heading.js";
-const c = ({ children: r, className: s, as: a = "p", ...t }) => /* @__PURE__ */ m.jsx(p, { as: a, className: o("mb-4", s), ...t, children: r });
+const i = ({ children: r, className: s, as: a = "p", ...m }) => /* @__PURE__ */ o.jsx(p, { as: a, className: t("mb-4", s), ...m, children: r });
 export {
-  c as P
+  i as P
 };

package/dist/SidebarLayout.js

@@ -1,7 +1,8 @@
-import { j as a, c } from "./utils.js";
+import { j as a } from "./jsx-runtime.js";
 import { c as j, u as U, b as xe, d as be, S as ge, e as me } from "./calendar.js";
 import * as s from "react";
 import { Fragment as ve } from "react";
+import { c } from "./index2.js";
 import { P as X, c as we, a as Y, u as ye, b as je, R as Te, A as Ce, d as T, e as Z, f as ke, g as Ne, D as _e, C as Se, h as Ee, i as Re, j as Pe, k as Me, l as Oe, m as De, n as Ae, T as Ie, o as Le, p as ze, O as He } from "./popover.js";
 import { F as $e } from "./Layout2.js";
 import { T as Be } from "./Heading.js";
@@ -102,7 +103,7 @@ J.displayName = at;
 function ot(e) {
   return rt.includes(e);
 }
-var nt = J, [D, ga] = we("Tooltip", [
+var nt = J, [D, ma] = we("Tooltip", [
   Y
 ]), A = Y(), Q = "TooltipProvider", st = 700, z = "tooltip.open", [it, B] = D(Q), ee = (e) => {
   const {
@@ -1020,7 +1021,7 @@ const E = ({ children: e }) => /* @__PURE__ */ a.jsx(Be, { size: "base", truncat
     ] })
   ] }) }),
   /* @__PURE__ */ a.jsx(ea, {})
-] }), ma = ({ children: e, ...t }) => /* @__PURE__ */ a.jsxs(Zt, { children: [
+] }), va = ({ children: e, ...t }) => /* @__PURE__ */ a.jsxs(Zt, { children: [
   /* @__PURE__ */ a.jsx(ca, { ...t }),
   /* @__PURE__ */ a.jsx(ta, { children: e })
 ] });
@@ -1031,7 +1032,7 @@ export {
   k as T,
   tt as X,
   ca as a,
-  ma as b,
+  va as b,
   _t as c,
   Rt as d,
   Dt as e,

package/dist/Textarea.js

@@ -1,9 +1,10 @@
-import { j as o, c as $ } from "./utils.js";
+import { j as o } from "./jsx-runtime.js";
 import { c as ee, u as G, h as Ue, B as et, i as Pr, j as Ie, d as Mr } from "./calendar.js";
 import * as a from "react";
 import ue, { useState as tt, useEffect as Ar, useMemo as Dr } from "react";
 import { F as oe, G as Or } from "./Layout2.js";
 import { T as _e } from "./Heading.js";
+import { c as $ } from "./index2.js";
 import { c as ge, e as mt, P, b as Re, d as F, s as ht, u as te, t as vt, a as xt, R as Fr, A as Lr, q as ne, f as Br, V as $r, v as Vr, w as Gr, x as Hr, F as Kr, D as Ur, C as zr, g as Wr, i as gt, j as bt, k as wt, l as qr, p as Yr, O as Xr, m as Zr } from "./popover.js";
 import * as yt from "react-dom";
 /**
@@ -177,7 +178,7 @@ function nt(e) {
   const r = a.useRef({ value: e, previous: e });
   return a.useMemo(() => (r.current.value !== e && (r.current.previous = r.current.value, r.current.value = e), r.current.previous), [e]);
 }
-var Te = "Checkbox", [bo, ja] = ge(Te), [wo, at] = bo(Te);
+var Te = "Checkbox", [bo, Na] = ge(Te), [wo, at] = bo(Te);
 function yo(e) {
   const {
     __scopeCheckbox: r,
@@ -694,7 +695,7 @@ Ht.displayName = $o;
 function Kt(e) {
   return e ? "checked" : "unchecked";
 }
-var Vo = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Pe = "RadioGroup", [Go, Na] = ge(Pe, [
+var Vo = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Pe = "RadioGroup", [Go, _a] = ge(Pe, [
   Mt,
   Bt
 ]), Ut = Mt(), zt = Bt(), [Ho, Ko] = Go(Pe), Wt = a.forwardRef(
@@ -801,7 +802,7 @@ var Uo = "RadioGroupIndicator", Xt = a.forwardRef(
   }
 );
 Xt.displayName = Uo;
-var zo = Wt, Wo = Yt, qo = Xt, Yo = [" ", "Enter", "ArrowUp", "ArrowDown"], Xo = [" ", "Enter"], pe = "Select", [Me, Ae, Zo] = Ct(pe), [be, _a] = ge(pe, [
+var zo = Wt, Wo = Yt, qo = Xt, Yo = [" ", "Enter", "ArrowUp", "ArrowDown"], Xo = [" ", "Enter"], pe = "Select", [Me, Ae, Zo] = Ct(pe), [be, Ta] = ge(pe, [
   Zo,
   xt
 ]), De = xt(), [Jo, se] = be(pe), [Qo, en] = be(pe), Zt = (e) => {
@@ -1592,7 +1593,7 @@ function gn(e, r) {
   return e.map((t, s) => e[(r + s) % e.length]);
 }
 var bn = Zt, wn = Qt, yn = tr, Sn = rr, Cn = or, In = nr, Rn = cr, kn = pr, En = fr, jn = hr, Nn = vr, _n = xr;
-const Ta = ({ disabled: e = !1, handleDelete: r, ...t }) => /* @__PURE__ */ o.jsx(
+const Pa = ({ disabled: e = !1, handleDelete: r, ...t }) => /* @__PURE__ */ o.jsx(
   et,
   {
     disabled: e,
@@ -1608,7 +1609,7 @@ const Ta = ({ disabled: e = !1, handleDelete: r, ...t }) => /* @__PURE__ */ o.js
   submit: { label: "Submit", submittingLabel: "Submitting", icon: /* @__PURE__ */ o.jsx($e, {}) },
   save: { label: "Save", submittingLabel: "Saving", icon: /* @__PURE__ */ o.jsx(po, {}) },
   send: { label: "Send", submittingLabel: "Sending", icon: /* @__PURE__ */ o.jsx($e, {}) }
-}, Pa = ({
+}, Ma = ({
   submitting: e = !1,
   disabled: r = !1,
   submittingIcon: t,
@@ -1653,7 +1654,7 @@ function Tn({ className: e, ...r }) {
     }
   );
 }
-const Ma = ({ label: e, name: r, value: t, checked: s, onCheckedChange: n }) => {
+const Aa = ({ label: e, name: r, value: t, checked: s, onCheckedChange: n }) => {
   const [l, c] = tt(s);
   Ar(() => {
     c(s);
@@ -1677,7 +1678,7 @@ const Ma = ({ label: e, name: r, value: t, checked: s, onCheckedChange: n }) =>
     ),
     /* @__PURE__ */ o.jsx(we, { className: "cursor-pointer", htmlFor: i, children: e })
   ] });
-}, Aa = ({ name: e, label: r, placeholder: t, note: s, className: n, ...l }) => /* @__PURE__ */ o.jsx(
+}, Da = ({ name: e, label: r, placeholder: t, note: s, className: n, ...l }) => /* @__PURE__ */ o.jsx(
   Cr,
   {
     className: $("max-w-[150px]", n),
@@ -1688,7 +1689,7 @@ const Ma = ({ label: e, name: r, value: t, checked: s, onCheckedChange: n }) =>
     type: "date",
     ...l
   }
-), Da = ({ onDateSelection: e, initialValue: r, className: t, size: s = "default", error: n }) => {
+), Oa = ({ onDateSelection: e, initialValue: r, className: t, size: s = "default", error: n }) => {
   const [l, c] = tt(r), i = (u) => {
     c(u), u && e(u);
   };
@@ -1778,7 +1779,7 @@ const Cr = ({
   ),
   l && /* @__PURE__ */ o.jsx(_e, { size: "sm", variant: "muted", children: l }),
   i && /* @__PURE__ */ o.jsx(Ee, { message: i })
-] }), Oa = ({
+] }), Fa = ({
   name: e,
   label: r,
   placeholder: t,
@@ -1824,7 +1825,7 @@ function On({ className: e, ...r }) {
     }
   );
 }
-const Fa = ({ label: e, name: r, options: t, value: s, onChange: n, error: l }) => /* @__PURE__ */ o.jsxs(Pn, { className: "flex flex-col gap-4 px-2 py-1", label: e, labelFor: r, children: [
+const La = ({ label: e, name: r, options: t, value: s, onChange: n, error: l }) => /* @__PURE__ */ o.jsxs(Pn, { className: "flex flex-col gap-4 px-2 py-1", label: e, labelFor: r, children: [
   /* @__PURE__ */ o.jsx(Dn, { className: "w-full", name: r, onValueChange: n, value: s, children: /* @__PURE__ */ o.jsx(Or, { cols: "2", children: t.map((c, i) => /* @__PURE__ */ o.jsxs(oe, { align: "center", gap: "2", justify: "start", children: [
     /* @__PURE__ */ o.jsx(On, { id: c.value, value: c.value }),
     /* @__PURE__ */ o.jsx(we, { htmlFor: c.value, children: c.label })
@@ -1936,7 +1937,7 @@ function Hn({
     }
   );
 }
-const La = ({
+const Ba = ({
   name: e,
   defaultValue: r,
   options: t,
@@ -2350,7 +2351,7 @@ const wa = ({
 }) => /* @__PURE__ */ o.jsx(bt, { asChild: !0, children: /* @__PURE__ */ o.jsxs(Mr, { "aria-expanded": s, className: `justify-between ${t}`, role: "combobox", variant: "outline", children: [
   n(r || { label: e, value: "" }),
   /* @__PURE__ */ o.jsx(ao, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
-] }) }), Ba = ({
+] }) }), $a = ({
   options: e,
   value: r = "",
   placeholder: t = "Select a value...",
@@ -2407,7 +2408,7 @@ function ya({ className: e, ...r }) {
     }
   );
 }
-function $a({ label: e, name: r, note: t, placeholder: s, className: n, error: l, ...c }) {
+function Va({ label: e, name: r, note: t, placeholder: s, className: n, error: l, ...c }) {
   return /* @__PURE__ */ o.jsxs(oe, { className: "w-full", direction: "col", gap: "2", children: [
     e && /* @__PURE__ */ o.jsx(we, { htmlFor: r, children: e }),
     /* @__PURE__ */ o.jsx(
@@ -2426,19 +2427,19 @@ function $a({ label: e, name: r, note: t, placeholder: s, className: n, error: l
   ] });
 }
 export {
-  Ma as C,
-  Ta as D,
+  Aa as C,
+  Pa as D,
   Ee as I,
   we as L,
-  Oa as N,
-  Fa as R,
-  Pa as S,
-  $a as T,
-  Aa as a,
-  Da as b,
+  Fa as N,
+  La as R,
+  Ma as S,
+  Va as T,
+  Da as a,
+  Oa as b,
   Pn as c,
-  La as d,
-  Ba as e,
+  Ba as d,
+  $a as e,
   Cr as f,
   Ct as g,
   Mt as h,

package/dist/calendar.js

@@ -1,5 +1,6 @@
-import { j as P, a as Nn, c as S } from "./utils.js";
+import { j as P } from "./jsx-runtime.js";
 import { F as bt } from "./Layout2.js";
+import { a as Nn, c as S } from "./index2.js";
 import * as B from "react";
 import h, { forwardRef as wt, createElement as Re, createContext as Wn, useContext as xn, useCallback as V, useRef as Te, useLayoutEffect as Sn, useState as Ge, useEffect as _n, useMemo as je } from "react";
 /**
@@ -127,7 +128,7 @@ function Dt(...e) {
       };
   };
 }
-function ra(...e) {
+function oa(...e) {
   return B.useCallback(Dt(...e), e);
 }
 // @__NO_SIDE_EFFECTS__
@@ -157,7 +158,7 @@ function Hn(e) {
 }
 var Ot = Symbol("radix.slottable");
 // @__NO_SIDE_EFFECTS__
-function oa(e) {
+function sa(e) {
   const t = ({ children: n }) => /* @__PURE__ */ P.jsx(P.Fragment, { children: n });
   return t.displayName = `${e}.Slottable`, t.__radixId = Ot, t;
 }
@@ -3117,7 +3118,7 @@ export {
   Mt as C,
   An as S,
   Ln as a,
-  oa as b,
+  sa as b,
   vt as c,
   Ce as d,
   Gn as e,
@@ -3126,5 +3127,5 @@ export {
   jn as h,
   Qs as i,
   Dt as j,
-  ra as u
+  oa as u
 };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import { Accordion as Accordion_2 } from 'radix-ui';
 import { ClassProp } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
 import { ComponentProps } from 'react';
 import { default as default_2 } from 'react';
 import { JSX } from 'react/jsx-runtime';
@@ -134,6 +135,8 @@ declare interface ChildProps {
     children: React.ReactNode;
 }
 
+export declare function cn(...inputs: ClassValue[]): string;
+
 export declare const Code: ({ children, ...props }: TextProps) => JSX.Element;
 
 export declare const Container: ({ children, className, direction, ...props }: ContainerProps) => JSX.Element;