@still-forest/canopy 0.30.0 → 0.32.0

package/dist/chunks/{Textarea-Doc1h--A.js → Textarea-DQRwMNUV.js}

@@ -1,11 +1,11 @@
 import { j as i } from "./jsx-runtime-B0GD0xBr.js";
-import { c as re, u as V, f as kt, B as ct, i as fr, j as Ne, h as pr } from "./calendar-D21xByT8.js";
+import { c as re, u as V, f as kt, B as ct, i as fr, j as Ne, h as pr } from "./calendar-DfVsywp-.js";
 import * as s from "react";
 import { useState as lt, useEffect as mr, useMemo as vr } from "react";
-import { F as ae, G as hr } from "./Layout-DAdzkAxW.js";
-import { T as Ae } from "./Heading-Bpvbpnw2.js";
+import { F as ae, G as hr } from "./Layout-CjE5bQn7.js";
+import { T as Ae } from "./Heading-DpEVkX3a.js";
 import { c as $ } from "./index-CRiPKpXj.js";
-import { c as we, d as jt, P as k, a as ye, e as F, t as Pt, g as _t, b as Z, u as dt, v as Me, l as Tt, m as gr, A as xr, f as ne, h as Dt, V as br, i as At, j as yr, R as Mt, F as Ot, D as wr, C as Cr, n as Sr, q as Ft, r as Lt, s as Bt, p as $t, w as Er, x as Ir, k as Rr } from "./popover-BhBG-w7n.js";
+import { c as we, d as jt, P as k, a as ye, e as F, t as Pt, g as _t, b as Z, u as dt, v as Me, l as Tt, m as gr, A as xr, f as ne, h as Dt, V as br, i as At, j as yr, R as Mt, F as Ot, D as wr, C as Cr, n as Sr, q as Ft, r as Lt, s as Bt, p as $t, w as Er, x as Ir, k as Rr } from "./popover-CP7xkaYK.js";
 import * as Vt from "react-dom";
 /**
  * @license lucide-react v0.543.0 - ISC

package/dist/chunks/{calendar-D21xByT8.js → calendar-DfVsywp-.js}

@@ -1,5 +1,5 @@
 import { j as P } from "./jsx-runtime-B0GD0xBr.js";
-import { F as mt } from "./Layout-DAdzkAxW.js";
+import { F as mt } from "./Layout-CjE5bQn7.js";
 import { a as Dn, c as _ } from "./index-CRiPKpXj.js";
 import * as j from "react";
 import h, { forwardRef as yt, createElement as He, createContext as On, useContext as Cn, useCallback as Q, useRef as Se, useLayoutEffect as Nn, useState as qe, useEffect as xn, useMemo as Fe } from "react";

package/dist/chunks/{popover-BhBG-w7n.js → popover-CP7xkaYK.js}

@@ -1,4 +1,4 @@
-import { c as Vn, f as Me, u as Y } from "./calendar-D21xByT8.js";
+import { c as Vn, f as Me, u as Y } from "./calendar-DfVsywp-.js";
 import * as l from "react";
 import oe, { useState as Un, useLayoutEffect as Yn } from "react";
 import { j as S } from "./jsx-runtime-B0GD0xBr.js";

package/dist/forms.js

@@ -1,5 +1,5 @@
-import { B as e, a as s } from "./chunks/calendar-D21xByT8.js";
-import { C as o, a as r, b as n, D as p, I as c, c as I, L as b, N as l, R as x, d as B, e as S, S as i, f as m, T as D } from "./chunks/Textarea-Doc1h--A.js";
+import { B as e, a as s } from "./chunks/calendar-DfVsywp-.js";
+import { C as o, a as r, b as n, D as p, I as c, c as I, L as b, N as l, R as x, d as B, e as S, S as i, f as m, T as D } from "./chunks/Textarea-DQRwMNUV.js";
 export {
   e as Button,
   s as ButtonGroup,

package/dist/index.d.ts

@@ -130,19 +130,46 @@ declare const buttonVariants: (props?: ({
     size?: "default" | "unstyled" | "sm" | "lg" | "icon" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare function Card({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare const Card: CardComponent;
 
-export declare function CardAction({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+declare function Card_2({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare function CardContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+declare function CardAction({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare function CardDescription({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+declare type CardActionProps = React.ComponentProps<typeof CardAction>;
 
-export declare function CardFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+declare type CardComponent = React.FC<CardProps> & {
+    Action: React.FC<CardActionProps>;
+    Content: React.FC<CardContentProps>;
+    Description: React.FC<CardDescriptionProps>;
+    Footer: React.FC<CardFooterProps>;
+    Header: React.FC<CardHeaderProps>;
+    Title: React.FC<CardTitleProps>;
+};
+
+declare function CardContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+declare type CardContentProps = React.ComponentProps<typeof CardContent>;
+
+declare function CardDescription({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+declare type CardDescriptionProps = React.ComponentProps<typeof CardDescription>;
+
+declare function CardFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+declare type CardFooterProps = React.ComponentProps<typeof CardFooter>;
+
+declare function CardHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+declare type CardHeaderProps = React.ComponentProps<typeof CardHeader>;
+
+export declare type CardProps = React.ComponentProps<typeof Card_2> & {
+    children: ReactNode;
+};
 
-export declare function CardHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+declare function CardTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare function CardTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+declare type CardTitleProps = React.ComponentProps<typeof CardTitle>;
 
 export declare const Checkbox: ({ label, name, value, checked, onCheckedChange }: CheckboxProps) => JSX.Element;
 
@@ -177,12 +204,13 @@ declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof Co
 
 declare type CollapsibleTriggerProps = React.ComponentProps<typeof CollapsibleTrigger>;
 
-export declare const Container: ({ children, className, direction, ...props }: ContainerProps) => JSX.Element;
+export declare const Container: ({ children, className, direction, separation, ...props }: ContainerProps) => JSX.Element;
 
 export declare interface ContainerProps extends FlexProps {
     children: React.ReactNode;
     display?: Display_2;
     className?: string;
+    separation?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
 }
 
 export declare type CursorType = "arrow" | "pointer" | "text" | "not-allowed";
@@ -271,7 +299,7 @@ declare type FlexType = "1" | "auto" | "initial" | "none";
 
 declare type FlexWrap = (typeof FLEX_WRAPS)[number];
 
-declare const FONT_FAMILIES: readonly ["display", "serif", "sans", "mono"];
+declare const FONT_FAMILIES: readonly ["display", "serif", "sans", "mono", "heading", "body", "brand"];
 
 declare const FONT_SIZES: readonly ["xs", "sm", "base", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "8xl", "9xl"];
 

package/dist/index.js

@@ -1,19 +1,19 @@
-import { R, T as F, C as P, c as V, X as O, d as H, D as q, P as K, O as X, e as J } from "./chunks/SidebarLayout-Bm8SlspC.js";
-import { A as Ma, f as Sa, M as za, g as Aa, a as $a, b as Da, S as Ea, q as Ba, h as La, i as Ga, j as Ra, k as Fa, l as Pa, m as Va, n as Oa, o as Ha, p as qa } from "./chunks/SidebarLayout-Bm8SlspC.js";
+import { R, T as P, C as F, c as V, X as O, d as H, D as q, P as K, O as X, e as J } from "./chunks/SidebarLayout--MNsYxAf.js";
+import { A as Na, f as ka, g as wa, M as Ta, h as Ca, a as _a, b as Ia, S as Ma, r as Sa, i as za, j as Aa, k as $a, l as Da, m as Ea, n as Ba, o as La, p as Ga, q as Ra } from "./chunks/SidebarLayout--MNsYxAf.js";
 import { j as t } from "./chunks/jsx-runtime-B0GD0xBr.js";
-import { c as b, b as N, S as T, C, d as Q, e as U } from "./chunks/calendar-D21xByT8.js";
-import { B as Xa, a as Ja } from "./chunks/calendar-D21xByT8.js";
+import { c as g, b as N, S as T, C, d as Q, e as U } from "./chunks/calendar-DfVsywp-.js";
+import { B as Fa, a as Va } from "./chunks/calendar-DfVsywp-.js";
 import { c as i } from "./chunks/index-CRiPKpXj.js";
 import * as x from "react";
 import { Fragment as W, useState as Y, useEffect as Z, useMemo as ee } from "react";
-import { u as ae, a as te, c as re, b as se, P as h, d as ne, e as j } from "./chunks/popover-BhBG-w7n.js";
-import { g as _, h as oe, i as ie } from "./chunks/Textarea-Doc1h--A.js";
-import { C as Ua, a as Wa, b as Ya, D as Za, I as et, c as at, L as tt, N as rt, R as st, d as nt, e as ot, S as it, f as lt, T as ct } from "./chunks/Textarea-Doc1h--A.js";
-import { E as ut, a as mt, I as gt, P as bt, b as pt } from "./chunks/PageNotFound-BqoSSvCP.js";
-import { B as ft, C as vt, F as ht, a as yt, G as jt, H as Nt, L as kt } from "./chunks/Layout-DAdzkAxW.js";
-import { C as Tt } from "./chunks/Code-DSfz_jrJ.js";
-import { H as _t, T as It } from "./chunks/Heading-Bpvbpnw2.js";
-import { P as St } from "./chunks/Paragraph-Lcw42_Mz.js";
+import { u as ae, a as te, c as re, b as se, P as h, d as ne, e as j } from "./chunks/popover-CP7xkaYK.js";
+import { g as _, h as oe, i as ie } from "./chunks/Textarea-DQRwMNUV.js";
+import { C as Ha, a as qa, b as Ka, D as Xa, I as Ja, c as Qa, L as Ua, N as Wa, R as Ya, d as Za, e as et, S as at, f as tt, T as rt } from "./chunks/Textarea-DQRwMNUV.js";
+import { E as nt, a as ot, I as it, P as lt, b as ct } from "./chunks/PageNotFound-DxxRBMDz.js";
+import { B as ut, C as bt, F as mt, a as gt, G as pt, H as xt, L as ft } from "./chunks/Layout-CjE5bQn7.js";
+import { C as ht } from "./chunks/Code-C8KML31r.js";
+import { H as jt, T as Nt } from "./chunks/Heading-DpEVkX3a.js";
+import { P as wt } from "./chunks/Paragraph-DiAQlGea.js";
 /**
  * @license lucide-react v0.543.0 - ISC
  *
@@ -23,7 +23,7 @@ import { P as St } from "./chunks/Paragraph-Lcw42_Mz.js";
 const le = [
   ["path", { d: "m17 18-6-6 6-6", key: "1yerx2" }],
   ["path", { d: "M7 6v12", key: "1p53r6" }]
-], ce = b("chevron-first", le);
+], ce = g("chevron-first", le);
 /**
  * @license lucide-react v0.543.0 - ISC
  *
@@ -33,28 +33,28 @@ const le = [
 const de = [
   ["path", { d: "m7 18 6-6-6-6", key: "lwmzdw" }],
   ["path", { d: "M17 6v12", key: "1o0aio" }]
-], ue = b("chevron-last", de);
+], ue = g("chevron-last", de);
 /**
  * @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 me = [
+const be = [
   ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
   ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
-], ge = b("circle-check-big", me);
+], me = g("circle-check-big", be);
 /**
  * @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 be = [
+const ge = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
   ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
-], pe = b("ellipsis", be);
+], pe = g("ellipsis", ge);
 /**
  * @license lucide-react v0.543.0 - ISC
  *
@@ -65,7 +65,7 @@ const xe = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 16v-4", key: "1dtifu" }],
   ["path", { d: "M12 8h.01", key: "e9boi3" }]
-], fe = b("info", xe);
+], fe = g("info", xe);
 /**
  * @license lucide-react v0.543.0 - ISC
  *
@@ -82,7 +82,7 @@ const ve = [
     }
   ],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
-], he = b("octagon-x", ve);
+], he = g("octagon-x", ve);
 /**
  * @license lucide-react v0.543.0 - ISC
  *
@@ -99,7 +99,7 @@ const ye = [
   ],
   ["path", { d: "M12 9v4", key: "juzpu7" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
-], je = b("triangle-alert", ye);
+], je = g("triangle-alert", ye);
 var y = "Tabs", [Ne, la] = re(y, [
   _
 ]), I = _(), [ke, k] = Ne(y), M = x.forwardRef(
@@ -111,8 +111,8 @@ var y = "Tabs", [Ne, la] = re(y, [
       defaultValue: l,
       orientation: r = "horizontal",
       dir: c,
-      activationMode: m = "automatic",
-      ...g
+      activationMode: b = "automatic",
+      ...m
     } = e, d = ae(c), [u, p] = te({
       prop: s,
       onChange: n,
@@ -128,13 +128,13 @@ var y = "Tabs", [Ne, la] = re(y, [
         onValueChange: p,
         orientation: r,
         dir: d,
-        activationMode: m,
+        activationMode: b,
         children: /* @__PURE__ */ t.jsx(
           h.div,
           {
             dir: d,
             "data-orientation": r,
-            ...g,
+            ...m,
             ref: a
           }
         )
