@still-forest/canopy 0.42.0 → 0.43.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,538 +0,0 @@
1
- import { j as u } from "./jsx-runtime-B0GD0xBr.js";
2
- import y from "react";
3
- import { c as f } from "./index-CRiPKpXj.js";
4
- const i = y.forwardRef(
5
- ({
6
- className: a,
7
- as: t = "div",
8
- variant: n,
9
- size: r,
10
- width: e,
11
- height: o,
12
- display: l,
13
- sizing: s,
14
- position: x,
15
- overflow: c,
16
- overflowX: b,
17
- overflowY: d,
18
- rounded: m,
19
- ...p
20
- }, j) => /* @__PURE__ */ u.jsx(
21
- t,
22
- {
23
- className: f(
24
- // Variant
25
- {
26
- "bg-primary text-primary-foreground": n === "primary",
27
- "bg-secondary text-secondary-foreground": n === "secondary",
28
- "bg-muted text-muted-foreground": n === "muted",
29
- "bg-accent text-accent-foreground": n === "accent",
30
- "bg-info text-info-foreground": n === "info",
31
- "bg-success text-success-foreground": n === "success",
32
- "bg-warning text-warning-foreground": n === "warning",
33
- "bg-destructive text-destructive-foreground": n === "destructive",
34
- "bg-brand text-brand-foreground": n === "brand"
35
- },
36
- // Size
37
- {
38
- "size-0": r === "0",
39
- "size-1": r === "1",
40
- "size-2": r === "2",
41
- "size-3": r === "3",
42
- "size-4": r === "4",
43
- "size-5": r === "5",
44
- "size-6": r === "6",
45
- "size-7": r === "7",
46
- "size-8": r === "8",
47
- "size-9": r === "9",
48
- "size-10": r === "10",
49
- "size-11": r === "11",
50
- "size-12": r === "12",
51
- "size-16": r === "16",
52
- "size-20": r === "20",
53
- "size-24": r === "24",
54
- "size-28": r === "28",
55
- "size-32": r === "32",
56
- "size-36": r === "36",
57
- "size-40": r === "40",
58
- "size-44": r === "44",
59
- "size-48": r === "48",
60
- "size-52": r === "52",
61
- "size-56": r === "56",
62
- "size-60": r === "60",
63
- "size-64": r === "64",
64
- "size-72": r === "72",
65
- "size-84": r === "84",
66
- "size-96": r === "96",
67
- "size-auto": r === "auto",
68
- "size-full": r === "full",
69
- "size-min": r === "min",
70
- "size-max": r === "max",
71
- "size-fit": r === "fit",
72
- "size-px": r === "px"
73
- },
74
- // Width
75
- {
76
- "w-0": e === "0",
77
- "w-1": e === "1",
78
- "w-2": e === "2",
79
- "w-3": e === "3",
80
- "w-4": e === "4",
81
- "w-5": e === "5",
82
- "w-6": e === "6",
83
- "w-7": e === "7",
84
- "w-8": e === "8",
85
- "w-9": e === "9",
86
- "w-10": e === "10",
87
- "w-11": e === "11",
88
- "w-12": e === "12",
89
- "w-16": e === "16",
90
- "w-20": e === "20",
91
- "w-24": e === "24",
92
- "w-28": e === "28",
93
- "w-32": e === "32",
94
- "w-36": e === "36",
95
- "w-40": e === "40",
96
- "w-44": e === "44",
97
- "w-48": e === "48",
98
- "w-52": e === "52",
99
- "w-56": e === "56",
100
- "w-60": e === "60",
101
- "w-64": e === "64",
102
- "w-72": e === "72",
103
- "w-84": e === "84",
104
- "w-96": e === "96",
105
- "w-3xs": e === "3xs",
106
- "w-2xs": e === "2xs",
107
- "w-xs": e === "xs",
108
- "w-sm": e === "sm",
109
- "w-md": e === "md",
110
- "w-lg": e === "lg",
111
- "w-xl": e === "xl",
112
- "w-2xl": e === "2xl",
113
- "w-3xl": e === "3xl",
114
- "w-4xl": e === "4xl",
115
- "w-5xl": e === "5xl",
116
- "w-6xl": e === "6xl",
117
- "w-7xl": e === "7xl",
118
- "w-auto": e === "auto",
119
- "w-full": e === "full",
120
- "w-screen": e === "screen",
121
- "w-min": e === "min",
122
- "w-max": e === "max",
123
- "w-fit": e === "fit",
124
- "w-px": e === "px"
125
- },
126
- // Height
127
- {
128
- "h-0": o === "0",
129
- "h-1": o === "1",
130
- "h-2": o === "2",
131
- "h-3": o === "3",
132
- "h-4": o === "4",
133
- "h-5": o === "5",
134
- "h-6": o === "6",
135
- "h-7": o === "7",
136
- "h-8": o === "8",
137
- "h-9": o === "9",
138
- "h-10": o === "10",
139
- "h-11": o === "11",
140
- "h-12": o === "12",
141
- "h-16": o === "16",
142
- "h-20": o === "20",
143
- "h-24": o === "24",
144
- "h-28": o === "28",
145
- "h-32": o === "32",
146
- "h-36": o === "36",
147
- "h-40": o === "40",
148
- "h-44": o === "44",
149
- "h-48": o === "48",
150
- "h-52": o === "52",
151
- "h-56": o === "56",
152
- "h-60": o === "60",
153
- "h-64": o === "64",
154
- "h-72": o === "72",
155
- "h-84": o === "84",
156
- "h-96": o === "96",
157
- "h-auto": o === "auto",
158
- "h-full": o === "full",
159
- "h-screen": o === "screen",
160
- "h-min": o === "min",
161
- "h-max": o === "max",
162
- "h-fit": o === "fit",
163
- "h-px": o === "px"
164
- },
165
- // Display
166
- {
167
- block: l === "block",
168
- flex: l === "flex",
169
- grid: l === "grid",
170
- inline: l === "inline",
171
- "inline-block": l === "inline-block",
172
- "inline-flex": l === "inline-flex",
173
- "inline-grid": l === "inline-grid",
174
- "inline-table": l === "inline-table",
175
- "list-item": l === "list-item",
176
- "flow-root": l === "flow-root",
177
- contents: l === "contents",
178
- table: l === "table",
179
- "table-header-group": l === "table-header-group",
180
- "table-footer-group": l === "table-footer-group",
181
- "table-column-group": l === "table-column-group",
182
- "table-column": l === "table-column",
183
- "table-row-group": l === "table-row-group",
184
- "table-row": l === "table-row",
185
- "table-cell": l === "table-cell",
186
- "table-caption": l === "table-caption",
187
- hidden: l === "hidden",
188
- "sr-only": l === "sr-only",
189
- "not-sr-only": l === "not-sr-only"
190
- },
191
- // Box sizing
192
- {
193
- "box-border": s === "border",
194
- "box-content": s === "content"
195
- },
196
- // Position
197
- {
198
- static: x === "static",
199
- fixed: x === "fixed",
200
- absolute: x === "absolute",
201
- relative: x === "relative",
202
- sticky: x === "sticky"
203
- },
204
- // Overflow
205
- {
206
- "overflow-auto": c === "auto",
207
- "overflow-hidden": c === "hidden",
208
- "overflow-clip": c === "clip",
209
- "overflow-visible": c === "visible",
210
- "overflow-scroll": c === "scroll"
211
- },
212
- // Overflow X
213
- {
214
- "overflow-x-auto": b === "auto",
215
- "overflow-x-hidden": b === "hidden",
216
- "overflow-x-clip": b === "clip",
217
- "overflow-x-visible": b === "visible",
218
- "overflow-x-scroll": b === "scroll"
219
- },
220
- // Overflow Y
221
- {
222
- "overflow-y-auto": d === "auto",
223
- "overflow-y-hidden": d === "hidden",
224
- "overflow-y-clip": d === "clip",
225
- "overflow-y-visible": d === "visible",
226
- "overflow-y-scroll": d === "scroll"
227
- },
228
- // Rounded
229
- {
230
- rounded: m === !0,
231
- "rounded-none": m === "none",
232
- "rounded-xs": m === "xs",
233
- "rounded-sm": m === "sm",
234
- "rounded-md": m === "md",
235
- "rounded-lg": m === "lg",
236
- "rounded-xl": m === "xl",
237
- "rounded-2xl": m === "2xl",
238
- "rounded-3xl": m === "3xl",
239
- "rounded-full": m === "full"
240
- },
241
- a
242
- ),
243
- ref: j,
244
- ...p
245
- }
246
- )
247
- );
248
- i.displayName = "Box";
249
- const g = ({ children: a, className: t, direction: n = "col", separation: r = "md", ...e }) => {
250
- const { display: o = "flex", ...l } = e, s = f("w-full px-4 md:px-8 lg:px-12", t, {
251
- "py-0": r === "none",
252
- "py-0.5 md:py-1": r === "xs",
253
- "py-1 md:py-2 ": r === "sm",
254
- "py-2 md:py-4": r === "md",
255
- "py-4 md:py-6": r === "lg",
256
- "py-6 md:py-8": r === "xl"
257
- });
258
- return o === "block" ? /* @__PURE__ */ u.jsx(i, { className: s, ...l, children: a }) : /* @__PURE__ */ u.jsx(w, { className: s, direction: n, ...l, children: a });
259
- }, v = ({ flex: a, className: t, as: n, children: r, ...e }) => {
260
- const o = n || "div";
261
- return /* @__PURE__ */ u.jsx(
262
- o,
263
- {
264
- className: f(
265
- {
266
- "flex-1": a === "1",
267
- "flex-auto": a === "auto",
268
- "flex-initial": a === "initial",
269
- "flex-none": a === "none"
270
- },
271
- t
272
- ),
273
- ...e,
274
- children: r
275
- }
276
- );
277
- }, N = y.forwardRef(
278
- ({ className: a, as: t = "div", direction: n, align: r, justify: e, grow: o, wrap: l, gap: s, gapX: x, gapY: c, ...b }, d) => /* @__PURE__ */ u.jsx(
279
- t,
280
- {
281
- className: f(
282
- "flex",
283
- // Flex direction
284
- {
285
- "flex-row": n === "row",
286
- "flex-row-reverse": n === "row-reverse",
287
- "flex-col": n === "col",
288
- "flex-col-reverse": n === "col-reverse"
289
- },
290
- // Align items
291
- {
292
- "items-start": r === "start",
293
- "items-center": r === "center",
294
- "items-end": r === "end",
295
- "items-stretch": r === "stretch",
296
- "items-baseline": r === "baseline"
297
- },
298
- // Justify content
299
- {
300
- "justify-start": e === "start",
301
- "justify-center": e === "center",
302
- "justify-end": e === "end",
303
- "justify-between": e === "between",
304
- "justify-around": e === "around",
305
- "justify-evenly": e === "evenly",
306
- "justify-stretch": e === "stretch",
307
- "justify-baseline": e === "baseline",
308
- "justify-normal": e === "normal"
309
- },
310
- // Grow
311
- {
312
- "grow-0": o === "0" || o === !1,
313
- "grow-1": o === "1" || o === !0,
314
- "grow-2": o === "2",
315
- "grow-3": o === "3",
316
- "grow-4": o === "4",
317
- "grow-5": o === "5",
318
- "grow-6": o === "6",
319
- "grow-7": o === "7",
320
- "grow-8": o === "8",
321
- "grow-9": o === "9",
322
- "grow-10": o === "10",
323
- "grow-11": o === "11",
324
- "grow-12": o === "12"
325
- },
326
- // Wrap content
327
- {
328
- "flex-wrap": l === "wrap",
329
- "flex-wrap-reverse": l === "wrap-reverse",
330
- "flex-nowrap": l === "nowrap"
331
- },
332
- // Gap
333
- {
334
- "gap-0": s === "0",
335
- "gap-1": s === "1",
336
- "gap-2": s === "2",
337
- "gap-3": s === "3",
338
- "gap-4": s === "4",
339
- "gap-5": s === "5",
340
- "gap-6": s === "6",
341
- "gap-7": s === "7",
342
- "gap-8": s === "8",
343
- "gap-9": s === "9",
344
- "gap-10": s === "10",
345
- "gap-11": s === "11",
346
- "gap-12": s === "12",
347
- "gap-13": s === "13",
348
- "gap-14": s === "14",
349
- "gap-15": s === "15",
350
- "gap-16": s === "16"
351
- },
352
- {
353
- "gap-x-0": x === "0",
354
- "gap-x-1": x === "1",
355
- "gap-x-2": x === "2",
356
- "gap-x-3": x === "3",
357
- "gap-x-4": x === "4",
358
- "gap-x-5": x === "5",
359
- "gap-x-6": x === "6",
360
- "gap-x-7": x === "7",
361
- "gap-x-8": x === "8",
362
- "gap-x-9": x === "9",
363
- "gap-x-10": x === "10",
364
- "gap-x-11": x === "11",
365
- "gap-x-12": x === "12",
366
- "gap-x-13": x === "13",
367
- "gap-x-14": x === "14",
368
- "gap-x-15": x === "15",
369
- "gap-x-16": x === "16"
370
- },
371
- {
372
- "gap-y-0": c === "0",
373
- "gap-y-1": c === "1",
374
- "gap-y-2": c === "2",
375
- "gap-y-3": c === "3",
376
- "gap-y-4": c === "4",
377
- "gap-y-5": c === "5",
378
- "gap-y-6": c === "6",
379
- "gap-y-7": c === "7",
380
- "gap-y-8": c === "8",
381
- "gap-y-9": c === "9",
382
- "gap-y-10": c === "10",
383
- "gap-y-11": c === "11",
384
- "gap-y-12": c === "12",
385
- "gap-y-13": c === "13",
386
- "gap-y-14": c === "14",
387
- "gap-y-15": c === "15",
388
- "gap-y-16": c === "16"
389
- },
390
- a
391
- ),
392
- ref: d,
393
- ...b
394
- }
395
- )
396
- ), w = Object.assign(N, { Item: v }), k = ({ children: a, className: t, ...n }) => /* @__PURE__ */ u.jsx(g, { as: "footer", className: f("bottom-0 mt-auto pb-2", t), justify: "between", ...n, children: a }), R = y.forwardRef(
397
- ({ className: a, as: t = "div", cols: n, rows: r, gap: e, gapX: o, gapY: l, flow: s, ...x }, c) => /* @__PURE__ */ u.jsx(
398
- t,
399
- {
400
- className: f(
401
- "grid",
402
- {
403
- "grid-cols-1": n === "1",
404
- "grid-cols-2": n === "2",
405
- "grid-cols-3": n === "3",
406
- "grid-cols-4": n === "4",
407
- "grid-cols-5": n === "5",
408
- "grid-cols-6": n === "6",
409
- "grid-cols-7": n === "7",
410
- "grid-cols-8": n === "8",
411
- "grid-cols-9": n === "9",
412
- "grid-cols-10": n === "10",
413
- "grid-cols-11": n === "11",
414
- "grid-cols-12": n === "12",
415
- "grid-cols-none": n === "none"
416
- },
417
- {
418
- "grid-rows-1": r === "1",
419
- "grid-rows-2": r === "2",
420
- "grid-rows-3": r === "3",
421
- "grid-rows-4": r === "4",
422
- "grid-rows-5": r === "5",
423
- "grid-rows-6": r === "6",
424
- "grid-rows-7": r === "7",
425
- "grid-rows-8": r === "8",
426
- "grid-rows-9": r === "9",
427
- "grid-rows-10": r === "10",
428
- "grid-rows-11": r === "11",
429
- "grid-rows-12": r === "12",
430
- "grid-rows-13": r === "13",
431
- "grid-rows-14": r === "14",
432
- "grid-rows-15": r === "15",
433
- "grid-rows-16": r === "16",
434
- "grid-rows-17": r === "17",
435
- "grid-rows-18": r === "18",
436
- "grid-rows-19": r === "19",
437
- "grid-rows-20": r === "20",
438
- "grid-rows-21": r === "21",
439
- "grid-rows-22": r === "22",
440
- "grid-rows-23": r === "23",
441
- "grid-rows-24": r === "24",
442
- "grid-rows-none": r === "none"
443
- },
444
- // Gap
445
- {
446
- "gap-0": e === "0",
447
- "gap-1": e === "1",
448
- "gap-2": e === "2",
449
- "gap-3": e === "3",
450
- "gap-4": e === "4",
451
- "gap-5": e === "5",
452
- "gap-6": e === "6",
453
- "gap-7": e === "7",
454
- "gap-8": e === "8",
455
- "gap-9": e === "9",
456
- "gap-10": e === "10",
457
- "gap-11": e === "11",
458
- "gap-12": e === "12",
459
- "gap-13": e === "13",
460
- "gap-14": e === "14",
461
- "gap-15": e === "15",
462
- "gap-16": e === "16"
463
- },
464
- {
465
- "gap-x-0": o === "0",
466
- "gap-x-1": o === "1",
467
- "gap-x-2": o === "2",
468
- "gap-x-3": o === "3",
469
- "gap-x-4": o === "4",
470
- "gap-x-5": o === "5",
471
- "gap-x-6": o === "6",
472
- "gap-x-7": o === "7",
473
- "gap-x-8": o === "8",
474
- "gap-x-9": o === "9",
475
- "gap-x-10": o === "10",
476
- "gap-x-11": o === "11",
477
- "gap-x-12": o === "12",
478
- "gap-x-13": o === "13",
479
- "gap-x-14": o === "14",
480
- "gap-x-15": o === "15",
481
- "gap-x-16": o === "16"
482
- },
483
- {
484
- "gap-y-0": l === "0",
485
- "gap-y-1": l === "1",
486
- "gap-y-2": l === "2",
487
- "gap-y-3": l === "3",
488
- "gap-y-4": l === "4",
489
- "gap-y-5": l === "5",
490
- "gap-y-6": l === "6",
491
- "gap-y-7": l === "7",
492
- "gap-y-8": l === "8",
493
- "gap-y-9": l === "9",
494
- "gap-y-10": l === "10",
495
- "gap-y-11": l === "11",
496
- "gap-y-12": l === "12",
497
- "gap-y-13": l === "13",
498
- "gap-y-14": l === "14",
499
- "gap-y-15": l === "15",
500
- "gap-y-16": l === "16"
501
- },
502
- {
503
- "grid-flow-row": s === "row",
504
- "grid-flow-col": s === "col",
505
- "grid-flow-dense": s === "dense",
506
- "grid-flow-row-dense": s === "row-dense",
507
- "grid-flow-col-dense": s === "col-dense"
508
- },
509
- a
510
- ),
511
- ref: c,
512
- ...x
513
- }
514
- )
515
- );
516
- R.displayName = "Grid";
517
- const C = ({ children: a, sticky: t = !1, className: n, ...r }) => /* @__PURE__ */ u.jsx(g, { as: "header", className: f("top-0 ", t && "z-50 sticky", n), justify: "between", ...r, children: a }), F = ({ children: a, className: t, withContainer: n = !1, ...r }) => {
518
- const e = f("flex-1 grow", t);
519
- return n ? /* @__PURE__ */ u.jsx(g, { as: "main", className: e, display: "block", ...r, children: a }) : /* @__PURE__ */ u.jsx(w.Item, { as: "main", className: e, ...r, children: a });
520
- }, B = y.forwardRef(({ children: a, className: t, ...n }, r) => /* @__PURE__ */ u.jsx(
521
- w,
522
- {
523
- className: f("mx-auto w-full max-w-screen-xl h-screen flex-1", t),
524
- direction: "col",
525
- ref: r,
526
- ...n,
527
- children: a
528
- }
529
- )), H = Object.assign(B, { Header: C, Body: F, Footer: k });
530
- export {
531
- i as B,
532
- g as C,
533
- w as F,
534
- R as G,
535
- C as H,
536
- H as L,
537
- k as a
538
- };
@@ -1,49 +0,0 @@
1
- import { j as c } from "./jsx-runtime-B0GD0xBr.js";
2
- import { c as i } from "./index-CRiPKpXj.js";
3
- import { e as t } from "./sidebar-Dub2Iudi.js";
4
- /**
5
- * @license lucide-react v0.544.0 - ISC
6
- *
7
- * This source code is licensed under the ISC license.
8
- * See the LICENSE file in the root directory of this source tree.
9
- */
10
- const m = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], x = t("loader-circle", m);
11
- /**
12
- * @license lucide-react v0.544.0 - ISC
13
- *
14
- * This source code is licensed under the ISC license.
15
- * See the LICENSE file in the root directory of this source tree.
16
- */
17
- const n = [
18
- ["path", { d: "M12 2v4", key: "3427ic" }],
19
- ["path", { d: "m16.2 7.8 2.9-2.9", key: "r700ao" }],
20
- ["path", { d: "M18 12h4", key: "wj9ykh" }],
21
- ["path", { d: "m16.2 16.2 2.9 2.9", key: "1bxg5t" }],
22
- ["path", { d: "M12 18v4", key: "jadmvz" }],
23
- ["path", { d: "m4.9 19.1 2.9-2.9", key: "bwix9q" }],
24
- ["path", { d: "M2 12h4", key: "j09sii" }],
25
- ["path", { d: "m4.9 4.9 2.9 2.9", key: "giyufr" }]
26
- ], p = t("loader", n), j = ({ variant: o = "default", icon: e, size: a = "md", className: s, ...d }) => {
27
- const l = e || (o === "wheel" ? p : x), r = i(
28
- "animate-spin",
29
- a === "xs" && "size-2",
30
- a === "sm" && "size-3",
31
- a === "md" && "size-4",
32
- a === "lg" && "size-5",
33
- a === "xl" && "size-6",
34
- a === "2xl" && "size-7",
35
- a === "3xl" && "size-8",
36
- a === "4xl" && "size-10",
37
- a === "5xl" && "size-12",
38
- a === "6xl" && "size-14",
39
- a === "7xl" && "size-16",
40
- a === "8xl" && "size-20",
41
- a === "9xl" && "size-28",
42
- a === "10xl" && "size-32",
43
- s
44
- );
45
- return /* @__PURE__ */ c.jsx(l, { "aria-label": "Loading", className: r, role: "status", ...d });
46
- };
47
- export {
48
- j as L
49
- };