@still-forest/canopy 0.34.0 → 0.34.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  import { j as e } from "./jsx-runtime-B0GD0xBr.js";
2
- import { T as s } from "./Heading-Bzl2l0K-.js";
2
+ import { T as s } from "./Heading-DpvcMbmF.js";
3
3
  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 });
4
4
  export {
5
5
  r as C
@@ -1,26 +1,26 @@
1
- import { j as a } from "./jsx-runtime-B0GD0xBr.js";
1
+ import { j as y } from "./jsx-runtime-B0GD0xBr.js";
2
2
  import h from "react";
3
3
  import { c as p } from "./index-CRiPKpXj.js";
4
- const y = h.forwardRef(
4
+ const j = h.forwardRef(
5
5
  ({
6
- className: c,
6
+ className: m,
7
7
  as: x,
8
8
  size: o,
9
- weight: f,
9
+ weight: r,
10
10
  variant: t = "default",
11
11
  align: l,
12
- leading: r,
12
+ leading: d,
13
13
  // No default: Tailwind applies a default from text size classes
14
- tracking: s,
15
- family: n = "body",
14
+ tracking: f,
15
+ family: u,
16
16
  asForeground: e = !1,
17
- truncate: u = !1,
18
- numeric: m = !1,
19
- ...b
20
- }, i) => {
21
- const g = x || "p";
22
- return /* @__PURE__ */ a.jsx(
23
- g,
17
+ truncate: i = !1,
18
+ numeric: b = !1,
19
+ ...a
20
+ }, g) => {
21
+ const s = x || "p", c = u || (t === "brand" ? "brand" : "body");
22
+ return /* @__PURE__ */ y.jsx(
23
+ s,
24
24
  {
25
25
  className: p(
26
26
  // Font sizes
@@ -41,15 +41,15 @@ const y = h.forwardRef(
41
41
  },
42
42
  // Font weights
43
43
  {
44
- "font-thin": f === "thin",
45
- "font-extralight": f === "extralight",
46
- "font-light": f === "light",
47
- "font-normal": f === "normal",
48
- "font-medium": f === "medium",
49
- "font-semibold": f === "semibold",
50
- "font-bold": f === "bold",
51
- "font-extrabold": f === "extrabold",
52
- "font-black": f === "black"
44
+ "font-thin": r === "thin",
45
+ "font-extralight": r === "extralight",
46
+ "font-light": r === "light",
47
+ "font-normal": r === "normal",
48
+ "font-medium": r === "medium",
49
+ "font-semibold": r === "semibold",
50
+ "font-bold": r === "bold",
51
+ "font-extrabold": r === "extrabold",
52
+ "font-black": r === "black"
53
53
  },
54
54
  // Text colors (variants)
55
55
  {
@@ -85,64 +85,64 @@ const y = h.forwardRef(
85
85
  },
86
86
  // Leading (line height)
87
87
  {
88
- "leading-none": r === "none",
89
- "leading-tight": r === "tight",
90
- "leading-snug": r === "snug",
91
- "leading-normal": r === "normal",
92
- "leading-relaxed": r === "relaxed",
93
- "leading-loose": r === "loose"
88
+ "leading-none": d === "none",
89
+ "leading-tight": d === "tight",
90
+ "leading-snug": d === "snug",
91
+ "leading-normal": d === "normal",
92
+ "leading-relaxed": d === "relaxed",
93
+ "leading-loose": d === "loose"
94
94
  },
95
95
  // Tracking (letter spacing)
96
96
  {
97
- "tracking-tighter": s === "tighter",
98
- "tracking-tight": s === "tight",
99
- "tracking-normal": s === "normal",
100
- "tracking-wide": s === "wide",
101
- "tracking-wider": s === "wider",
102
- "tracking-widest": s === "widest"
97
+ "tracking-tighter": f === "tighter",
98
+ "tracking-tight": f === "tight",
99
+ "tracking-normal": f === "normal",
100
+ "tracking-wide": f === "wide",
101
+ "tracking-wider": f === "wider",
102
+ "tracking-widest": f === "widest"
103
103
  },
104
104
  // Font family
105
105
  {
106
- "font-display": n === "display",
107
- "font-heading": n === "heading",
108
- "font-body": n === "body",
109
- "font-brand": n === "brand",
110
- "font-sans": n === "sans",
111
- "font-serif": n === "serif",
112
- "font-mono": n === "mono"
106
+ "font-display": c === "display",
107
+ "font-heading": c === "heading",
108
+ "font-body": c === "body",
109
+ "font-brand": c === "brand",
110
+ "font-sans": c === "sans",
111
+ "font-serif": c === "serif",
112
+ "font-mono": c === "mono"
113
113
  },
114
114
  // Truncation
115
- u && "truncate",
115
+ i && "truncate",
116
116
  // Tabular numerals
117
- m && "tabular-nums",
118
- c
117
+ b && "tabular-nums",
118
+ m
119
119
  ),
120
- ref: i,
121
- ...b
120
+ ref: g,
121
+ ...a
122
122
  }
123
123
  );
124
124
  }
125
125
  );
126
- y.displayName = "Text";
127
- const j = h.forwardRef(
126
+ j.displayName = "Text";
127
+ const k = h.forwardRef(
128
128
  ({
129
- className: c,
129
+ className: m,
130
130
  variant: x = "default",
131
131
  level: o = "2",
132
- size: f,
132
+ size: r,
133
133
  weight: t = "bold",
134
134
  // Typical default browser style for headings
135
135
  align: l,
136
- leading: r,
136
+ leading: d,
137
137
  // No default: Tailwind applies a default from text size classes
138
- tracking: s,
139
- family: n = "heading",
138
+ tracking: f,
139
+ family: u,
140
140
  asForeground: e = !1,
141
- truncate: u = !1,
142
- numeric: m = !1,
143
- ...b
144
- }, i) => {
145
- const g = `h${o}`, d = f || {
141
+ truncate: i = !1,
142
+ numeric: b = !1,
143
+ ...a
144
+ }, g) => {
145
+ const s = u || (x === "brand" ? "brand" : "heading"), c = `h${o}`, n = r || {
146
146
  1: "4xl",
147
147
  2: "3xl",
148
148
  3: "2xl",
@@ -150,25 +150,25 @@ const j = h.forwardRef(
150
150
  5: "lg",
151
151
  6: "base"
152
152
  }[o];
153
- return /* @__PURE__ */ a.jsx(
154
- g,
153
+ return /* @__PURE__ */ y.jsx(
154
+ c,
155
155
  {
156
156
  className: p(
157
157
  // Size scales
158
158
  {
159
- "text-xs": d === "xs",
160
- "text-sm": d === "sm",
161
- "text-base": d === "base" || d === "md",
162
- "text-lg": d === "lg",
163
- "text-xl": d === "xl",
164
- "text-2xl": d === "2xl",
165
- "text-3xl": d === "3xl",
166
- "text-4xl": d === "4xl",
167
- "text-5xl": d === "5xl",
168
- "text-6xl": d === "6xl",
169
- "text-7xl": d === "7xl",
170
- "text-8xl": d === "8xl",
171
- "text-9xl": d === "9xl"
159
+ "text-xs": n === "xs",
160
+ "text-sm": n === "sm",
161
+ "text-base": n === "base" || n === "md",
162
+ "text-lg": n === "lg",
163
+ "text-xl": n === "xl",
164
+ "text-2xl": n === "2xl",
165
+ "text-3xl": n === "3xl",
166
+ "text-4xl": n === "4xl",
167
+ "text-5xl": n === "5xl",
168
+ "text-6xl": n === "6xl",
169
+ "text-7xl": n === "7xl",
170
+ "text-8xl": n === "8xl",
171
+ "text-9xl": n === "9xl"
172
172
  },
173
173
  // Font weights
174
174
  {
@@ -216,48 +216,48 @@ const j = h.forwardRef(
216
216
  },
217
217
  // Leading (line height)
218
218
  {
219
- "leading-none": r === "none",
220
- "leading-tight": r === "tight",
221
- "leading-snug": r === "snug",
222
- "leading-normal": r === "normal",
223
- "leading-relaxed": r === "relaxed",
224
- "leading-loose": r === "loose"
219
+ "leading-none": d === "none",
220
+ "leading-tight": d === "tight",
221
+ "leading-snug": d === "snug",
222
+ "leading-normal": d === "normal",
223
+ "leading-relaxed": d === "relaxed",
224
+ "leading-loose": d === "loose"
225
225
  },
226
226
  // Tracking (letter spacing)
227
227
  {
228
- "tracking-tighter": s === "tighter",
229
- "tracking-tight": s === "tight",
230
- "tracking-normal": s === "normal",
231
- "tracking-wide": s === "wide",
232
- "tracking-wider": s === "wider",
233
- "tracking-widest": s === "widest"
228
+ "tracking-tighter": f === "tighter",
229
+ "tracking-tight": f === "tight",
230
+ "tracking-normal": f === "normal",
231
+ "tracking-wide": f === "wide",
232
+ "tracking-wider": f === "wider",
233
+ "tracking-widest": f === "widest"
234
234
  },
235
235
  // Font family
236
236
  {
237
- "font-brand": n === "brand",
238
- "font-heading": n === "heading",
239
- "font-body": n === "body",
240
- "font-display": n === "display",
241
- "font-sans": n === "sans",
242
- "font-serif": n === "serif",
243
- "font-mono": n === "mono"
237
+ "font-brand": s === "brand",
238
+ "font-heading": s === "heading",
239
+ "font-body": s === "body",
240
+ "font-display": s === "display",
241
+ "font-sans": s === "sans",
242
+ "font-serif": s === "serif",
243
+ "font-mono": s === "mono"
244
244
  },
245
245
  // Truncation
246
- u && "truncate",
246
+ i && "truncate",
247
247
  // Tabular numerals
248
- m && "tabular-nums",
248
+ b && "tabular-nums",
249
249
  // Add some scroll margin for better anchor navigation
250
250
  "scroll-m-20",
251
- c
251
+ m
252
252
  ),
253
- ref: i,
254
- ...b
253
+ ref: g,
254
+ ...a
255
255
  }
256
256
  );
257
257
  }
258
258
  );
259
- j.displayName = "Heading";
259
+ k.displayName = "Heading";
260
260
  export {
261
- j as H,
262
- y as T
261
+ k as H,
262
+ j as T
263
263
  };
@@ -2,8 +2,8 @@ import { j as e } from "./jsx-runtime-B0GD0xBr.js";
2
2
  import { c, B as l } from "./calendar-DKwGFkIw.js";
3
3
  import "react";
4
4
  import { F as o, B as d } from "./Layout-CvVv48kM.js";
5
- import { C as m } from "./Code-BA5638r9.js";
6
- import { H as h } from "./Heading-Bzl2l0K-.js";
5
+ import { C as m } from "./Code-zUdzRHTD.js";
6
+ import { H as h } from "./Heading-DpvcMbmF.js";
7
7
  import { c as x } from "./index-CRiPKpXj.js";
8
8
  /**
9
9
  * @license lucide-react v0.543.0 - ISC
@@ -1,6 +1,6 @@
1
1
  import { j as o } from "./jsx-runtime-B0GD0xBr.js";
2
2
  import { c as t } from "./index-CRiPKpXj.js";
3
- import { T as p } from "./Heading-Bzl2l0K-.js";
3
+ import { T as p } from "./Heading-DpvcMbmF.js";
4
4
  const i = ({ children: r, className: s, as: a = "p", ...m }) => /* @__PURE__ */ o.jsx(p, { as: a, className: t("mb-4", s), ...m, children: r });
5
5
  export {
6
6
  i as P
@@ -5,7 +5,7 @@ import T, { Fragment as St } from "react";
5
5
  import { c as p } from "./index-CRiPKpXj.js";
6
6
  import { a as H, c as U, b as O, P as N, e as w, d as $, f as Ot, g as Mt, u as $t, h as Ne, i as Lt, R as zt, j as Ft, F as Ht, D as Re, k as Bt, l as Ae, m as Gt, A as Vt, n as Wt, C as qt, o as Kt, p as Ut, q as Yt, r as Xt, s as Zt } from "./popover-ByOImpZC.js";
7
7
  import { F as ke } from "./Layout-CvVv48kM.js";
8
- import { T as De } from "./Heading-Bzl2l0K-.js";
8
+ import { T as De } from "./Heading-DpvcMbmF.js";
9
9
  /**
10
10
  * @license lucide-react v0.543.0 - ISC
11
11
  *
@@ -3,7 +3,7 @@ import { c as re, u as V, f as kt, B as ct, i as fr, j as Ne, h as pr } from "./
3
3
  import * as a from "react";
4
4
  import { useState as lt, useEffect as mr, useMemo as hr } from "react";
5
5
  import { F as ae, G as vr } from "./Layout-CvVv48kM.js";
6
- import { T as Ae } from "./Heading-Bzl2l0K-.js";
6
+ import { T as Ae } from "./Heading-DpvcMbmF.js";
7
7
  import { c as $ } from "./index-CRiPKpXj.js";
8
8
  import { c as we, d as jt, P as k, a as ye, e as L, 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 Lt, r as Ft, s as Bt, p as $t, w as Er, x as Ir, k as Rr } from "./popover-ByOImpZC.js";
9
9
  import * as Vt from "react-dom";
package/dist/forms.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { B as e, a as s } from "./chunks/calendar-DKwGFkIw.js";
2
- 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-BliW4-88.js";
2
+ 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-CBsXqwyy.js";
3
3
  export {
4
4
  e as Button,
5
5
  s as ButtonGroup,
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
1
- 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-B4Mz7YXF.js";
2
- 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-B4Mz7YXF.js";
1
+ 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-BrWkHR7S.js";
2
+ 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-BrWkHR7S.js";
3
3
  import { j as t } from "./chunks/jsx-runtime-B0GD0xBr.js";
4
4
  import { c as g, b as N, S as T, C, d as Q, e as U } from "./chunks/calendar-DKwGFkIw.js";
5
5
  import { B as Fa, a as Va } from "./chunks/calendar-DKwGFkIw.js";
@@ -7,13 +7,13 @@ import { c as i } from "./chunks/index-CRiPKpXj.js";
7
7
  import * as x from "react";
8
8
  import { Fragment as W, useState as Y, useEffect as Z, useMemo as ee } from "react";
9
9
  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";
10
- import { g as _, h as oe, i as ie } from "./chunks/Textarea-BliW4-88.js";
11
- 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-BliW4-88.js";
12
- import { E as nt, a as ot, I as it, P as lt, b as ct } from "./chunks/PageNotFound-BqT3XThZ.js";
10
+ import { g as _, h as oe, i as ie } from "./chunks/Textarea-CBsXqwyy.js";
11
+ 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-CBsXqwyy.js";
12
+ import { E as nt, a as ot, I as it, P as lt, b as ct } from "./chunks/PageNotFound-p3jnz0na.js";
13
13
  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-CvVv48kM.js";
14
- import { C as ht } from "./chunks/Code-BA5638r9.js";
15
- import { H as jt, T as Nt } from "./chunks/Heading-Bzl2l0K-.js";
16
- import { P as wt } from "./chunks/Paragraph-3sal3gja.js";
14
+ import { C as ht } from "./chunks/Code-zUdzRHTD.js";
15
+ import { H as jt, T as Nt } from "./chunks/Heading-DpvcMbmF.js";
16
+ import { P as wt } from "./chunks/Paragraph-DjkeVXzm.js";
17
17
  /**
18
18
  * @license lucide-react v0.543.0 - ISC
19
19
  *
@@ -1,4 +1,4 @@
1
- import { E as o, a as e, I as s, P as t, b as l } from "./chunks/PageNotFound-BqT3XThZ.js";
1
+ import { E as o, a as e, I as s, P as t, b as l } from "./chunks/PageNotFound-p3jnz0na.js";
2
2
  export {
3
3
  o as ErrorFallback,
4
4
  e as ErrorOverlay,
@@ -1,4 +1,4 @@
1
- import { M as r, a as b, b as i, S as s } from "./chunks/SidebarLayout-B4Mz7YXF.js";
1
+ import { M as r, a as b, b as i, S as s } from "./chunks/SidebarLayout-BrWkHR7S.js";
2
2
  export {
3
3
  r as MenuItemText,
4
4
  b as Sidebar,
@@ -1,6 +1,6 @@
1
- import { C as o } from "./chunks/Code-BA5638r9.js";
2
- import { H as p, T as s } from "./chunks/Heading-Bzl2l0K-.js";
3
- import { P as x } from "./chunks/Paragraph-3sal3gja.js";
1
+ import { C as o } from "./chunks/Code-zUdzRHTD.js";
2
+ import { H as p, T as s } from "./chunks/Heading-DpvcMbmF.js";
3
+ import { P as x } from "./chunks/Paragraph-DjkeVXzm.js";
4
4
  export {
5
5
  o as Code,
6
6
  p as Heading,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@still-forest/canopy",
3
- "version": "0.34.0",
3
+ "version": "0.34.1",
4
4
  "author": "John Szymanowski",
5
5
  "license": "MIT",
6
6
  "description": "React components, built with Tailwind CSS, Shadcn, and VisX",
@@ -82,10 +82,10 @@
82
82
  "devDependencies": {
83
83
  "@biomejs/biome": "2.2.5",
84
84
  "@still-forest/biomejs-config": "2.1.0",
85
- "@storybook/addon-docs": "9.1.5",
86
- "@storybook/addon-themes": "9.1.5",
87
- "@storybook/builder-vite": "9.1.5",
88
- "@storybook/react-vite": "9.1.5",
85
+ "@storybook/addon-docs": "9.1.10",
86
+ "@storybook/addon-themes": "9.1.10",
87
+ "@storybook/builder-vite": "9.1.10",
88
+ "@storybook/react-vite": "9.1.10",
89
89
  "@tailwindcss/vite": "4.1.13",
90
90
  "@testing-library/jest-dom": "6.8.0",
91
91
  "@testing-library/react": "16.3.0",
@@ -102,7 +102,7 @@
102
102
  "react": "19.2.0",
103
103
  "react-dom": "19.2.0",
104
104
  "release-it": "19.0.4",
105
- "storybook": "9.1.5",
105
+ "storybook": "9.1.10",
106
106
  "tailwind-merge": "3.3.1",
107
107
  "tailwindcss": "4.1.13",
108
108
  "tw-animate-css": "1.3.8",