@still-forest/canopy 0.36.0 → 0.37.0

package/dist/chunks/{Textarea-CZDF6QhO.js → Textarea-nT-kvT7U.js}

@@ -3,7 +3,7 @@ import { c as re, u as V, f as Pt, B as ct, i as fr, j as Ne, h as pr } from "./
 import * as a from "react";
 import { useState as lt, useEffect as mr, useMemo as vr } from "react";
 import { F as ae, G as hr } from "./Layout-CvVv48kM.js";
-import { T as Ae } from "./Heading-DpvcMbmF.js";
+import { T as Ae } from "./Heading-DjVutKs1.js";
 import { L as gr } from "./Loader-BgoWXwkX.js";
 import { c as $ } from "./index-CRiPKpXj.js";
 import { c as we, d as jt, P, a as ye, e as L, t as _t, g as kt, b as Z, u as dt, v as Me, l as Tt, m as xr, A as br, f as ne, h as Dt, V as yr, i as At, j as wr, R as Mt, F as Ot, D as Cr, C as Sr, n as Er, q as Lt, r as Ft, s as Bt, p as $t, w as Ir, x as Rr, k as Nr } from "./popover-ByOImpZC.js";

package/dist/forms.js

@@ -1,5 +1,5 @@
 import { B as e, a as s } from "./chunks/calendar-DKwGFkIw.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-CZDF6QhO.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-nT-kvT7U.js";
 export {
   e as Button,
   s as ButtonGroup,

package/dist/index.d.ts

@@ -38,13 +38,14 @@ declare function AccordionTrigger({ className, children, ...props }: React_2.Com
 
 declare type AccordionTriggerProps = React.ComponentProps<typeof AccordionTrigger>;
 
-export declare const Alert: ({ type, title, message, className }: AlertProps) => JSX.Element;
+export declare const Alert: ({ type, title, message, className, children }: AlertProps) => JSX.Element;
 
 export declare interface AlertProps {
     type: "info" | "success" | "warning" | "error";
     title?: string;
-    message: string;
+    message?: string;
     className?: string;
+    children?: React.ReactNode;
 }
 
 export declare const Badge: ({ label, onClick, className, variant, color }: BadgeProps) => JSX.Element;
@@ -828,6 +829,8 @@ declare interface TextBaseProps {
     truncate?: boolean;
     numeric?: boolean;
     className?: string;
+    inheritColor?: boolean;
+    inline?: boolean;
     as?: TypographyElement;
 }
 
@@ -847,6 +850,24 @@ export declare interface TextInputProps extends Omit<React.ComponentProps<"input
 
 declare type TextLeading = (typeof TEXT_LEADINGS)[number];
 
+export declare const TextList: TextListComponent;
+
+declare type TextListComponent = React.FC<TextListProps> & {
+    Item: React.FC<TextListItemProps>;
+};
+
+declare type TextListItemProps = React.ComponentProps<"li"> & {
+    asChild?: boolean;
+    children: ReactNode;
+};
+
+declare type TextListProps = React.ComponentProps<"ul"> & {
+    type?: "ordered" | "unordered" | "none";
+    position?: "inside" | "outside";
+    variant?: TypographyVariant;
+    children: ReactNode;
+};
+
 export declare type TextProps<E extends default_2.ElementType = TypographyElement> = TextBaseProps & {
     as?: E;
 } & default_2.ComponentPropsWithRef<E>;

package/dist/index.js

@@ -1,20 +1,20 @@
-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-CRATwjpz.js";
-import { A as Na, f as ka, g as wa, E as Ta, h as Ca, I as Ia, M as _a, i as Ma, a as Sa, b as za, S as Aa, s as Ea, j as $a, k as Da, l as La, m as Ba, n as Ga, o as Ra, p as Pa, q as Fa, r as Va } from "./chunks/SidebarLayout-CRATwjpz.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-C0jOUIuV.js";
+import { A as Na, f as ka, g as wa, E as Ta, h as Ca, I as Ia, M as _a, i as Ma, a as Sa, b as za, S as Aa, t as Ea, j as $a, k as La, l as Da, m as Ba, n as Ga, o as Ra, p as Pa, q as Fa, r as Va, s as Oa } from "./chunks/SidebarLayout-C0jOUIuV.js";
 import { j as t } from "./chunks/jsx-runtime-B0GD0xBr.js";
 import { c as g, b as N, S as T, C, d as Q, e as U } from "./chunks/calendar-DKwGFkIw.js";
-import { B as Ha, a as qa } from "./chunks/calendar-DKwGFkIw.js";
+import { B as qa, a as Ka } from "./chunks/calendar-DKwGFkIw.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 { L as Xa } from "./chunks/Loader-BgoWXwkX.js";
+import { L as Ja } from "./chunks/Loader-BgoWXwkX.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-ByOImpZC.js";
-import { g as I, h as oe, i as ie } from "./chunks/Textarea-CZDF6QhO.js";
-import { C as Qa, a as Ua, b as Wa, D as Ya, I as Za, c as et, L as at, N as tt, R as rt, d as st, e as nt, S as ot, f as it, T as lt } from "./chunks/Textarea-CZDF6QhO.js";
-import { E as dt, a as ut, I as mt, P as bt, b as gt } from "./chunks/PageNotFound-OZwSPdMe.js";
-import { B as xt, C as ft, F as vt, a as ht, G as yt, H as jt, L as Nt } from "./chunks/Layout-CvVv48kM.js";
-import { C as wt } from "./chunks/Code-zUdzRHTD.js";
-import { H as Ct, T as It } from "./chunks/Heading-DpvcMbmF.js";
-import { P as Mt } from "./chunks/Paragraph-DjkeVXzm.js";
+import { g as I, h as oe, i as ie } from "./chunks/Textarea-nT-kvT7U.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-nT-kvT7U.js";
+import { E as ut, a as mt, I as bt, P as gt, b as pt } from "./chunks/PageNotFound-D4e2bv36.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-CvVv48kM.js";
+import { C as Tt } from "./chunks/Code-BLilg72p.js";
+import { H as It, T as _t } from "./chunks/Heading-DjVutKs1.js";
+import { P as St } from "./chunks/Paragraph-ai9KZse1.js";
 /**
  * @license lucide-react v0.543.0 - ISC
  *
@@ -171,7 +171,7 @@ var S = "TabsList", z = x.forwardRef(
 z.displayName = S;
 var A = "TabsTrigger", E = x.forwardRef(
   (e, a) => {
-    const { __scopeTabs: o, value: s, disabled: n = !1, ...l } = e, r = k(A, o), c = _(o), m = L(r.baseId, s), b = B(r.baseId, s), d = s === r.value;
+    const { __scopeTabs: o, value: s, disabled: n = !1, ...l } = e, r = k(A, o), c = _(o), m = D(r.baseId, s), b = B(r.baseId, s), d = s === r.value;
     return /* @__PURE__ */ t.jsx(
       ie,
       {
@@ -209,9 +209,9 @@ var A = "TabsTrigger", E = x.forwardRef(
   }
 );
 E.displayName = A;
-var $ = "TabsContent", D = x.forwardRef(
+var $ = "TabsContent", L = x.forwardRef(
   (e, a) => {
-    const { __scopeTabs: o, value: s, forceMount: n, children: l, ...r } = e, c = k($, o), m = L(c.baseId, s), b = B(c.baseId, s), d = s === c.value, u = x.useRef(d);
+    const { __scopeTabs: o, value: s, forceMount: n, children: l, ...r } = e, c = k($, o), m = D(c.baseId, s), b = B(c.baseId, s), d = s === c.value, u = x.useRef(d);
     return x.useEffect(() => {
       const p = requestAnimationFrame(() => u.current = !1);
       return () => cancelAnimationFrame(p);
@@ -236,14 +236,14 @@ var $ = "TabsContent", D = x.forwardRef(
     ) });
   }
 );
-D.displayName = $;
-function L(e, a) {
+L.displayName = $;
+function D(e, a) {
   return `${e}-trigger-${a}`;
 }
 function B(e, a) {
   return `${e}-content-${a}`;
 }
-var we = M, Te = z, Ce = E, Ie = D;
+var we = M, Te = z, Ce = E, Ie = L;
 const _e = N(
   "relative w-full rounded-lg border px-3 py-2 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
   {
@@ -288,12 +288,14 @@ const Ae = {
   info: fe,
   error: he,
   warning: je
-}, ca = ({ type: e, title: a, message: o, className: s = "" }) => {
-  const n = Ae[e];
+}, ca = ({ type: e, title: a, message: o, className: s = "", children: n }) => {
+  const l = Ae[e];
+  if (o && n)
+    throw new Error("Alert cannot have both message and children");
   return /* @__PURE__ */ t.jsxs(Me, { className: s, variant: e, children: [
-    /* @__PURE__ */ t.jsx(n, { className: "h-4 w-4", "data-testid": `alert-icon-${e}` }),
+    /* @__PURE__ */ t.jsx(l, { className: "h-4 w-4", "data-testid": `alert-icon-${e}` }),
     a ? /* @__PURE__ */ t.jsx(Se, { children: a }) : null,
-    /* @__PURE__ */ t.jsx(ze, { children: o })
+    /* @__PURE__ */ t.jsx(ze, { children: o || n })
   ] });
 }, Ee = N(
   "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
@@ -320,7 +322,7 @@ function $e({
   const n = o ? T : "span";
   return /* @__PURE__ */ t.jsx(n, { className: i(Ee({ variant: a }), e), "data-slot": "badge", ...s });
 }
-const De = N(
+const Le = N(
   "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
     variants: {
@@ -488,7 +490,7 @@ const De = N(
   const l = i(
     "cursor-default",
     !!a && "cursor-pointer",
-    De({ color: n, variant: s }),
+    Le({ color: n, variant: s }),
     {
       "text-white": n === "black" && s !== "outline",
       "text-black": n === "white" && s !== "outline"
@@ -500,7 +502,7 @@ const De = N(
   );
   return /* @__PURE__ */ t.jsx($e, { className: l, onClick: a, variant: s, children: e });
 };
-function Le({ ...e }) {
+function De({ ...e }) {
   return /* @__PURE__ */ t.jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...e });
 }
 function Be({ className: e, ...a }) {
@@ -554,7 +556,7 @@ function Pe({ children: e, className: a, ...o }) {
 }
 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(Le, { className: i("my-4", s), children: /* @__PURE__ */ t.jsx(Be, { children: e.map(({ to: r, label: c }, m) => /* @__PURE__ */ t.jsxs(W, { children: [
+  return /* @__PURE__ */ t.jsx(De, { className: i("my-4", s), children: /* @__PURE__ */ t.jsx(Be, { children: e.map(({ to: r, label: c }, m) => /* @__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 })
@@ -909,55 +911,55 @@ export {
   Na as Accordion,
   ca as Alert,
   da as Badge,
-  xt as Box,
+  ft as Box,
   ua as Breadcrumbs,
-  Ha as Button,
-  qa as ButtonGroup,
+  qa as Button,
+  Ka as ButtonGroup,
   ka as Card,
-  Qa as Checkbox,
-  wt as Code,
+  Ua as Checkbox,
+  Tt as Code,
   wa as Collapsible,
-  ft as Container,
-  Ua as DateInput,
-  Wa as DatePicker,
-  Ya as DeleteButton,
+  vt as Container,
+  Wa as DateInput,
+  Ya as DatePicker,
+  Za as DeleteButton,
   Ta as Empty,
-  dt as ErrorFallback,
-  ut as ErrorOverlay,
-  vt as Flex,
-  ht as Footer,
-  yt as Grid,
-  jt as Header,
-  Ct as Heading,
-  Za as InputError,
-  et as InputGroup,
-  mt as Interstitial,
+  ut as ErrorFallback,
+  mt as ErrorOverlay,
+  ht as Flex,
+  yt as Footer,
+  jt as Grid,
+  Nt as Header,
+  It as Heading,
+  et as InputError,
+  at as InputGroup,
+  bt as Interstitial,
   Ca as Item,
   Ia as ItemGroup,
-  at as Label,
-  Nt as Layout,
-  Xa as Loader,
+  tt as Label,
+  kt as Layout,
+  Ja as Loader,
   _a as MenuItemText,
   ma as Modal,
-  tt as NumberInput,
-  bt as PageLoader,
-  gt as PageNotFound,
+  rt as NumberInput,
+  gt as PageLoader,
+  pt as PageNotFound,
   ba as Pagination,
-  Mt as Paragraph,
+  St as Paragraph,
   Ma as Popover,
-  rt as RadioSelect,
-  st as SelectInput,
-  nt as SelectPicker,
+  st as RadioSelect,
+  nt as SelectInput,
+  ot as SelectPicker,
   ga as Separator,
   Sa as Sidebar,
   za as SidebarLayout,
   Aa as SidebarTrigger,
   Ea as SimpleTooltip,
   pa as Skeleton,
-  ot as SubmitButton,
+  it as SubmitButton,
   $a as Table,
-  Da as TableBody,
-  La as TableCaption,
+  La as TableBody,
+  Da as TableCaption,
   Ba as TableCell,
   Ga as TableHead,
   Ra as TableHeader,
@@ -966,10 +968,11 @@ export {
   ha as TabsContent,
   fa as TabsList,
   va as TabsTrigger,
-  It as Text,
-  it as TextInput,
-  lt as Textarea,
-  Fa as ThemeSelector,
-  Va as Tooltip,
+  _t as Text,
+  lt as TextInput,
+  Fa as TextList,
+  ct as Textarea,
+  Va as ThemeSelector,
+  Oa 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-OZwSPdMe.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.js

@@ -1,4 +1,4 @@
-import { M as r, a as b, b as i, S as s } from "./chunks/SidebarLayout-CRATwjpz.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.36.0",
+  "version": "0.37.0",
   "author": "John Szymanowski",
   "license": "MIT",
   "description": "React components, built with Tailwind CSS, Shadcn, and VisX",