@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.
- package/dist/chunks/{Code-zUdzRHTD.js → Code-BLilg72p.js} +1 -1
- package/dist/chunks/{Heading-DpvcMbmF.js → Heading-DjVutKs1.js} +88 -83
- package/dist/chunks/{PageNotFound-OZwSPdMe.js → PageNotFound-D4e2bv36.js} +2 -2
- package/dist/chunks/{Paragraph-DjkeVXzm.js → Paragraph-ai9KZse1.js} +1 -1
- package/dist/chunks/{SidebarLayout-CRATwjpz.js → SidebarLayout-C0jOUIuV.js} +506 -455
- package/dist/chunks/{Textarea-CZDF6QhO.js → Textarea-nT-kvT7U.js} +1 -1
- package/dist/forms.js +1 -1
- package/dist/index.d.ts +23 -2
- package/dist/index.js +65 -62
- package/dist/interstitials.js +1 -1
- package/dist/navigation.js +1 -1
- package/dist/typography.d.ts +2 -0
- package/dist/typography.js +3 -3
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { j as e } from "./jsx-runtime-B0GD0xBr.js";
|
|
2
|
-
import { T as s } from "./Heading-
|
|
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
|
|
2
|
-
import
|
|
3
|
-
import { c as
|
|
4
|
-
const
|
|
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:
|
|
7
|
-
as:
|
|
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:
|
|
16
|
-
asForeground:
|
|
15
|
+
family: m,
|
|
16
|
+
asForeground: x = !1,
|
|
17
17
|
truncate: i = !1,
|
|
18
|
-
numeric:
|
|
19
|
-
|
|
18
|
+
numeric: u = !1,
|
|
19
|
+
inheritColor: b = !1,
|
|
20
|
+
inline: a = !1,
|
|
21
|
+
...s
|
|
20
22
|
}, g) => {
|
|
21
|
-
const
|
|
22
|
-
return /* @__PURE__ */
|
|
23
|
-
|
|
23
|
+
const y = n || "p", e = m || (t === "brand" ? "brand" : "body");
|
|
24
|
+
return /* @__PURE__ */ h.jsx(
|
|
25
|
+
y,
|
|
24
26
|
{
|
|
25
|
-
className:
|
|
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": !
|
|
65
|
-
"text-brand-foreground":
|
|
66
|
+
"text-brand": !x && t === "brand",
|
|
67
|
+
"text-brand-foreground": x && t === "brand",
|
|
66
68
|
// Accent colors (rich color variants)
|
|
67
|
-
"text-info": !
|
|
68
|
-
"text-warning": !
|
|
69
|
-
"text-destructive": !
|
|
70
|
-
"text-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":
|
|
73
|
-
"text-warning-foreground":
|
|
74
|
-
"text-destructive-foreground":
|
|
75
|
-
"text-success-foreground":
|
|
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":
|
|
107
|
-
"font-heading":
|
|
108
|
-
"font-body":
|
|
109
|
-
"font-brand":
|
|
110
|
-
"font-sans":
|
|
111
|
-
"font-serif":
|
|
112
|
-
"font-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
|
-
|
|
118
|
-
|
|
119
|
+
u && "tabular-nums",
|
|
120
|
+
// Other
|
|
121
|
+
b && "text-inherit",
|
|
122
|
+
a && "inline",
|
|
123
|
+
c
|
|
119
124
|
),
|
|
120
125
|
ref: g,
|
|
121
|
-
...
|
|
126
|
+
...s
|
|
122
127
|
}
|
|
123
128
|
);
|
|
124
129
|
}
|
|
125
130
|
);
|
|
126
|
-
|
|
127
|
-
const
|
|
131
|
+
k.displayName = "Text";
|
|
132
|
+
const w = p.forwardRef(
|
|
128
133
|
({
|
|
129
|
-
className:
|
|
130
|
-
variant:
|
|
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:
|
|
140
|
-
asForeground:
|
|
144
|
+
family: m,
|
|
145
|
+
asForeground: x = !1,
|
|
141
146
|
truncate: i = !1,
|
|
142
|
-
numeric:
|
|
143
|
-
...
|
|
144
|
-
},
|
|
145
|
-
const s =
|
|
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__ */
|
|
154
|
-
|
|
158
|
+
return /* @__PURE__ */ h.jsx(
|
|
159
|
+
g,
|
|
155
160
|
{
|
|
156
|
-
className:
|
|
161
|
+
className: j(
|
|
157
162
|
// Size scales
|
|
158
163
|
{
|
|
159
|
-
"text-xs":
|
|
160
|
-
"text-sm":
|
|
161
|
-
"text-base":
|
|
162
|
-
"text-lg":
|
|
163
|
-
"text-xl":
|
|
164
|
-
"text-2xl":
|
|
165
|
-
"text-3xl":
|
|
166
|
-
"text-4xl":
|
|
167
|
-
"text-5xl":
|
|
168
|
-
"text-6xl":
|
|
169
|
-
"text-7xl":
|
|
170
|
-
"text-8xl":
|
|
171
|
-
"text-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":
|
|
188
|
-
"text-inherit":
|
|
189
|
-
"text-muted-foreground":
|
|
190
|
-
"text-accent-foreground":
|
|
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":
|
|
193
|
-
"text-secondary-foreground":
|
|
197
|
+
"text-primary-foreground": n === "primary",
|
|
198
|
+
"text-secondary-foreground": n === "secondary",
|
|
194
199
|
// Brand color
|
|
195
|
-
"text-brand":
|
|
196
|
-
"text-brand-foreground":
|
|
200
|
+
"text-brand": n === "brand",
|
|
201
|
+
"text-brand-foreground": x && n === "brand",
|
|
197
202
|
// Accent colors (rich color variants)
|
|
198
|
-
"text-info": !
|
|
199
|
-
"text-warning": !
|
|
200
|
-
"text-destructive": !
|
|
201
|
-
"text-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":
|
|
204
|
-
"text-warning-foreground":
|
|
205
|
-
"text-destructive-foreground":
|
|
206
|
-
"text-success-foreground":
|
|
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
|
-
|
|
253
|
+
u && "tabular-nums",
|
|
249
254
|
// Add some scroll margin for better anchor navigation
|
|
250
255
|
"scroll-m-20",
|
|
251
|
-
|
|
256
|
+
c
|
|
252
257
|
),
|
|
253
|
-
ref:
|
|
254
|
-
...
|
|
258
|
+
ref: a,
|
|
259
|
+
...b
|
|
255
260
|
}
|
|
256
261
|
);
|
|
257
262
|
}
|
|
258
263
|
);
|
|
259
|
-
|
|
264
|
+
w.displayName = "Heading";
|
|
260
265
|
export {
|
|
261
|
-
|
|
262
|
-
|
|
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-
|
|
6
|
-
import { H as f } from "./Heading-
|
|
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-
|
|
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
|