@@ -170,7 +170,7 @@ var S = "TabsList", z = x.forwardRef(
 z.displayName = S;
 var A = "TabsTrigger", $ = x.forwardRef(
   (e, a) => {
-    const { __scopeTabs: o, value: s, disabled: n = !1, ...l } = e, r = k(A, o), c = I(o), m = B(r.baseId, s), g = L(r.baseId, s), d = s === r.value;
+    const { __scopeTabs: o, value: s, disabled: n = !1, ...l } = e, r = k(A, o), c = I(o), b = B(r.baseId, s), m = L(r.baseId, s), d = s === r.value;
     return /* @__PURE__ */ t.jsx(
       ie,
       {
@@ -184,11 +184,11 @@ var A = "TabsTrigger", $ = x.forwardRef(
             type: "button",
             role: "tab",
             "aria-selected": d,
-            "aria-controls": g,
+            "aria-controls": m,
             "data-state": d ? "active" : "inactive",
             "data-disabled": n ? "" : void 0,
             disabled: n,
-            id: m,
+            id: b,
             ...l,
             ref: a,
             onMouseDown: j(e.onMouseDown, (u) => {
@@ -210,7 +210,7 @@ var A = "TabsTrigger", $ = x.forwardRef(
 $.displayName = A;
 var D = "TabsContent", E = x.forwardRef(
   (e, a) => {
-    const { __scopeTabs: o, value: s, forceMount: n, children: l, ...r } = e, c = k(D, o), m = B(c.baseId, s), g = L(c.baseId, s), d = s === c.value, u = x.useRef(d);
+    const { __scopeTabs: o, value: s, forceMount: n, children: l, ...r } = e, c = k(D, o), b = B(c.baseId, s), m = L(c.baseId, s), d = s === c.value, u = x.useRef(d);
     return x.useEffect(() => {
       const p = requestAnimationFrame(() => u.current = !1);
       return () => cancelAnimationFrame(p);
@@ -220,9 +220,9 @@ var D = "TabsContent", E = x.forwardRef(
         "data-state": d ? "active" : "inactive",
         "data-orientation": c.orientation,
         role: "tabpanel",
-        "aria-labelledby": m,
+        "aria-labelledby": b,
         hidden: !p,
-        id: g,
+        id: m,
         tabIndex: 0,
         ...r,
         ref: a,
@@ -283,7 +283,7 @@ function ze({ className: e, ...a }) {
   );
 }
 const Ae = {
-  success: ge,
+  success: me,
   info: fe,
   error: he,
   warning: je
@@ -538,7 +538,7 @@ function Re({ className: e, ...a }) {
     }
   );
 }
-function Fe({ children: e, className: a, ...o }) {
+function Pe({ children: e, className: a, ...o }) {
   return /* @__PURE__ */ t.jsx(
     "li",
     {
@@ -551,66 +551,21 @@ function Fe({ children: e, className: a, ...o }) {
     }
   );
 }
-const Pe = ({ to: e, label: a }) => /* @__PURE__ */ t.jsx(G, { className: "font-display", href: e, children: a }), Ve = ({ label: e }) => /* @__PURE__ */ t.jsx(Re, { className: "font-display", children: e }), ua = ({ breadcrumbs: e, linkComponent: a, pageComponent: o, className: s }) => {
-  const n = a || Pe, l = o || Ve;
-  return /* @__PURE__ */ t.jsx(Be, { className: i("my-4", s), children: /* @__PURE__ */ t.jsx(Le, { children: e.map(({ to: r, label: c }, m) => /* @__PURE__ */ t.jsxs(W, { children: [
+const Fe = ({ to: e, label: a }) => /* @__PURE__ */ t.jsx(G, { className: "font-display", href: e, children: a }), Ve = ({ label: e }) => /* @__PURE__ */ t.jsx(Re, { className: "font-display", children: e }), ua = ({ breadcrumbs: e, linkComponent: a, pageComponent: o, className: s }) => {
+  const n = a || Fe, l = o || Ve;
+  return /* @__PURE__ */ t.jsx(Be, { className: i("my-4", s), children: /* @__PURE__ */ t.jsx(Le, { children: e.map(({ to: r, label: c }, b) => /* @__PURE__ */ t.jsxs(W, { children: [
     /* @__PURE__ */ t.jsxs(Ge, { children: [
       r && /* @__PURE__ */ t.jsx(G, { asChild: !0, className: "font-display", children: /* @__PURE__ */ t.jsx(n, { label: c, to: r }) }),
       !r && /* @__PURE__ */ t.jsx(l, { label: c })
     ] }),
-    m < e.length - 1 && /* @__PURE__ */ t.jsx(Fe, {})
+    b < e.length - 1 && /* @__PURE__ */ t.jsx(Pe, {})
   ] }, c)) }) });
 };
-function ma({ className: e, ...a }) {
-  return /* @__PURE__ */ t.jsx(
-    "div",
-    {
-      className: i("flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm", e),
-      "data-slot": "card",
-      ...a
-    }
-  );
-}
-function ga({ className: e, ...a }) {
-  return /* @__PURE__ */ t.jsx(
-    "div",
-    {
-      className: i(
-        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
-        e
-      ),
-      "data-slot": "card-header",
-      ...a
-    }
-  );
-}
-function ba({ className: e, ...a }) {
-  return /* @__PURE__ */ t.jsx("div", { className: i("font-semibold leading-none", e), "data-slot": "card-title", ...a });
-}
-function pa({ className: e, ...a }) {
-  return /* @__PURE__ */ t.jsx("div", { className: i("text-muted-foreground text-sm", e), "data-slot": "card-description", ...a });
-}
-function xa({ className: e, ...a }) {
-  return /* @__PURE__ */ t.jsx(
-    "div",
-    {
-      className: i("col-start-2 row-span-2 row-start-1 self-start justify-self-end", e),
-      "data-slot": "card-action",
-      ...a
-    }
-  );
-}
-function fa({ className: e, ...a }) {
-  return /* @__PURE__ */ t.jsx("div", { className: i("px-6", e), "data-slot": "card-content", ...a });
-}
-function va({ className: e, ...a }) {
-  return /* @__PURE__ */ t.jsx("div", { className: i("flex items-center px-6 [.border-t]:pt-6", e), "data-slot": "card-footer", ...a });
-}
 function Oe({ ...e }) {
   return /* @__PURE__ */ t.jsx(R, { "data-slot": "dialog", ...e });
 }
 function He({ ...e }) {
-  return /* @__PURE__ */ t.jsx(F, { "data-slot": "dialog-trigger", ...e });
+  return /* @__PURE__ */ t.jsx(P, { "data-slot": "dialog-trigger", ...e });
 }
 function qe({ ...e }) {
   return /* @__PURE__ */ t.jsx(K, { "data-slot": "dialog-portal", ...e });
@@ -632,7 +587,7 @@ function Xe({ className: e, children: a, ...o }) {
   return /* @__PURE__ */ t.jsxs(qe, { "data-slot": "dialog-portal", children: [
     /* @__PURE__ */ t.jsx(Ke, {}),
     /* @__PURE__ */ t.jsxs(
-      P,
+      F,
       {
         className: i(
           "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:max-w-lg",
@@ -681,16 +636,16 @@ function Ue({ className: e, ...a }) {
     }
   );
 }
-const ha = ({ trigger: e, children: a, title: o, description: s, open: n, onOpenChange: l }) => {
-  const r = n !== void 0, [c, m] = Y(r ? n : !1);
+const ba = ({ trigger: e, children: a, title: o, description: s, open: n, onOpenChange: l }) => {
+  const r = n !== void 0, [c, b] = Y(r ? n : !1);
   if (Z(() => {
-    r && m(n);
+    r && b(n);
   }, [n, r]), !e && !r)
     throw new Error("Trigger must be provided if modal state is not controlled through open, onOpenChange props.");
-  const g = (d) => {
-    m(d), l?.(d);
+  const m = (d) => {
+    b(d), l?.(d);
   };
-  return /* @__PURE__ */ t.jsxs(Oe, { onOpenChange: g, open: c, children: [
+  return /* @__PURE__ */ t.jsxs(Oe, { onOpenChange: m, open: c, children: [
     /* @__PURE__ */ t.jsx(He, { asChild: !0, children: e }),
     /* @__PURE__ */ t.jsxs(Xe, { children: [
       (o || s) && /* @__PURE__ */ t.jsxs(Je, { children: [
@@ -781,7 +736,7 @@ function w({ className: e, ...a }) {
     }
   );
 }
-const ya = ({ pageCount: e, currentPage: a, onChange: o }) => {
+const ma = ({ pageCount: e, currentPage: a, onChange: o }) => {
   const s = Math.max(1, e), n = Math.max(1, Math.min(a, s)), l = ee(() => s === 1 ? [1] : n <= 3 ? Array.from({ length: Math.min(3, s) }, (r, c) => c + 1) : n >= s - 2 ? Array.from(
     { length: Math.min(3, s) },
     (r, c) => s - Math.min(3, s) + c + 1
@@ -862,7 +817,7 @@ const ya = ({ pageCount: e, currentPage: a, onChange: o }) => {
       }
     ) })
   ] }) });
-}, ja = ({ className: e, orientation: a = "horizontal", gap: o, ...s }) => {
+}, ga = ({ className: e, orientation: a = "horizontal", gap: o, ...s }) => {
   const n = a === "vertical", r = o ?? (n ? "2" : "4");
   return /* @__PURE__ */ t.jsx(
     J,
@@ -914,13 +869,13 @@ const ya = ({ pageCount: e, currentPage: a, onChange: o }) => {
     }
   );
 };
-function Na({ className: e, ...a }) {
+function pa({ className: e, ...a }) {
   return /* @__PURE__ */ t.jsx("div", { className: i("animate-pulse rounded-md bg-accent", e), "data-slot": "skeleton", ...a });
 }
-function ka({ className: e, ...a }) {
+function xa({ className: e, ...a }) {
   return /* @__PURE__ */ t.jsx(we, { className: i("flex flex-col gap-2", e), "data-slot": "tabs", ...a });
 }
-function wa({ className: e, ...a }) {
+function fa({ className: e, ...a }) {
   return /* @__PURE__ */ t.jsx(
     Te,
     {
@@ -933,7 +888,7 @@ function wa({ className: e, ...a }) {
     }
   );
 }
-function Ta({ className: e, ...a }) {
+function va({ className: e, ...a }) {
   return /* @__PURE__ */ t.jsx(
     Ce,
     {
@@ -946,76 +901,70 @@ function Ta({ className: e, ...a }) {
     }
   );
 }
-function Ca({ className: e, ...a }) {
+function ha({ className: e, ...a }) {
   return /* @__PURE__ */ t.jsx(_e, { className: i("flex-1 outline-none", e), "data-slot": "tabs-content", ...a });
 }
 export {
-  Ma as Accordion,
+  Na as Accordion,
   ca as Alert,
   da as Badge,
-  ft as Box,
+  ut as Box,
   ua as Breadcrumbs,
-  Xa as Button,
-  Ja as ButtonGroup,
-  ma as Card,
-  xa as CardAction,
-  fa as CardContent,
-  pa as CardDescription,
-  va as CardFooter,
-  ga as CardHeader,
-  ba as CardTitle,
-  Ua as Checkbox,
-  Tt as Code,
-  Sa as Collapsible,
-  vt as Container,
-  Wa as DateInput,
-  Ya as DatePicker,
-  Za as DeleteButton,
-  ut as ErrorFallback,
-  mt as ErrorOverlay,
-  ht as Flex,
-  yt as Footer,
-  jt as Grid,
-  Nt as Header,
-  _t as Heading,
-  et as InputError,
-  at as InputGroup,
-  gt as Interstitial,
-  tt as Label,
-  kt as Layout,
-  za as MenuItemText,
-  ha as Modal,
-  rt as NumberInput,
-  bt as PageLoader,
-  pt as PageNotFound,
-  ya as Pagination,
-  St as Paragraph,
-  Aa as Popover,
-  st as RadioSelect,
-  nt as SelectInput,
-  ot as SelectPicker,
-  ja as Separator,
-  $a as Sidebar,
-  Da as SidebarLayout,
-  Ea as SidebarTrigger,
-  Ba as SimpleTooltip,
-  Na as Skeleton,
-  it as SubmitButton,
-  La as Table,
-  Ga as TableBody,
-  Ra as TableCaption,
-  Fa as TableCell,
-  Pa as TableHead,
-  Va as TableHeader,
-  Oa as TableRow,
-  ka as Tabs,
-  Ca as TabsContent,
-  wa as TabsList,
-  Ta as TabsTrigger,
-  It as Text,
-  lt as TextInput,
-  ct as Textarea,
-  Ha as ThemeSelector,
-  qa as Tooltip,
+  Fa as Button,
+  Va as ButtonGroup,
+  ka as Card,
+  Ha as Checkbox,
+  ht as Code,
+  wa as Collapsible,
+  bt as Container,
+  qa as DateInput,
+  Ka as DatePicker,
+  Xa as DeleteButton,
+  nt as ErrorFallback,
+  ot as ErrorOverlay,
+  mt as Flex,
+  gt as Footer,
+  pt as Grid,
+  xt as Header,
+  jt as Heading,
+  Ja as InputError,
+  Qa as InputGroup,
+  it as Interstitial,
+  Ua as Label,
+  ft as Layout,
+  Ta as MenuItemText,
+  ba as Modal,
+  Wa as NumberInput,
+  lt as PageLoader,
+  ct as PageNotFound,
+  ma as Pagination,
+  wt as Paragraph,
+  Ca as Popover,
+  Ya as RadioSelect,
+  Za as SelectInput,
+  et as SelectPicker,
+  ga as Separator,
+  _a as Sidebar,
+  Ia as SidebarLayout,
+  Ma as SidebarTrigger,
+  Sa as SimpleTooltip,
+  pa as Skeleton,
+  at as SubmitButton,
+  za as Table,
+  Aa as TableBody,
+  $a as TableCaption,
+  Da as TableCell,
+  Ea as TableHead,
+  Ba as TableHeader,
+  La as TableRow,
+  xa as Tabs,
+  ha as TabsContent,
+  fa as TabsList,
+  va as TabsTrigger,
+  Nt as Text,
+  tt as TextInput,
+  rt as Textarea,
+  Ga as ThemeSelector,
+  Ra as Tooltip,
   i as cn
 };

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-BqoSSvCP.js";
+import { E as o, a as e, I as s, P as t, b as l } from "./chunks/PageNotFound-DxxRBMDz.js";
 export {
   o as ErrorFallback,
   e as ErrorOverlay,

package/dist/layout.d.ts

@@ -28,12 +28,13 @@ export declare interface BoxProps extends default_2.HTMLAttributes<HTMLDivElemen
 
 declare type BoxSizing = (typeof BOX_SIZINGS)[number];
 
-export declare const Container: ({ children, className, direction, ...props }: ContainerProps) => JSX.Element;
+export declare const Container: ({ children, className, direction, separation, ...props }: ContainerProps) => JSX.Element;
 
 export declare interface ContainerProps extends FlexProps {
     children: React.ReactNode;
     display?: Display_2;
     className?: string;
+    separation?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
 }
 
 declare type Display = (typeof DISPLAYS)[number];

package/dist/layout.js

@@ -1,4 +1,4 @@
-import { B as s, C as e, F as r, a as t, G as x, H as F, L as d } from "./chunks/Layout-DAdzkAxW.js";
+import { B as s, C as e, F as r, a as t, G as x, H as F, L as d } from "./chunks/Layout-CjE5bQn7.js";
 export {
   s as Box,
   e as Container,

package/dist/navigation.js

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

package/dist/typography.d.ts

@@ -3,7 +3,7 @@ import { JSX } from 'react/jsx-runtime';
 
 export declare const Code: ({ children, ...props }: TextProps) => JSX.Element;
 
-declare const FONT_FAMILIES: readonly ["display", "serif", "sans", "mono"];
+declare const FONT_FAMILIES: readonly ["display", "serif", "sans", "mono", "heading", "body", "brand"];
 
 declare const FONT_SIZES: readonly ["xs", "sm", "base", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "8xl", "9xl"];
 

package/dist/typography.js

@@ -1,6 +1,6 @@
-import { C as o } from "./chunks/Code-DSfz_jrJ.js";
-import { H as p, T as s } from "./chunks/Heading-Bpvbpnw2.js";
-import { P as x } from "./chunks/Paragraph-Lcw42_Mz.js";
+import { C as o } from "./chunks/Code-C8KML31r.js";
+import { H as p, T as s } from "./chunks/Heading-DpEVkX3a.js";
+import { P as x } from "./chunks/Paragraph-DiAQlGea.js";
 export {
   o as Code,
   p as Heading,