@still-forest/canopy 0.36.0 → 0.37.0

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-DpvcMbmF.js";
2
+ import { T as s } from "./Heading-DjVutKs1.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,10 +1,10 @@
1
- import { j as y } from "./jsx-runtime-B0GD0xBr.js";
2
- import h from "react";
3
- import { c as p } from "./index-CRiPKpXj.js";
4
- const j = h.forwardRef(
1
+ import { j as h } from "./jsx-runtime-B0GD0xBr.js";
2
+ import p from "react";
3
+ import { c as j } from "./index-CRiPKpXj.js";
4
+ const k = p.forwardRef(
5
5
  ({
6
- className: m,
7
- as: x,
6
+ className: c,
7
+ as: n,
8
8
  size: o,
9
9
  weight: r,
10
10
  variant: t = "default",
@@ -12,17 +12,19 @@ const j = h.forwardRef(
12
12
  leading: d,
13
13
  // No default: Tailwind applies a default from text size classes
14
14
  tracking: f,
15
- family: u,
16
- asForeground: e = !1,
15
+ family: m,
16
+ asForeground: x = !1,
17
17
  truncate: i = !1,
18
- numeric: b = !1,
19
- ...a
18
+ numeric: u = !1,
19
+ inheritColor: b = !1,
20
+ inline: a = !1,
21
+ ...s
20
22
  }, g) => {
21
- const s = x || "p", c = u || (t === "brand" ? "brand" : "body");
22
- return /* @__PURE__ */ y.jsx(
23
- s,
23
+ const y = n || "p", e = m || (t === "brand" ? "brand" : "body");
24
+ return /* @__PURE__ */ h.jsx(
25
+ y,
24
26
  {
25
- className: p(
27
+ className: j(
26
28
  // Font sizes
27
29
  {
28
30
  "text-xs": o === "xs",
@@ -61,18 +63,18 @@ const j = h.forwardRef(
61
63
  "text-primary-foreground": t === "primary",
62
64
  "text-secondary-foreground": t === "secondary",
63
65
  // Brand color
64
- "text-brand": !e && t === "brand",
65
- "text-brand-foreground": e && t === "brand",
66
+ "text-brand": !x && t === "brand",
67
+ "text-brand-foreground": x && t === "brand",
66
68
  // Accent colors (rich color variants)
67
- "text-info": !e && t === "info",
68
- "text-warning": !e && t === "warning",
69
- "text-destructive": !e && t === "destructive",
70
- "text-success": !e && t === "success",
69
+ "text-info": !x && t === "info",
70
+ "text-warning": !x && t === "warning",
71
+ "text-destructive": !x && t === "destructive",
72
+ "text-success": !x && t === "success",
71
73
  // Accent colors (foreground variants)
72
- "text-info-foreground": e && t === "info",
73
- "text-warning-foreground": e && t === "warning",
74
- "text-destructive-foreground": e && t === "destructive",
75
- "text-success-foreground": e && t === "success"
74
+ "text-info-foreground": x && t === "info",
75
+ "text-warning-foreground": x && t === "warning",
76
+ "text-destructive-foreground": x && t === "destructive",
77
+ "text-success-foreground": x && t === "success"
76
78
  },
77
79
  // Text alignment
78
80
  {
@@ -103,31 +105,34 @@ const j = h.forwardRef(
103
105
  },
104
106
  // Font family
105
107
  {
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"
108
+ "font-display": e === "display",
109
+ "font-heading": e === "heading",
110
+ "font-body": e === "body",
111
+ "font-brand": e === "brand",
112
+ "font-sans": e === "sans",
113
+ "font-serif": e === "serif",
114
+ "font-mono": e === "mono"
113
115
  },
114
116
  // Truncation
115
117
  i && "truncate",
116
118
  // Tabular numerals
117
- b && "tabular-nums",
118
- m
119
+ u && "tabular-nums",
120
+ // Other
121
+ b && "text-inherit",
122
+ a && "inline",
123
+ c
119
124
  ),
120
125
  ref: g,
121
- ...a
126
+ ...s
122
127
  }
123
128
  );
124
129
  }
125
130
  );
126
- j.displayName = "Text";
127
- const k = h.forwardRef(
131
+ k.displayName = "Text";
132
+ const w = p.forwardRef(
128
133
  ({
129
- className: m,
130
- variant: x = "default",
134
+ className: c,
135
+ variant: n = "default",
131
136
  level: o = "2",
132
137
  size: r,
133
138
  weight: t = "bold",
@@ -136,13 +141,13 @@ const k = h.forwardRef(
136
141
  leading: d,
137
142
  // No default: Tailwind applies a default from text size classes
138
143
  tracking: f,
139
- family: u,
140
- asForeground: e = !1,
144
+ family: m,
145
+ asForeground: x = !1,
141
146
  truncate: i = !1,
142
- numeric: b = !1,
143
- ...a
144
- }, g) => {
145
- const s = u || (x === "brand" ? "brand" : "heading"), c = `h${o}`, n = r || {
147
+ numeric: u = !1,
148
+ ...b
149
+ }, a) => {
150
+ const s = m || (n === "brand" ? "brand" : "heading"), g = `h${o}`, e = r || {
146
151
  1: "4xl",
147
152
  2: "3xl",
148
153
  3: "2xl",
@@ -150,25 +155,25 @@ const k = h.forwardRef(
150
155
  5: "lg",
151
156
  6: "base"
152
157
  }[o];
153
- return /* @__PURE__ */ y.jsx(
154
- c,
158
+ return /* @__PURE__ */ h.jsx(
159
+ g,
155
160
  {
156
- className: p(
161
+ className: j(
157
162
  // Size scales
158
163
  {
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"
164
+ "text-xs": e === "xs",
165
+ "text-sm": e === "sm",
166
+ "text-base": e === "base" || e === "md",
167
+ "text-lg": e === "lg",
168
+ "text-xl": e === "xl",
169
+ "text-2xl": e === "2xl",
170
+ "text-3xl": e === "3xl",
171
+ "text-4xl": e === "4xl",
172
+ "text-5xl": e === "5xl",
173
+ "text-6xl": e === "6xl",
174
+ "text-7xl": e === "7xl",
175
+ "text-8xl": e === "8xl",
176
+ "text-9xl": e === "9xl"
172
177
  },
173
178
  // Font weights
174
179
  {
@@ -184,26 +189,26 @@ const k = h.forwardRef(
184
189
  },
185
190
  // Text colors (variants)
186
191
  {
187
- "text-foreground": x === "default",
188
- "text-inherit": x === "inherit",
189
- "text-muted-foreground": x === "muted",
190
- "text-accent-foreground": x === "accent",
192
+ "text-foreground": n === "default",
193
+ "text-inherit": n === "inherit",
194
+ "text-muted-foreground": n === "muted",
195
+ "text-accent-foreground": n === "accent",
191
196
  // Action colors
192
- "text-primary-foreground": x === "primary",
193
- "text-secondary-foreground": x === "secondary",
197
+ "text-primary-foreground": n === "primary",
198
+ "text-secondary-foreground": n === "secondary",
194
199
  // Brand color
195
- "text-brand": x === "brand",
196
- "text-brand-foreground": e && x === "brand",
200
+ "text-brand": n === "brand",
201
+ "text-brand-foreground": x && n === "brand",
197
202
  // Accent colors (rich color variants)
198
- "text-info": !e && x === "info",
199
- "text-warning": !e && x === "warning",
200
- "text-destructive": !e && x === "destructive",
201
- "text-success": !e && x === "success",
203
+ "text-info": !x && n === "info",
204
+ "text-warning": !x && n === "warning",
205
+ "text-destructive": !x && n === "destructive",
206
+ "text-success": !x && n === "success",
202
207
  // Accent colors (foreground variants)
203
- "text-info-foreground": e && x === "info",
204
- "text-warning-foreground": e && x === "warning",
205
- "text-destructive-foreground": e && x === "destructive",
206
- "text-success-foreground": e && x === "success"
208
+ "text-info-foreground": x && n === "info",
209
+ "text-warning-foreground": x && n === "warning",
210
+ "text-destructive-foreground": x && n === "destructive",
211
+ "text-success-foreground": x && n === "success"
207
212
  },
208
213
  // Text alignment
209
214
  {
@@ -245,19 +250,19 @@ const k = h.forwardRef(
245
250
  // Truncation
246
251
  i && "truncate",
247
252
  // Tabular numerals
248
- b && "tabular-nums",
253
+ u && "tabular-nums",
249
254
  // Add some scroll margin for better anchor navigation
250
255
  "scroll-m-20",
251
- m
256
+ c
252
257
  ),
253
- ref: g,
254
- ...a
258
+ ref: a,
259
+ ...b
255
260
  }
256
261
  );
257
262
  }
258
263
  );
259
- k.displayName = "Heading";
264
+ w.displayName = "Heading";
260
265
  export {
261
- k as H,
262
- j as T
266
+ w as H,
267
+ k as T
263
268
  };
@@ -2,8 +2,8 @@ import { j as e } from "./jsx-runtime-B0GD0xBr.js";
2
2
  import { c as o, B as m } from "./calendar-DKwGFkIw.js";
3
3
  import "react";
4
4
  import { F as c, B as h } from "./Layout-CvVv48kM.js";
5
- import { C as u } from "./Code-zUdzRHTD.js";
6
- import { H as f } from "./Heading-DpvcMbmF.js";
5
+ import { C as u } from "./Code-BLilg72p.js";
6
+ import { H as f } from "./Heading-DjVutKs1.js";
7
7
  import { L as j } from "./Loader-BgoWXwkX.js";
8
8
  import { c as d } from "./index-CRiPKpXj.js";
9
9
  /**
@@ -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-DpvcMbmF.js";
3
+ import { T as p } from "./Heading-DjVutKs1.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