@cascivo/mcp 0.1.0 → 0.1.2
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/README.md +47 -12
- package/dist/index.d.mts +48 -2
- package/dist/index.d.mts.map +1 -1
- package/dist/index.mjs +145 -12
- package/dist/index.mjs.map +1 -1
- package/dist/registry.json +1557 -383
- package/package.json +6 -6
- package/readme.body.md +31 -8
package/dist/registry.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": "0.0.0",
|
|
3
|
-
"generatedAt": "2026-06-
|
|
3
|
+
"generatedAt": "2026-06-21",
|
|
4
4
|
"components": [
|
|
5
5
|
{
|
|
6
6
|
"name": "accordion",
|
|
@@ -9,8 +9,8 @@
|
|
|
9
9
|
"category": "navigation",
|
|
10
10
|
"version": "0.0.0",
|
|
11
11
|
"files": [
|
|
12
|
-
"https://raw.githubusercontent.com/
|
|
13
|
-
"https://raw.githubusercontent.com/
|
|
12
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/accordion/accordion.tsx",
|
|
13
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/accordion/accordion.module.css"
|
|
14
14
|
],
|
|
15
15
|
"dependencies": ["@cascivo/core"],
|
|
16
16
|
"tags": ["navigation", "collapse", "disclosure"],
|
|
@@ -114,8 +114,8 @@
|
|
|
114
114
|
"category": "display",
|
|
115
115
|
"version": "0.0.0",
|
|
116
116
|
"files": [
|
|
117
|
-
"https://raw.githubusercontent.com/
|
|
118
|
-
"https://raw.githubusercontent.com/
|
|
117
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/alert/alert.tsx",
|
|
118
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/alert/alert.module.css"
|
|
119
119
|
],
|
|
120
120
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
121
121
|
"tags": ["notification", "message", "feedback"],
|
|
@@ -247,8 +247,8 @@
|
|
|
247
247
|
"category": "overlay",
|
|
248
248
|
"version": "0.0.0",
|
|
249
249
|
"files": [
|
|
250
|
-
"https://raw.githubusercontent.com/
|
|
251
|
-
"https://raw.githubusercontent.com/
|
|
250
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/alert-dialog/alert-dialog.tsx",
|
|
251
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/alert-dialog/alert-dialog.module.css"
|
|
252
252
|
],
|
|
253
253
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
254
254
|
"tags": ["overlay", "dialog", "confirm", "destructive"],
|
|
@@ -340,6 +340,130 @@
|
|
|
340
340
|
}
|
|
341
341
|
}
|
|
342
342
|
},
|
|
343
|
+
{
|
|
344
|
+
"name": "app-shell",
|
|
345
|
+
"type": "component",
|
|
346
|
+
"description": "Sticky-header + full-height side-nav + single-scroll-container layout with an animated, accessible nav toggle.",
|
|
347
|
+
"category": "layout",
|
|
348
|
+
"version": "0.0.0",
|
|
349
|
+
"files": [
|
|
350
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/app-shell/app-shell.tsx",
|
|
351
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/app-shell/app-shell.module.css"
|
|
352
|
+
],
|
|
353
|
+
"dependencies": ["@cascivo/core"],
|
|
354
|
+
"tags": ["shell", "layout", "sidebar", "navigation", "drawer", "responsive", "sticky"],
|
|
355
|
+
"meta": {
|
|
356
|
+
"name": "AppShell",
|
|
357
|
+
"description": "Sticky-header + full-height side-nav + single-scroll-container layout with an animated, accessible nav toggle.",
|
|
358
|
+
"category": "layout",
|
|
359
|
+
"states": ["open", "closed"],
|
|
360
|
+
"variants": [],
|
|
361
|
+
"sizes": [],
|
|
362
|
+
"props": [
|
|
363
|
+
{
|
|
364
|
+
"name": "header",
|
|
365
|
+
"type": "ReactNode",
|
|
366
|
+
"required": true,
|
|
367
|
+
"description": "Top bar (typically a ShellHeader). If a React element, its onMenuClick/menuExpanded are bound to the nav toggle."
|
|
368
|
+
},
|
|
369
|
+
{
|
|
370
|
+
"name": "nav",
|
|
371
|
+
"type": "ReactNode",
|
|
372
|
+
"required": false,
|
|
373
|
+
"description": "Side navigation (typically a SideNav). Fills full height and scrolls internally."
|
|
374
|
+
},
|
|
375
|
+
{
|
|
376
|
+
"name": "children",
|
|
377
|
+
"type": "ReactNode",
|
|
378
|
+
"required": true,
|
|
379
|
+
"description": "Main content, rendered inside the single scroll container."
|
|
380
|
+
},
|
|
381
|
+
{
|
|
382
|
+
"name": "footer",
|
|
383
|
+
"type": "ReactNode",
|
|
384
|
+
"required": false,
|
|
385
|
+
"description": "Optional footer pinned below the content area."
|
|
386
|
+
},
|
|
387
|
+
{
|
|
388
|
+
"name": "open",
|
|
389
|
+
"type": "boolean",
|
|
390
|
+
"required": false,
|
|
391
|
+
"description": "Controlled nav open/visible state. Omit for uncontrolled."
|
|
392
|
+
},
|
|
393
|
+
{
|
|
394
|
+
"name": "defaultOpen",
|
|
395
|
+
"type": "boolean",
|
|
396
|
+
"required": false,
|
|
397
|
+
"description": "Initial open state when uncontrolled. Defaults open on desktop, closed on small screens."
|
|
398
|
+
},
|
|
399
|
+
{
|
|
400
|
+
"name": "onOpenChange",
|
|
401
|
+
"type": "(open: boolean) => void",
|
|
402
|
+
"required": false,
|
|
403
|
+
"description": "Fired when the nav requests open/close (burger, Escape, scrim)."
|
|
404
|
+
}
|
|
405
|
+
],
|
|
406
|
+
"tokens": [
|
|
407
|
+
"--cascivo-shell-aside-inline-size",
|
|
408
|
+
"--cascivo-shell-panel-inline-size",
|
|
409
|
+
"--cascivo-motion-emphasis",
|
|
410
|
+
"--cascivo-z-raised",
|
|
411
|
+
"--cascivo-z-overlay",
|
|
412
|
+
"--cascivo-color-foreground",
|
|
413
|
+
"--cascivo-color-background"
|
|
414
|
+
],
|
|
415
|
+
"accessibility": {
|
|
416
|
+
"role": "none",
|
|
417
|
+
"wcag": "2.2-AA",
|
|
418
|
+
"keyboard": ["Escape"]
|
|
419
|
+
},
|
|
420
|
+
"examples": [
|
|
421
|
+
{
|
|
422
|
+
"title": "Header + SideNav + content",
|
|
423
|
+
"code": "<AppShell\n header={<ShellHeader brand={{ name: 'Acme' }} />}\n nav={<SideNav items={items} />}\n>\n <h1>Dashboard</h1>\n</AppShell>",
|
|
424
|
+
"description": "The burger in ShellHeader toggles the SideNav automatically."
|
|
425
|
+
},
|
|
426
|
+
{
|
|
427
|
+
"title": "Controlled open",
|
|
428
|
+
"code": "<AppShell header={header} nav={nav} open={open.value} onOpenChange={(v) => (open.value = v)}>\n …\n</AppShell>"
|
|
429
|
+
}
|
|
430
|
+
],
|
|
431
|
+
"dependencies": ["@cascivo/core"],
|
|
432
|
+
"tags": ["shell", "layout", "sidebar", "navigation", "drawer", "responsive", "sticky"],
|
|
433
|
+
"intent": {
|
|
434
|
+
"whenToUse": [
|
|
435
|
+
"Building an application screen with a persistent header and side navigation",
|
|
436
|
+
"You want the header burger to toggle the side nav with an animated, accessible show/hide out of the box",
|
|
437
|
+
"You need one scroll container (the main area) with a fixed header and full-height nav"
|
|
438
|
+
],
|
|
439
|
+
"whenNotToUse": [
|
|
440
|
+
"Marketing/document pages where the whole page should scroll — use a plain Header instead",
|
|
441
|
+
"A single, always-visible sidebar with no toggle — compose SideNav directly"
|
|
442
|
+
],
|
|
443
|
+
"antiPatterns": [
|
|
444
|
+
{
|
|
445
|
+
"bad": "Animating the nav collapse with grid-template-columns: 1fr → 0fr on an auto-width sidebar",
|
|
446
|
+
"good": "AppShell animates an explicit inline-size (desktop) / transform (mobile drawer)",
|
|
447
|
+
"why": "fr units have no definite size to resolve against on a shrink-to-fit flex item, so the track never animates"
|
|
448
|
+
}
|
|
449
|
+
],
|
|
450
|
+
"related": [
|
|
451
|
+
{
|
|
452
|
+
"name": "ShellHeader",
|
|
453
|
+
"relationship": "pairs-with",
|
|
454
|
+
"reason": "Provides the top bar and burger AppShell binds to the nav"
|
|
455
|
+
},
|
|
456
|
+
{
|
|
457
|
+
"name": "SideNav",
|
|
458
|
+
"relationship": "pairs-with",
|
|
459
|
+
"reason": "The side navigation AppShell lays out full-height"
|
|
460
|
+
}
|
|
461
|
+
],
|
|
462
|
+
"a11yRationale": "The hidden nav uses transform/inline-size + inert (never display:none alone), so it stays in the a11y tree and is keyboard-reachable when open while leaving the tab order when closed; Escape and a scrim close the mobile drawer and focus returns to the toggle.",
|
|
463
|
+
"flexibility": []
|
|
464
|
+
}
|
|
465
|
+
}
|
|
466
|
+
},
|
|
343
467
|
{
|
|
344
468
|
"name": "aspect-ratio",
|
|
345
469
|
"type": "component",
|
|
@@ -347,8 +471,8 @@
|
|
|
347
471
|
"category": "layout",
|
|
348
472
|
"version": "0.0.0",
|
|
349
473
|
"files": [
|
|
350
|
-
"https://raw.githubusercontent.com/
|
|
351
|
-
"https://raw.githubusercontent.com/
|
|
474
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/aspect-ratio/aspect-ratio.tsx",
|
|
475
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/aspect-ratio/aspect-ratio.module.css"
|
|
352
476
|
],
|
|
353
477
|
"dependencies": ["@cascivo/core"],
|
|
354
478
|
"tags": ["layout", "ratio", "image", "video", "responsive"],
|
|
@@ -439,8 +563,8 @@
|
|
|
439
563
|
"category": "display",
|
|
440
564
|
"version": "0.0.0",
|
|
441
565
|
"files": [
|
|
442
|
-
"https://raw.githubusercontent.com/
|
|
443
|
-
"https://raw.githubusercontent.com/
|
|
566
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/avatar/avatar.tsx",
|
|
567
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/avatar/avatar.module.css"
|
|
444
568
|
],
|
|
445
569
|
"dependencies": ["@cascivo/core"],
|
|
446
570
|
"tags": ["user", "profile", "image"],
|
|
@@ -547,6 +671,128 @@
|
|
|
547
671
|
}
|
|
548
672
|
}
|
|
549
673
|
},
|
|
674
|
+
{
|
|
675
|
+
"name": "avatar-group",
|
|
676
|
+
"type": "component",
|
|
677
|
+
"description": "Overlapping stack of avatars with a max cap and an i18n-labelled +N overflow chip",
|
|
678
|
+
"category": "display",
|
|
679
|
+
"version": "0.0.0",
|
|
680
|
+
"files": [
|
|
681
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/avatar-group/avatar-group.tsx",
|
|
682
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/avatar-group/avatar-group.module.css"
|
|
683
|
+
],
|
|
684
|
+
"dependencies": ["@cascivo/core", "@cascivo/components"],
|
|
685
|
+
"tags": ["avatar", "group", "stack", "overflow", "display"],
|
|
686
|
+
"meta": {
|
|
687
|
+
"name": "AvatarGroup",
|
|
688
|
+
"description": "Overlapping stack of avatars with a max cap and an i18n-labelled +N overflow chip",
|
|
689
|
+
"category": "display",
|
|
690
|
+
"states": ["default"],
|
|
691
|
+
"variants": [],
|
|
692
|
+
"sizes": [],
|
|
693
|
+
"props": [
|
|
694
|
+
{
|
|
695
|
+
"name": "max",
|
|
696
|
+
"type": "number",
|
|
697
|
+
"required": false,
|
|
698
|
+
"description": "Cap the number of visible avatars"
|
|
699
|
+
},
|
|
700
|
+
{
|
|
701
|
+
"name": "total",
|
|
702
|
+
"type": "number",
|
|
703
|
+
"required": false,
|
|
704
|
+
"description": "Override the total count used for the +N chip"
|
|
705
|
+
},
|
|
706
|
+
{
|
|
707
|
+
"name": "spacing",
|
|
708
|
+
"type": "'sm' | 'md' | 'lg'",
|
|
709
|
+
"required": false,
|
|
710
|
+
"default": "md"
|
|
711
|
+
},
|
|
712
|
+
{
|
|
713
|
+
"name": "isGrid",
|
|
714
|
+
"type": "boolean",
|
|
715
|
+
"required": false,
|
|
716
|
+
"default": "false"
|
|
717
|
+
},
|
|
718
|
+
{
|
|
719
|
+
"name": "labels",
|
|
720
|
+
"type": "AvatarGroupLabels",
|
|
721
|
+
"required": false
|
|
722
|
+
}
|
|
723
|
+
],
|
|
724
|
+
"tokens": [
|
|
725
|
+
"--cascivo-color-surface",
|
|
726
|
+
"--cascivo-color-text-muted",
|
|
727
|
+
"--cascivo-space-2",
|
|
728
|
+
"--cascivo-text-xs"
|
|
729
|
+
],
|
|
730
|
+
"accessibility": {
|
|
731
|
+
"role": "group",
|
|
732
|
+
"wcag": "2.2-AA",
|
|
733
|
+
"keyboard": []
|
|
734
|
+
},
|
|
735
|
+
"examples": [
|
|
736
|
+
{
|
|
737
|
+
"title": "Basic",
|
|
738
|
+
"code": "<AvatarGroup><Avatar fallback=\"A\" /><Avatar fallback=\"B\" /><Avatar fallback=\"C\" /></AvatarGroup>"
|
|
739
|
+
},
|
|
740
|
+
{
|
|
741
|
+
"title": "With max",
|
|
742
|
+
"code": "<AvatarGroup max={3}>{users.map((u) => <Avatar key={u.id} src={u.src} alt={u.name} />)}</AvatarGroup>"
|
|
743
|
+
},
|
|
744
|
+
{
|
|
745
|
+
"title": "Grid",
|
|
746
|
+
"code": "<AvatarGroup isGrid max={8}>{avatars}</AvatarGroup>"
|
|
747
|
+
}
|
|
748
|
+
],
|
|
749
|
+
"dependencies": ["@cascivo/core", "@cascivo/components"],
|
|
750
|
+
"tags": ["avatar", "group", "stack", "overflow", "display"],
|
|
751
|
+
"intent": {
|
|
752
|
+
"whenToUse": [
|
|
753
|
+
"Showing several people compactly as an overlapping stack (collaborators, attendees, reviewers)",
|
|
754
|
+
"Capping a long list of avatars with a +N overflow chip",
|
|
755
|
+
"A facepile in a card header, table cell, or activity row"
|
|
756
|
+
],
|
|
757
|
+
"whenNotToUse": [
|
|
758
|
+
"A single identity with a name — use User or Avatar",
|
|
759
|
+
"A selectable list of people — use a list/menu with checkboxes"
|
|
760
|
+
],
|
|
761
|
+
"antiPatterns": [
|
|
762
|
+
{
|
|
763
|
+
"bad": "<AvatarGroup>{hundredsOfAvatars}</AvatarGroup> with no max",
|
|
764
|
+
"good": "<AvatarGroup max={5} total={120}>{avatars}</AvatarGroup>",
|
|
765
|
+
"why": "Without a max the row grows unbounded; a cap plus total keeps it compact and accurate"
|
|
766
|
+
}
|
|
767
|
+
],
|
|
768
|
+
"related": [
|
|
769
|
+
{
|
|
770
|
+
"name": "Avatar",
|
|
771
|
+
"relationship": "contains",
|
|
772
|
+
"reason": "AvatarGroup arranges Avatar children and adds an overflow chip"
|
|
773
|
+
},
|
|
774
|
+
{
|
|
775
|
+
"name": "User",
|
|
776
|
+
"relationship": "alternative",
|
|
777
|
+
"reason": "Use User for a single labelled identity row"
|
|
778
|
+
}
|
|
779
|
+
],
|
|
780
|
+
"a11yRationale": "The stack is a labelled group; the +N chip carries an i18n-defaulted aria-label (\"{count} more\") so the hidden count is announced, not conveyed by the chip text alone",
|
|
781
|
+
"flexibility": [
|
|
782
|
+
{
|
|
783
|
+
"area": "spacing",
|
|
784
|
+
"level": "flexible",
|
|
785
|
+
"note": "Pick the overlap that fits the surrounding density"
|
|
786
|
+
},
|
|
787
|
+
{
|
|
788
|
+
"area": "overflow label",
|
|
789
|
+
"level": "strict",
|
|
790
|
+
"note": "The +N label must come from i18n (builtin.avatarGroup.more or a labels override)"
|
|
791
|
+
}
|
|
792
|
+
]
|
|
793
|
+
}
|
|
794
|
+
}
|
|
795
|
+
},
|
|
550
796
|
{
|
|
551
797
|
"name": "badge",
|
|
552
798
|
"type": "component",
|
|
@@ -554,8 +800,8 @@
|
|
|
554
800
|
"category": "display",
|
|
555
801
|
"version": "0.0.0",
|
|
556
802
|
"files": [
|
|
557
|
-
"https://raw.githubusercontent.com/
|
|
558
|
-
"https://raw.githubusercontent.com/
|
|
803
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/badge/badge.tsx",
|
|
804
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/badge/badge.module.css"
|
|
559
805
|
],
|
|
560
806
|
"dependencies": ["@cascivo/core"],
|
|
561
807
|
"tags": ["label", "status", "tag"],
|
|
@@ -581,11 +827,32 @@
|
|
|
581
827
|
}
|
|
582
828
|
],
|
|
583
829
|
"tokens": [
|
|
830
|
+
"--cascivo-font-sans",
|
|
831
|
+
"--cascivo-font-medium",
|
|
832
|
+
"--cascivo-radius-badge",
|
|
833
|
+
"--cascivo-space-1",
|
|
834
|
+
"--cascivo-space-2",
|
|
835
|
+
"--cascivo-space-3",
|
|
836
|
+
"--cascivo-text-xs",
|
|
837
|
+
"--cascivo-leading-normal",
|
|
584
838
|
"--cascivo-color-accent",
|
|
585
|
-
"--cascivo-color-
|
|
586
|
-
"--cascivo-color-
|
|
587
|
-
"--cascivo-color-
|
|
588
|
-
"--cascivo-
|
|
839
|
+
"--cascivo-color-text-on-accent",
|
|
840
|
+
"--cascivo-color-bg-subtle",
|
|
841
|
+
"--cascivo-color-text",
|
|
842
|
+
"--cascivo-color-border",
|
|
843
|
+
"--cascivo-color-border-strong",
|
|
844
|
+
"--cascivo-color-success-subtle",
|
|
845
|
+
"--cascivo-color-success-foreground",
|
|
846
|
+
"--cascivo-color-warning-subtle",
|
|
847
|
+
"--cascivo-color-warning-foreground",
|
|
848
|
+
"--cascivo-color-destructive-subtle",
|
|
849
|
+
"--cascivo-color-destructive-foreground",
|
|
850
|
+
"--cascivo-color-primary",
|
|
851
|
+
"--cascivo-color-primary-content",
|
|
852
|
+
"--cascivo-color-info",
|
|
853
|
+
"--cascivo-color-info-content",
|
|
854
|
+
"--cascivo-color-error",
|
|
855
|
+
"--cascivo-color-error-content"
|
|
589
856
|
],
|
|
590
857
|
"accessibility": {
|
|
591
858
|
"role": "status",
|
|
@@ -660,8 +927,8 @@
|
|
|
660
927
|
"category": "display",
|
|
661
928
|
"version": "0.0.0",
|
|
662
929
|
"files": [
|
|
663
|
-
"https://raw.githubusercontent.com/
|
|
664
|
-
"https://raw.githubusercontent.com/
|
|
930
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/blockquote/blockquote.tsx",
|
|
931
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/blockquote/blockquote.module.css"
|
|
665
932
|
],
|
|
666
933
|
"dependencies": ["@cascivo/core"],
|
|
667
934
|
"tags": ["typography", "quote", "blockquote", "citation"],
|
|
@@ -758,8 +1025,8 @@
|
|
|
758
1025
|
"category": "navigation",
|
|
759
1026
|
"version": "0.0.0",
|
|
760
1027
|
"files": [
|
|
761
|
-
"https://raw.githubusercontent.com/
|
|
762
|
-
"https://raw.githubusercontent.com/
|
|
1028
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/breadcrumb/breadcrumb.tsx",
|
|
1029
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/breadcrumb/breadcrumb.module.css"
|
|
763
1030
|
],
|
|
764
1031
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
765
1032
|
"tags": ["breadcrumb", "navigation", "hierarchy"],
|
|
@@ -870,8 +1137,8 @@
|
|
|
870
1137
|
"category": "inputs",
|
|
871
1138
|
"version": "0.0.0",
|
|
872
1139
|
"files": [
|
|
873
|
-
"https://raw.githubusercontent.com/
|
|
874
|
-
"https://raw.githubusercontent.com/
|
|
1140
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/button/button.tsx",
|
|
1141
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/button/button.module.css"
|
|
875
1142
|
],
|
|
876
1143
|
"dependencies": ["@cascivo/core"],
|
|
877
1144
|
"tags": ["action", "form", "interactive"],
|
|
@@ -907,6 +1174,12 @@
|
|
|
907
1174
|
"required": false,
|
|
908
1175
|
"default": "false"
|
|
909
1176
|
},
|
|
1177
|
+
{
|
|
1178
|
+
"name": "asChild",
|
|
1179
|
+
"type": "boolean",
|
|
1180
|
+
"required": false,
|
|
1181
|
+
"default": "false"
|
|
1182
|
+
},
|
|
910
1183
|
{
|
|
911
1184
|
"name": "onClick",
|
|
912
1185
|
"type": "React.MouseEventHandler<HTMLButtonElement>",
|
|
@@ -920,7 +1193,8 @@
|
|
|
920
1193
|
"--cascivo-color-text-on-accent",
|
|
921
1194
|
"--cascivo-color-destructive",
|
|
922
1195
|
"--cascivo-radius-button",
|
|
923
|
-
"--cascivo-focus-ring"
|
|
1196
|
+
"--cascivo-focus-ring",
|
|
1197
|
+
"--cascivo-disabled-opacity"
|
|
924
1198
|
],
|
|
925
1199
|
"accessibility": {
|
|
926
1200
|
"role": "button",
|
|
@@ -942,6 +1216,11 @@
|
|
|
942
1216
|
{
|
|
943
1217
|
"title": "Destructive",
|
|
944
1218
|
"code": "<Button variant=\"destructive\">Delete</Button>"
|
|
1219
|
+
},
|
|
1220
|
+
{
|
|
1221
|
+
"title": "As link",
|
|
1222
|
+
"code": "<Button asChild><a href=\"/pricing\">View pricing</a></Button>",
|
|
1223
|
+
"description": "Render button styling on a real anchor (keeps middle-click / open-in-new-tab)."
|
|
945
1224
|
}
|
|
946
1225
|
],
|
|
947
1226
|
"dependencies": ["@cascivo/core"],
|
|
@@ -1001,8 +1280,8 @@
|
|
|
1001
1280
|
"category": "inputs",
|
|
1002
1281
|
"version": "0.0.0",
|
|
1003
1282
|
"files": [
|
|
1004
|
-
"https://raw.githubusercontent.com/
|
|
1005
|
-
"https://raw.githubusercontent.com/
|
|
1283
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/button-group/button-group.tsx",
|
|
1284
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/button-group/button-group.module.css"
|
|
1006
1285
|
],
|
|
1007
1286
|
"dependencies": ["@cascivo/core"],
|
|
1008
1287
|
"tags": ["action", "segmented", "toolbar", "layout"],
|
|
@@ -1123,8 +1402,8 @@
|
|
|
1123
1402
|
"category": "inputs",
|
|
1124
1403
|
"version": "0.0.0",
|
|
1125
1404
|
"files": [
|
|
1126
|
-
"https://raw.githubusercontent.com/
|
|
1127
|
-
"https://raw.githubusercontent.com/
|
|
1405
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/calendar/calendar.tsx",
|
|
1406
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/calendar/calendar.module.css"
|
|
1128
1407
|
],
|
|
1129
1408
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
1130
1409
|
"tags": ["calendar", "date", "month", "grid", "picker", "input"],
|
|
@@ -1315,8 +1594,8 @@
|
|
|
1315
1594
|
"category": "display",
|
|
1316
1595
|
"version": "0.0.0",
|
|
1317
1596
|
"files": [
|
|
1318
|
-
"https://raw.githubusercontent.com/
|
|
1319
|
-
"https://raw.githubusercontent.com/
|
|
1597
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/card/card.tsx",
|
|
1598
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/card/card.module.css"
|
|
1320
1599
|
],
|
|
1321
1600
|
"dependencies": ["@cascivo/core"],
|
|
1322
1601
|
"tags": ["container", "layout", "surface"],
|
|
@@ -1407,8 +1686,8 @@
|
|
|
1407
1686
|
"category": "display",
|
|
1408
1687
|
"version": "0.0.0",
|
|
1409
1688
|
"files": [
|
|
1410
|
-
"https://raw.githubusercontent.com/
|
|
1411
|
-
"https://raw.githubusercontent.com/
|
|
1689
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/carousel/carousel.tsx",
|
|
1690
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/carousel/carousel.module.css"
|
|
1412
1691
|
],
|
|
1413
1692
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
1414
1693
|
"tags": ["slider", "gallery", "slideshow", "deck", "scroll-snap"],
|
|
@@ -1531,8 +1810,8 @@
|
|
|
1531
1810
|
"category": "display",
|
|
1532
1811
|
"version": "0.0.0",
|
|
1533
1812
|
"files": [
|
|
1534
|
-
"https://raw.githubusercontent.com/
|
|
1535
|
-
"https://raw.githubusercontent.com/
|
|
1813
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/chat-bubble/chat-bubble.tsx",
|
|
1814
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/chat-bubble/chat-bubble.module.css"
|
|
1536
1815
|
],
|
|
1537
1816
|
"dependencies": [],
|
|
1538
1817
|
"tags": ["chat", "message", "conversation", "messaging"],
|
|
@@ -1662,8 +1941,8 @@
|
|
|
1662
1941
|
"category": "inputs",
|
|
1663
1942
|
"version": "0.0.0",
|
|
1664
1943
|
"files": [
|
|
1665
|
-
"https://raw.githubusercontent.com/
|
|
1666
|
-
"https://raw.githubusercontent.com/
|
|
1944
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/checkbox/checkbox.tsx",
|
|
1945
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/checkbox/checkbox.module.css"
|
|
1667
1946
|
],
|
|
1668
1947
|
"dependencies": ["@cascivo/core"],
|
|
1669
1948
|
"tags": ["form", "toggle", "boolean"],
|
|
@@ -1793,8 +2072,8 @@
|
|
|
1793
2072
|
"category": "inputs",
|
|
1794
2073
|
"version": "0.0.0",
|
|
1795
2074
|
"files": [
|
|
1796
|
-
"https://raw.githubusercontent.com/
|
|
1797
|
-
"https://raw.githubusercontent.com/
|
|
2075
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/checkbox-card/checkbox-card.tsx",
|
|
2076
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/checkbox-card/checkbox-card.module.css"
|
|
1798
2077
|
],
|
|
1799
2078
|
"dependencies": ["@cascivo/core"],
|
|
1800
2079
|
"tags": ["checkbox", "card", "selectable", "form"],
|
|
@@ -1917,8 +2196,8 @@
|
|
|
1917
2196
|
"category": "display",
|
|
1918
2197
|
"version": "0.0.0",
|
|
1919
2198
|
"files": [
|
|
1920
|
-
"https://raw.githubusercontent.com/
|
|
1921
|
-
"https://raw.githubusercontent.com/
|
|
2199
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/code/code.tsx",
|
|
2200
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/code/code.module.css"
|
|
1922
2201
|
],
|
|
1923
2202
|
"dependencies": ["@cascivo/core"],
|
|
1924
2203
|
"tags": ["typography", "code", "inline", "mono"],
|
|
@@ -2015,18 +2294,30 @@
|
|
|
2015
2294
|
{
|
|
2016
2295
|
"name": "code-snippet",
|
|
2017
2296
|
"type": "component",
|
|
2018
|
-
"description": "Displays code (inline, single-line, or multi-line) with an optional copy button
|
|
2297
|
+
"description": "Displays code (inline, single-line, or multi-line) with an optional copy button, lightweight built-in syntax highlighting for bash/css/js/ts, and an optional terminal-window look",
|
|
2019
2298
|
"category": "display",
|
|
2020
2299
|
"version": "0.0.0",
|
|
2021
2300
|
"files": [
|
|
2022
|
-
"https://raw.githubusercontent.com/
|
|
2023
|
-
"https://raw.githubusercontent.com/
|
|
2301
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/code-snippet/code-snippet.tsx",
|
|
2302
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/code-snippet/code-snippet.module.css"
|
|
2024
2303
|
],
|
|
2025
2304
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
2026
|
-
"tags": [
|
|
2305
|
+
"tags": [
|
|
2306
|
+
"display",
|
|
2307
|
+
"code",
|
|
2308
|
+
"snippet",
|
|
2309
|
+
"copy",
|
|
2310
|
+
"pre",
|
|
2311
|
+
"syntax-highlighting",
|
|
2312
|
+
"terminal",
|
|
2313
|
+
"bash",
|
|
2314
|
+
"css",
|
|
2315
|
+
"js",
|
|
2316
|
+
"ts"
|
|
2317
|
+
],
|
|
2027
2318
|
"meta": {
|
|
2028
2319
|
"name": "CodeSnippet",
|
|
2029
|
-
"description": "Displays code (inline, single-line, or multi-line) with an optional copy button
|
|
2320
|
+
"description": "Displays code (inline, single-line, or multi-line) with an optional copy button, lightweight built-in syntax highlighting for bash/css/js/ts, and an optional terminal-window look",
|
|
2030
2321
|
"category": "display",
|
|
2031
2322
|
"states": ["idle", "copied"],
|
|
2032
2323
|
"variants": ["inline", "single", "multi"],
|
|
@@ -2049,7 +2340,19 @@
|
|
|
2049
2340
|
},
|
|
2050
2341
|
"examples": [],
|
|
2051
2342
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
2052
|
-
"tags": [
|
|
2343
|
+
"tags": [
|
|
2344
|
+
"display",
|
|
2345
|
+
"code",
|
|
2346
|
+
"snippet",
|
|
2347
|
+
"copy",
|
|
2348
|
+
"pre",
|
|
2349
|
+
"syntax-highlighting",
|
|
2350
|
+
"terminal",
|
|
2351
|
+
"bash",
|
|
2352
|
+
"css",
|
|
2353
|
+
"js",
|
|
2354
|
+
"ts"
|
|
2355
|
+
],
|
|
2053
2356
|
"intent": {
|
|
2054
2357
|
"whenToUse": [
|
|
2055
2358
|
"Showing a command, token, or path the user is expected to copy",
|
|
@@ -2058,7 +2361,7 @@
|
|
|
2058
2361
|
],
|
|
2059
2362
|
"whenNotToUse": [
|
|
2060
2363
|
"An editable code input — use a textarea or code editor",
|
|
2061
|
-
"
|
|
2364
|
+
"Whole source files needing folding, diagnostics, or many languages — use a dedicated viewer; the built-in highlighter is a presentational scan for bash/css/js/ts only"
|
|
2062
2365
|
],
|
|
2063
2366
|
"antiPatterns": [
|
|
2064
2367
|
{
|
|
@@ -2097,8 +2400,8 @@
|
|
|
2097
2400
|
"category": "display",
|
|
2098
2401
|
"version": "0.0.0",
|
|
2099
2402
|
"files": [
|
|
2100
|
-
"https://raw.githubusercontent.com/
|
|
2101
|
-
"https://raw.githubusercontent.com/
|
|
2403
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/collapsible/collapsible.tsx",
|
|
2404
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/collapsible/collapsible.module.css"
|
|
2102
2405
|
],
|
|
2103
2406
|
"dependencies": ["@cascivo/core"],
|
|
2104
2407
|
"tags": ["disclosure", "collapse", "expand", "toggle", "show-hide"],
|
|
@@ -2227,8 +2530,8 @@
|
|
|
2227
2530
|
"category": "inputs",
|
|
2228
2531
|
"version": "0.0.0",
|
|
2229
2532
|
"files": [
|
|
2230
|
-
"https://raw.githubusercontent.com/
|
|
2231
|
-
"https://raw.githubusercontent.com/
|
|
2533
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/color-picker/color-picker.tsx",
|
|
2534
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/color-picker/color-picker.module.css"
|
|
2232
2535
|
],
|
|
2233
2536
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
2234
2537
|
"tags": ["color", "input", "form", "picker", "hue", "alpha"],
|
|
@@ -2366,8 +2669,8 @@
|
|
|
2366
2669
|
"category": "inputs",
|
|
2367
2670
|
"version": "0.0.0",
|
|
2368
2671
|
"files": [
|
|
2369
|
-
"https://raw.githubusercontent.com/
|
|
2370
|
-
"https://raw.githubusercontent.com/
|
|
2672
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/combobox/combobox.tsx",
|
|
2673
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/combobox/combobox.module.css"
|
|
2371
2674
|
],
|
|
2372
2675
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
2373
2676
|
"tags": ["select", "combobox", "dropdown", "filter", "search"],
|
|
@@ -2546,8 +2849,8 @@
|
|
|
2546
2849
|
"category": "overlay",
|
|
2547
2850
|
"version": "0.0.0",
|
|
2548
2851
|
"files": [
|
|
2549
|
-
"https://raw.githubusercontent.com/
|
|
2550
|
-
"https://raw.githubusercontent.com/
|
|
2852
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/command-menu/command-menu.tsx",
|
|
2853
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/command-menu/command-menu.module.css"
|
|
2551
2854
|
],
|
|
2552
2855
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
2553
2856
|
"tags": ["overlay", "command", "palette", "search", "cmdk", "keyboard"],
|
|
@@ -2707,6 +3010,159 @@
|
|
|
2707
3010
|
}
|
|
2708
3011
|
}
|
|
2709
3012
|
},
|
|
3013
|
+
{
|
|
3014
|
+
"name": "comparison",
|
|
3015
|
+
"type": "component",
|
|
3016
|
+
"description": "Reveals the difference between two layers with a draggable divider",
|
|
3017
|
+
"category": "display",
|
|
3018
|
+
"version": "0.0.0",
|
|
3019
|
+
"files": [
|
|
3020
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/comparison/comparison.tsx",
|
|
3021
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/comparison/comparison.module.css"
|
|
3022
|
+
],
|
|
3023
|
+
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
3024
|
+
"tags": ["comparison", "before-after", "image", "slider", "display"],
|
|
3025
|
+
"meta": {
|
|
3026
|
+
"name": "Comparison",
|
|
3027
|
+
"description": "Reveals the difference between two layers with a draggable divider",
|
|
3028
|
+
"category": "display",
|
|
3029
|
+
"states": ["default"],
|
|
3030
|
+
"variants": [],
|
|
3031
|
+
"sizes": [],
|
|
3032
|
+
"props": [
|
|
3033
|
+
{
|
|
3034
|
+
"name": "after",
|
|
3035
|
+
"type": "ReactNode",
|
|
3036
|
+
"required": true,
|
|
3037
|
+
"description": "Base layer shown underneath"
|
|
3038
|
+
},
|
|
3039
|
+
{
|
|
3040
|
+
"name": "before",
|
|
3041
|
+
"type": "ReactNode",
|
|
3042
|
+
"required": true,
|
|
3043
|
+
"description": "Top layer revealed up to the divider"
|
|
3044
|
+
},
|
|
3045
|
+
{
|
|
3046
|
+
"name": "position",
|
|
3047
|
+
"type": "number",
|
|
3048
|
+
"required": false,
|
|
3049
|
+
"description": "Divider position 0–100 (controlled)"
|
|
3050
|
+
},
|
|
3051
|
+
{
|
|
3052
|
+
"name": "defaultPosition",
|
|
3053
|
+
"type": "number",
|
|
3054
|
+
"required": false,
|
|
3055
|
+
"default": "50"
|
|
3056
|
+
},
|
|
3057
|
+
{
|
|
3058
|
+
"name": "onPositionChange",
|
|
3059
|
+
"type": "(position: number) => void",
|
|
3060
|
+
"required": false
|
|
3061
|
+
},
|
|
3062
|
+
{
|
|
3063
|
+
"name": "orientation",
|
|
3064
|
+
"type": "'horizontal' | 'vertical'",
|
|
3065
|
+
"required": false,
|
|
3066
|
+
"default": "horizontal"
|
|
3067
|
+
},
|
|
3068
|
+
{
|
|
3069
|
+
"name": "keyboardStep",
|
|
3070
|
+
"type": "number",
|
|
3071
|
+
"required": false,
|
|
3072
|
+
"default": "5"
|
|
3073
|
+
},
|
|
3074
|
+
{
|
|
3075
|
+
"name": "label",
|
|
3076
|
+
"type": "string",
|
|
3077
|
+
"required": false
|
|
3078
|
+
}
|
|
3079
|
+
],
|
|
3080
|
+
"tokens": [
|
|
3081
|
+
"--cascivo-radius-md",
|
|
3082
|
+
"--cascivo-radius-full",
|
|
3083
|
+
"--cascivo-color-surface",
|
|
3084
|
+
"--cascivo-color-border",
|
|
3085
|
+
"--cascivo-color-focus-ring",
|
|
3086
|
+
"--cascivo-shadow-sm",
|
|
3087
|
+
"--cascivo-target-min-coarse"
|
|
3088
|
+
],
|
|
3089
|
+
"accessibility": {
|
|
3090
|
+
"role": "slider",
|
|
3091
|
+
"wcag": "2.2-AA",
|
|
3092
|
+
"keyboard": [
|
|
3093
|
+
"ArrowLeft",
|
|
3094
|
+
"ArrowRight",
|
|
3095
|
+
"ArrowUp",
|
|
3096
|
+
"ArrowDown",
|
|
3097
|
+
"Home",
|
|
3098
|
+
"End",
|
|
3099
|
+
"PageUp",
|
|
3100
|
+
"PageDown"
|
|
3101
|
+
],
|
|
3102
|
+
"apgPattern": "slider"
|
|
3103
|
+
},
|
|
3104
|
+
"examples": [
|
|
3105
|
+
{
|
|
3106
|
+
"title": "Image before/after",
|
|
3107
|
+
"code": "<Comparison before={<img src=\"/edited.jpg\" alt=\"\" />} after={<img src=\"/original.jpg\" alt=\"Original\" />} label=\"Reveal edited image\" />"
|
|
3108
|
+
},
|
|
3109
|
+
{
|
|
3110
|
+
"title": "Vertical",
|
|
3111
|
+
"code": "<Comparison orientation=\"vertical\" before={<Before />} after={<After />} />"
|
|
3112
|
+
},
|
|
3113
|
+
{
|
|
3114
|
+
"title": "Controlled",
|
|
3115
|
+
"code": "<Comparison position={position} onPositionChange={setPosition} before={<Before />} after={<After />} />"
|
|
3116
|
+
}
|
|
3117
|
+
],
|
|
3118
|
+
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
3119
|
+
"tags": ["comparison", "before-after", "image", "slider", "display"],
|
|
3120
|
+
"intent": {
|
|
3121
|
+
"whenToUse": [
|
|
3122
|
+
"Showing the difference between two versions of similar content (before/after edits, original vs processed)",
|
|
3123
|
+
"Letting users interactively reveal one image or panel over another",
|
|
3124
|
+
"Side-by-side visual demos where a draggable divider is clearer than two static images"
|
|
3125
|
+
],
|
|
3126
|
+
"whenNotToUse": [
|
|
3127
|
+
"Comparing more than two items — use a layout or table instead",
|
|
3128
|
+
"Non-visual data comparison — use a table or chart",
|
|
3129
|
+
"Static side-by-side images with no need for an interactive reveal"
|
|
3130
|
+
],
|
|
3131
|
+
"antiPatterns": [
|
|
3132
|
+
{
|
|
3133
|
+
"bad": "<Comparison before={<Before />} after={<After />} /> with no label",
|
|
3134
|
+
"good": "<Comparison label=\"Reveal edited photo\" before={<Before />} after={<After />} />",
|
|
3135
|
+
"why": "The divider is a slider; without a label assistive tech announces an unnamed control"
|
|
3136
|
+
}
|
|
3137
|
+
],
|
|
3138
|
+
"related": [
|
|
3139
|
+
{
|
|
3140
|
+
"name": "Slider",
|
|
3141
|
+
"relationship": "alternative",
|
|
3142
|
+
"reason": "Use Slider for selecting a numeric value rather than revealing layered content"
|
|
3143
|
+
},
|
|
3144
|
+
{
|
|
3145
|
+
"name": "Carousel",
|
|
3146
|
+
"relationship": "alternative",
|
|
3147
|
+
"reason": "Use Carousel to step through more than two pieces of content"
|
|
3148
|
+
}
|
|
3149
|
+
],
|
|
3150
|
+
"a11yRationale": "The divider is a role=\"slider\" with aria-valuemin/max/now and full keyboard support (Arrow/Home/End/PageUp/PageDown); aria-orientation reflects the axis so the value and direction are conveyed without sight",
|
|
3151
|
+
"flexibility": [
|
|
3152
|
+
{
|
|
3153
|
+
"area": "orientation",
|
|
3154
|
+
"level": "flexible",
|
|
3155
|
+
"note": "Horizontal or vertical depending on the content"
|
|
3156
|
+
},
|
|
3157
|
+
{
|
|
3158
|
+
"area": "label",
|
|
3159
|
+
"level": "strict",
|
|
3160
|
+
"note": "Provide a label (or rely on the i18n default) so the slider is named"
|
|
3161
|
+
}
|
|
3162
|
+
]
|
|
3163
|
+
}
|
|
3164
|
+
}
|
|
3165
|
+
},
|
|
2710
3166
|
{
|
|
2711
3167
|
"name": "contained-list",
|
|
2712
3168
|
"type": "component",
|
|
@@ -2714,8 +3170,8 @@
|
|
|
2714
3170
|
"category": "display",
|
|
2715
3171
|
"version": "0.0.0",
|
|
2716
3172
|
"files": [
|
|
2717
|
-
"https://raw.githubusercontent.com/
|
|
2718
|
-
"https://raw.githubusercontent.com/
|
|
3173
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/contained-list/contained-list.tsx",
|
|
3174
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/contained-list/contained-list.module.css"
|
|
2719
3175
|
],
|
|
2720
3176
|
"dependencies": ["@cascivo/core"],
|
|
2721
3177
|
"tags": ["list", "container", "rows", "group"],
|
|
@@ -2820,8 +3276,8 @@
|
|
|
2820
3276
|
"category": "overlay",
|
|
2821
3277
|
"version": "0.0.0",
|
|
2822
3278
|
"files": [
|
|
2823
|
-
"https://raw.githubusercontent.com/
|
|
2824
|
-
"https://raw.githubusercontent.com/
|
|
3279
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/context-menu/context-menu.tsx",
|
|
3280
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/context-menu/context-menu.module.css"
|
|
2825
3281
|
],
|
|
2826
3282
|
"dependencies": ["@cascivo/core"],
|
|
2827
3283
|
"tags": ["overlay", "menu", "context", "right-click"],
|
|
@@ -2901,8 +3357,8 @@
|
|
|
2901
3357
|
"category": "inputs",
|
|
2902
3358
|
"version": "0.0.0",
|
|
2903
3359
|
"files": [
|
|
2904
|
-
"https://raw.githubusercontent.com/
|
|
2905
|
-
"https://raw.githubusercontent.com/
|
|
3360
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/copy-button/copy-button.tsx",
|
|
3361
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/copy-button/copy-button.module.css"
|
|
2906
3362
|
],
|
|
2907
3363
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
2908
3364
|
"tags": ["clipboard", "copy", "button", "snippet"],
|
|
@@ -3022,8 +3478,8 @@
|
|
|
3022
3478
|
"category": "display",
|
|
3023
3479
|
"version": "0.0.0",
|
|
3024
3480
|
"files": [
|
|
3025
|
-
"https://raw.githubusercontent.com/
|
|
3026
|
-
"https://raw.githubusercontent.com/
|
|
3481
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/data-list/data-list.tsx",
|
|
3482
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/data-list/data-list.module.css"
|
|
3027
3483
|
],
|
|
3028
3484
|
"dependencies": ["@cascivo/core"],
|
|
3029
3485
|
"tags": ["key-value", "description", "metadata", "details"],
|
|
@@ -3130,8 +3586,8 @@
|
|
|
3130
3586
|
"category": "display",
|
|
3131
3587
|
"version": "0.0.0",
|
|
3132
3588
|
"files": [
|
|
3133
|
-
"https://raw.githubusercontent.com/
|
|
3134
|
-
"https://raw.githubusercontent.com/
|
|
3589
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/data-table/data-table.tsx",
|
|
3590
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/data-table/data-table.module.css"
|
|
3135
3591
|
],
|
|
3136
3592
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
3137
3593
|
"tags": ["table", "data", "grid", "sort", "filter", "pagination", "selection"],
|
|
@@ -3348,8 +3804,8 @@
|
|
|
3348
3804
|
"category": "inputs",
|
|
3349
3805
|
"version": "0.0.0",
|
|
3350
3806
|
"files": [
|
|
3351
|
-
"https://raw.githubusercontent.com/
|
|
3352
|
-
"https://raw.githubusercontent.com/
|
|
3807
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/date-picker/date-picker.tsx",
|
|
3808
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/date-picker/date-picker.module.css"
|
|
3353
3809
|
],
|
|
3354
3810
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
3355
3811
|
"tags": ["date", "calendar", "picker", "input", "form"],
|
|
@@ -3534,8 +3990,8 @@
|
|
|
3534
3990
|
"category": "inputs",
|
|
3535
3991
|
"version": "0.0.0",
|
|
3536
3992
|
"files": [
|
|
3537
|
-
"https://raw.githubusercontent.com/
|
|
3538
|
-
"https://raw.githubusercontent.com/
|
|
3993
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/date-range-picker/date-range-picker.tsx",
|
|
3994
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/date-range-picker/date-range-picker.module.css"
|
|
3539
3995
|
],
|
|
3540
3996
|
"dependencies": ["@cascivo/core", "@cascivo/i18n", "Calendar"],
|
|
3541
3997
|
"tags": ["date", "range", "calendar", "picker", "input", "form"],
|
|
@@ -3712,8 +4168,8 @@
|
|
|
3712
4168
|
"category": "navigation",
|
|
3713
4169
|
"version": "0.0.0",
|
|
3714
4170
|
"files": [
|
|
3715
|
-
"https://raw.githubusercontent.com/
|
|
3716
|
-
"https://raw.githubusercontent.com/
|
|
4171
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/dock/dock.tsx",
|
|
4172
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/dock/dock.module.css"
|
|
3717
4173
|
],
|
|
3718
4174
|
"dependencies": [],
|
|
3719
4175
|
"tags": ["dock", "tab-bar", "bottom-nav", "mobile", "navigation", "app-shell"],
|
|
@@ -3825,8 +4281,8 @@
|
|
|
3825
4281
|
"category": "overlay",
|
|
3826
4282
|
"version": "0.0.0",
|
|
3827
4283
|
"files": [
|
|
3828
|
-
"https://raw.githubusercontent.com/
|
|
3829
|
-
"https://raw.githubusercontent.com/
|
|
4284
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/drawer/drawer.tsx",
|
|
4285
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/drawer/drawer.module.css"
|
|
3830
4286
|
],
|
|
3831
4287
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
3832
4288
|
"tags": ["overlay", "drawer", "panel", "slide", "dialog"],
|
|
@@ -3912,8 +4368,8 @@
|
|
|
3912
4368
|
"category": "overlay",
|
|
3913
4369
|
"version": "0.0.0",
|
|
3914
4370
|
"files": [
|
|
3915
|
-
"https://raw.githubusercontent.com/
|
|
3916
|
-
"https://raw.githubusercontent.com/
|
|
4371
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/dropdown/dropdown.tsx",
|
|
4372
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/dropdown/dropdown.module.css"
|
|
3917
4373
|
],
|
|
3918
4374
|
"dependencies": ["@cascivo/core"],
|
|
3919
4375
|
"tags": ["overlay", "menu", "actions"],
|
|
@@ -4041,8 +4497,8 @@
|
|
|
4041
4497
|
"category": "inputs",
|
|
4042
4498
|
"version": "0.0.0",
|
|
4043
4499
|
"files": [
|
|
4044
|
-
"https://raw.githubusercontent.com/
|
|
4045
|
-
"https://raw.githubusercontent.com/
|
|
4500
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/editable/editable.tsx",
|
|
4501
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/editable/editable.module.css"
|
|
4046
4502
|
],
|
|
4047
4503
|
"dependencies": ["@cascivo/core"],
|
|
4048
4504
|
"tags": ["form", "editable", "inline", "input", "text"],
|
|
@@ -4171,8 +4627,8 @@
|
|
|
4171
4627
|
"category": "display",
|
|
4172
4628
|
"version": "0.0.0",
|
|
4173
4629
|
"files": [
|
|
4174
|
-
"https://raw.githubusercontent.com/
|
|
4175
|
-
"https://raw.githubusercontent.com/
|
|
4630
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/empty-state/empty-state.tsx",
|
|
4631
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/empty-state/empty-state.module.css"
|
|
4176
4632
|
],
|
|
4177
4633
|
"dependencies": ["@cascivo/core"],
|
|
4178
4634
|
"tags": ["empty", "placeholder", "zero-state", "no-data"],
|
|
@@ -4291,8 +4747,8 @@
|
|
|
4291
4747
|
"category": "inputs",
|
|
4292
4748
|
"version": "0.0.0",
|
|
4293
4749
|
"files": [
|
|
4294
|
-
"https://raw.githubusercontent.com/
|
|
4295
|
-
"https://raw.githubusercontent.com/
|
|
4750
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/field/field.tsx",
|
|
4751
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/field/field.module.css"
|
|
4296
4752
|
],
|
|
4297
4753
|
"dependencies": ["@cascivo/core"],
|
|
4298
4754
|
"tags": ["form", "layout", "validation", "accessibility"],
|
|
@@ -4433,8 +4889,8 @@
|
|
|
4433
4889
|
"category": "inputs",
|
|
4434
4890
|
"version": "0.0.0",
|
|
4435
4891
|
"files": [
|
|
4436
|
-
"https://raw.githubusercontent.com/
|
|
4437
|
-
"https://raw.githubusercontent.com/
|
|
4892
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/file-uploader/file-uploader.tsx",
|
|
4893
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/file-uploader/file-uploader.module.css"
|
|
4438
4894
|
],
|
|
4439
4895
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
4440
4896
|
"tags": ["upload", "file", "drop", "drag", "input", "form"],
|
|
@@ -4610,8 +5066,8 @@
|
|
|
4610
5066
|
"category": "inputs",
|
|
4611
5067
|
"version": "0.0.0",
|
|
4612
5068
|
"files": [
|
|
4613
|
-
"https://raw.githubusercontent.com/
|
|
4614
|
-
"https://raw.githubusercontent.com/
|
|
5069
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/filter/filter.tsx",
|
|
5070
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/filter/filter.module.css"
|
|
4615
5071
|
],
|
|
4616
5072
|
"dependencies": ["@cascivo/core"],
|
|
4617
5073
|
"tags": ["filter", "chip", "tag", "pill", "facet", "category"],
|
|
@@ -4751,8 +5207,8 @@
|
|
|
4751
5207
|
"category": "inputs",
|
|
4752
5208
|
"version": "0.0.0",
|
|
4753
5209
|
"files": [
|
|
4754
|
-
"https://raw.githubusercontent.com/
|
|
4755
|
-
"https://raw.githubusercontent.com/
|
|
5210
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/form/form.tsx",
|
|
5211
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/form/form.module.css"
|
|
4756
5212
|
],
|
|
4757
5213
|
"dependencies": ["@cascivo/core"],
|
|
4758
5214
|
"tags": ["form", "validation", "signals", "input"],
|
|
@@ -4856,8 +5312,8 @@
|
|
|
4856
5312
|
"category": "navigation",
|
|
4857
5313
|
"version": "0.0.0",
|
|
4858
5314
|
"files": [
|
|
4859
|
-
"https://raw.githubusercontent.com/
|
|
4860
|
-
"https://raw.githubusercontent.com/
|
|
5315
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/header/header.tsx",
|
|
5316
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/header/header.module.css"
|
|
4861
5317
|
],
|
|
4862
5318
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
4863
5319
|
"tags": ["navigation", "app-shell", "top-bar", "banner"],
|
|
@@ -4977,8 +5433,8 @@
|
|
|
4977
5433
|
"category": "navigation",
|
|
4978
5434
|
"version": "0.0.0",
|
|
4979
5435
|
"files": [
|
|
4980
|
-
"https://raw.githubusercontent.com/
|
|
4981
|
-
"https://raw.githubusercontent.com/
|
|
5436
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/header-panel/header-panel.tsx",
|
|
5437
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/header-panel/header-panel.module.css"
|
|
4982
5438
|
],
|
|
4983
5439
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
4984
5440
|
"tags": ["navigation", "panel", "shell", "console", "overlay", "notifications"],
|
|
@@ -5099,8 +5555,8 @@
|
|
|
5099
5555
|
"category": "display",
|
|
5100
5556
|
"version": "0.0.0",
|
|
5101
5557
|
"files": [
|
|
5102
|
-
"https://raw.githubusercontent.com/
|
|
5103
|
-
"https://raw.githubusercontent.com/
|
|
5558
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/heading/heading.tsx",
|
|
5559
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/heading/heading.module.css"
|
|
5104
5560
|
],
|
|
5105
5561
|
"dependencies": ["@cascivo/core"],
|
|
5106
5562
|
"tags": ["typography", "heading", "title"],
|
|
@@ -5126,7 +5582,7 @@
|
|
|
5126
5582
|
}
|
|
5127
5583
|
],
|
|
5128
5584
|
"tokens": [
|
|
5129
|
-
"--cascivo-font-
|
|
5585
|
+
"--cascivo-font-display",
|
|
5130
5586
|
"--cascivo-font-semibold",
|
|
5131
5587
|
"--cascivo-leading-tight",
|
|
5132
5588
|
"--cascivo-tracking-tight",
|
|
@@ -5214,8 +5670,8 @@
|
|
|
5214
5670
|
"category": "overlay",
|
|
5215
5671
|
"version": "0.0.0",
|
|
5216
5672
|
"files": [
|
|
5217
|
-
"https://raw.githubusercontent.com/
|
|
5218
|
-
"https://raw.githubusercontent.com/
|
|
5673
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/hover-card/hover-card.tsx",
|
|
5674
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/hover-card/hover-card.module.css"
|
|
5219
5675
|
],
|
|
5220
5676
|
"dependencies": ["@cascivo/core"],
|
|
5221
5677
|
"tags": ["overlay", "hover", "preview", "floating"],
|
|
@@ -5301,8 +5757,8 @@
|
|
|
5301
5757
|
"category": "inputs",
|
|
5302
5758
|
"version": "0.0.0",
|
|
5303
5759
|
"files": [
|
|
5304
|
-
"https://raw.githubusercontent.com/
|
|
5305
|
-
"https://raw.githubusercontent.com/
|
|
5760
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/icon-button/icon-button.tsx",
|
|
5761
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/icon-button/icon-button.module.css"
|
|
5306
5762
|
],
|
|
5307
5763
|
"dependencies": ["@cascivo/core"],
|
|
5308
5764
|
"tags": ["action", "icon", "compact", "toolbar"],
|
|
@@ -5325,114 +5781,267 @@
|
|
|
5325
5781
|
"required": false
|
|
5326
5782
|
},
|
|
5327
5783
|
{
|
|
5328
|
-
"name": "variant",
|
|
5329
|
-
"type": "'ghost' | 'outline' | 'filled'",
|
|
5330
|
-
"required": false,
|
|
5331
|
-
"default": "ghost"
|
|
5784
|
+
"name": "variant",
|
|
5785
|
+
"type": "'ghost' | 'outline' | 'filled'",
|
|
5786
|
+
"required": false,
|
|
5787
|
+
"default": "ghost"
|
|
5788
|
+
},
|
|
5789
|
+
{
|
|
5790
|
+
"name": "size",
|
|
5791
|
+
"type": "'sm' | 'md' | 'lg'",
|
|
5792
|
+
"required": false,
|
|
5793
|
+
"default": "md"
|
|
5794
|
+
},
|
|
5795
|
+
{
|
|
5796
|
+
"name": "asChild",
|
|
5797
|
+
"type": "boolean",
|
|
5798
|
+
"required": false,
|
|
5799
|
+
"default": "false"
|
|
5800
|
+
},
|
|
5801
|
+
{
|
|
5802
|
+
"name": "disabled",
|
|
5803
|
+
"type": "boolean",
|
|
5804
|
+
"required": false,
|
|
5805
|
+
"default": "false"
|
|
5806
|
+
},
|
|
5807
|
+
{
|
|
5808
|
+
"name": "onClick",
|
|
5809
|
+
"type": "React.MouseEventHandler<HTMLButtonElement>",
|
|
5810
|
+
"required": false
|
|
5811
|
+
}
|
|
5812
|
+
],
|
|
5813
|
+
"tokens": [
|
|
5814
|
+
"--cascivo-control-height-sm",
|
|
5815
|
+
"--cascivo-control-height-md",
|
|
5816
|
+
"--cascivo-control-height-lg",
|
|
5817
|
+
"--cascivo-button-radius",
|
|
5818
|
+
"--cascivo-radius-control",
|
|
5819
|
+
"--cascivo-color-primary",
|
|
5820
|
+
"--cascivo-color-primary-fg",
|
|
5821
|
+
"--cascivo-color-bg-subtle",
|
|
5822
|
+
"--cascivo-color-border",
|
|
5823
|
+
"--cascivo-color-surface",
|
|
5824
|
+
"--cascivo-focus-ring"
|
|
5825
|
+
],
|
|
5826
|
+
"accessibility": {
|
|
5827
|
+
"role": "button",
|
|
5828
|
+
"wcag": "2.2-AA",
|
|
5829
|
+
"keyboard": ["Enter", "Space"],
|
|
5830
|
+
"apgPattern": "button",
|
|
5831
|
+
"forcedColors": true
|
|
5832
|
+
},
|
|
5833
|
+
"examples": [
|
|
5834
|
+
{
|
|
5835
|
+
"title": "Ghost",
|
|
5836
|
+
"code": "<IconButton label=\"Settings\"><GearIcon /></IconButton>"
|
|
5837
|
+
},
|
|
5838
|
+
{
|
|
5839
|
+
"title": "Filled",
|
|
5840
|
+
"code": "<IconButton label=\"Add\" variant=\"filled\" icon={<PlusIcon />} />"
|
|
5841
|
+
},
|
|
5842
|
+
{
|
|
5843
|
+
"title": "As link",
|
|
5844
|
+
"code": "<IconButton label=\"Home\" asChild><a href=\"/\"><HomeIcon /></a></IconButton>"
|
|
5845
|
+
}
|
|
5846
|
+
],
|
|
5847
|
+
"dependencies": ["@cascivo/core"],
|
|
5848
|
+
"tags": ["action", "icon", "compact", "toolbar"],
|
|
5849
|
+
"intent": {
|
|
5850
|
+
"whenToUse": [
|
|
5851
|
+
"A compact, recognizable action where an icon alone communicates intent (close, edit, more)",
|
|
5852
|
+
"Dense toolbars or table rows where a text label would not fit"
|
|
5853
|
+
],
|
|
5854
|
+
"whenNotToUse": [
|
|
5855
|
+
"The action is not universally recognizable by its icon — use a Button with a text label",
|
|
5856
|
+
"Navigating between pages — use an anchor (optionally via asChild)"
|
|
5857
|
+
],
|
|
5858
|
+
"antiPatterns": [
|
|
5859
|
+
{
|
|
5860
|
+
"bad": "<IconButton label=\"\"><TrashIcon /></IconButton>",
|
|
5861
|
+
"good": "<IconButton label=\"Delete item\"><TrashIcon /></IconButton>",
|
|
5862
|
+
"why": "An icon-only control has no visible text, so the label prop is the only accessible name screen readers can announce"
|
|
5863
|
+
}
|
|
5864
|
+
],
|
|
5865
|
+
"related": [
|
|
5866
|
+
{
|
|
5867
|
+
"name": "Button",
|
|
5868
|
+
"relationship": "alternative",
|
|
5869
|
+
"reason": "Use a Button when the action needs a visible text label"
|
|
5870
|
+
},
|
|
5871
|
+
{
|
|
5872
|
+
"name": "ButtonGroup",
|
|
5873
|
+
"relationship": "contained-by",
|
|
5874
|
+
"reason": "Icon buttons are commonly joined into a toolbar via ButtonGroup"
|
|
5875
|
+
}
|
|
5876
|
+
],
|
|
5877
|
+
"a11yRationale": "Renders a native <button> with a mandatory aria-label so the icon-only control always exposes an accessible name; focus, role, and Enter/Space activation come from the platform",
|
|
5878
|
+
"content": {
|
|
5879
|
+
"tone": "Imperative verb describing the action",
|
|
5880
|
+
"notes": "The label is announced to screen readers; be specific (e.g. \"Delete item\", not \"Delete\")"
|
|
5881
|
+
},
|
|
5882
|
+
"flexibility": [
|
|
5883
|
+
{
|
|
5884
|
+
"area": "token names",
|
|
5885
|
+
"level": "strict",
|
|
5886
|
+
"note": "Sizing must resolve to --cascivo-control-height-* so it stays square and aligned with other controls"
|
|
5887
|
+
},
|
|
5888
|
+
{
|
|
5889
|
+
"area": "icon choice",
|
|
5890
|
+
"level": "flexible",
|
|
5891
|
+
"note": "Any single icon node; consumer owns the icon set"
|
|
5892
|
+
}
|
|
5893
|
+
]
|
|
5894
|
+
}
|
|
5895
|
+
}
|
|
5896
|
+
},
|
|
5897
|
+
{
|
|
5898
|
+
"name": "image",
|
|
5899
|
+
"type": "component",
|
|
5900
|
+
"description": "Image with load state, blur-up placeholder, graceful fallback, and optional zoom",
|
|
5901
|
+
"category": "display",
|
|
5902
|
+
"version": "0.0.0",
|
|
5903
|
+
"files": [
|
|
5904
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/image/image.tsx",
|
|
5905
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/image/image.module.css"
|
|
5906
|
+
],
|
|
5907
|
+
"dependencies": ["@cascivo/core"],
|
|
5908
|
+
"tags": ["image", "media", "display", "loading"],
|
|
5909
|
+
"meta": {
|
|
5910
|
+
"name": "Image",
|
|
5911
|
+
"description": "Image with load state, blur-up placeholder, graceful fallback, and optional zoom",
|
|
5912
|
+
"category": "display",
|
|
5913
|
+
"states": ["loading", "loaded", "error"],
|
|
5914
|
+
"variants": [],
|
|
5915
|
+
"sizes": [],
|
|
5916
|
+
"props": [
|
|
5917
|
+
{
|
|
5918
|
+
"name": "src",
|
|
5919
|
+
"type": "string",
|
|
5920
|
+
"required": false
|
|
5921
|
+
},
|
|
5922
|
+
{
|
|
5923
|
+
"name": "alt",
|
|
5924
|
+
"type": "string",
|
|
5925
|
+
"required": false
|
|
5926
|
+
},
|
|
5927
|
+
{
|
|
5928
|
+
"name": "fallbackSrc",
|
|
5929
|
+
"type": "string",
|
|
5930
|
+
"required": false,
|
|
5931
|
+
"description": "Image shown if src fails to load"
|
|
5932
|
+
},
|
|
5933
|
+
{
|
|
5934
|
+
"name": "width",
|
|
5935
|
+
"type": "string | number",
|
|
5936
|
+
"required": false
|
|
5937
|
+
},
|
|
5938
|
+
{
|
|
5939
|
+
"name": "height",
|
|
5940
|
+
"type": "string | number",
|
|
5941
|
+
"required": false
|
|
5332
5942
|
},
|
|
5333
5943
|
{
|
|
5334
|
-
"name": "
|
|
5335
|
-
"type": "'sm' | 'md' | 'lg'",
|
|
5944
|
+
"name": "radius",
|
|
5945
|
+
"type": "'none' | 'sm' | 'md' | 'lg' | 'full'",
|
|
5336
5946
|
"required": false,
|
|
5337
5947
|
"default": "md"
|
|
5338
5948
|
},
|
|
5339
5949
|
{
|
|
5340
|
-
"name": "
|
|
5950
|
+
"name": "zoom",
|
|
5341
5951
|
"type": "boolean",
|
|
5342
5952
|
"required": false,
|
|
5343
5953
|
"default": "false"
|
|
5344
5954
|
},
|
|
5345
5955
|
{
|
|
5346
|
-
"name": "
|
|
5956
|
+
"name": "removeWrapper",
|
|
5347
5957
|
"type": "boolean",
|
|
5348
5958
|
"required": false,
|
|
5349
|
-
"default": "false"
|
|
5959
|
+
"default": "false",
|
|
5960
|
+
"description": "Render a bare <img> with no wrapper, placeholder, or zoom"
|
|
5350
5961
|
},
|
|
5351
5962
|
{
|
|
5352
|
-
"name": "
|
|
5353
|
-
"type": "
|
|
5354
|
-
"required": false
|
|
5963
|
+
"name": "isBlurred",
|
|
5964
|
+
"type": "boolean",
|
|
5965
|
+
"required": false,
|
|
5966
|
+
"default": "false"
|
|
5355
5967
|
}
|
|
5356
5968
|
],
|
|
5357
5969
|
"tokens": [
|
|
5358
|
-
"--cascivo-
|
|
5359
|
-
"--cascivo-
|
|
5360
|
-
"--cascivo-
|
|
5361
|
-
"--cascivo-
|
|
5362
|
-
"--cascivo-radius-
|
|
5363
|
-
"--cascivo-color-primary",
|
|
5364
|
-
"--cascivo-color-primary-fg",
|
|
5970
|
+
"--cascivo-radius-none",
|
|
5971
|
+
"--cascivo-radius-sm",
|
|
5972
|
+
"--cascivo-radius-md",
|
|
5973
|
+
"--cascivo-radius-lg",
|
|
5974
|
+
"--cascivo-radius-full",
|
|
5365
5975
|
"--cascivo-color-bg-subtle",
|
|
5366
5976
|
"--cascivo-color-border",
|
|
5367
|
-
"--cascivo-
|
|
5368
|
-
"--cascivo-focus-ring"
|
|
5977
|
+
"--cascivo-space-12"
|
|
5369
5978
|
],
|
|
5370
5979
|
"accessibility": {
|
|
5371
|
-
"role": "
|
|
5980
|
+
"role": "img",
|
|
5372
5981
|
"wcag": "2.2-AA",
|
|
5373
|
-
"keyboard": [
|
|
5374
|
-
"
|
|
5375
|
-
"forcedColors": true
|
|
5982
|
+
"keyboard": [],
|
|
5983
|
+
"reducedMotion": true
|
|
5376
5984
|
},
|
|
5377
5985
|
"examples": [
|
|
5378
5986
|
{
|
|
5379
|
-
"title": "
|
|
5380
|
-
"code": "<
|
|
5987
|
+
"title": "Basic",
|
|
5988
|
+
"code": "<Image src=\"/photo.jpg\" alt=\"A photo\" width={320} height={240} />"
|
|
5381
5989
|
},
|
|
5382
5990
|
{
|
|
5383
|
-
"title": "
|
|
5384
|
-
"code": "<
|
|
5991
|
+
"title": "With fallback",
|
|
5992
|
+
"code": "<Image src=\"/broken.jpg\" fallbackSrc=\"/placeholder.jpg\" alt=\"A photo\" />"
|
|
5385
5993
|
},
|
|
5386
5994
|
{
|
|
5387
|
-
"title": "
|
|
5388
|
-
"code": "<
|
|
5995
|
+
"title": "Blurred placeholder",
|
|
5996
|
+
"code": "<Image src=\"/photo.jpg\" alt=\"A photo\" isBlurred />"
|
|
5997
|
+
},
|
|
5998
|
+
{
|
|
5999
|
+
"title": "Hover zoom",
|
|
6000
|
+
"code": "<Image src=\"/photo.jpg\" alt=\"A photo\" zoom />"
|
|
5389
6001
|
}
|
|
5390
6002
|
],
|
|
5391
6003
|
"dependencies": ["@cascivo/core"],
|
|
5392
|
-
"tags": ["
|
|
6004
|
+
"tags": ["image", "media", "display", "loading"],
|
|
5393
6005
|
"intent": {
|
|
5394
6006
|
"whenToUse": [
|
|
5395
|
-
"
|
|
5396
|
-
"
|
|
6007
|
+
"Displaying a content image that should show a placeholder while loading and degrade gracefully on error",
|
|
6008
|
+
"Photos, thumbnails, or media that benefit from a blur-up placeholder or hover zoom",
|
|
6009
|
+
"Any image where a broken src should fall back rather than show a broken-image icon"
|
|
5397
6010
|
],
|
|
5398
6011
|
"whenNotToUse": [
|
|
5399
|
-
"
|
|
5400
|
-
"
|
|
6012
|
+
"Identity thumbnails for a person or entity — use Avatar",
|
|
6013
|
+
"Purely decorative shapes or a fixed-ratio layout box with no load behavior — use AspectRatio"
|
|
5401
6014
|
],
|
|
5402
6015
|
"antiPatterns": [
|
|
5403
6016
|
{
|
|
5404
|
-
"bad": "<
|
|
5405
|
-
"good": "<
|
|
5406
|
-
"why": "
|
|
6017
|
+
"bad": "<Image src=\"/photo.jpg\" /> with no alt",
|
|
6018
|
+
"good": "<Image src=\"/photo.jpg\" alt=\"Sunset over the bay\" />",
|
|
6019
|
+
"why": "Without alt the image is invisible to assistive tech; pass an empty alt only for decorative images"
|
|
5407
6020
|
}
|
|
5408
6021
|
],
|
|
5409
6022
|
"related": [
|
|
5410
6023
|
{
|
|
5411
|
-
"name": "
|
|
6024
|
+
"name": "Avatar",
|
|
5412
6025
|
"relationship": "alternative",
|
|
5413
|
-
"reason": "Use
|
|
6026
|
+
"reason": "Use Avatar for identity thumbnails with an initials fallback"
|
|
5414
6027
|
},
|
|
5415
6028
|
{
|
|
5416
|
-
"name": "
|
|
5417
|
-
"relationship": "
|
|
5418
|
-
"reason": "
|
|
6029
|
+
"name": "AspectRatio",
|
|
6030
|
+
"relationship": "alternative",
|
|
6031
|
+
"reason": "Use AspectRatio for a ratio box that does not own image load behavior"
|
|
5419
6032
|
}
|
|
5420
6033
|
],
|
|
5421
|
-
"a11yRationale": "
|
|
5422
|
-
"content": {
|
|
5423
|
-
"tone": "Imperative verb describing the action",
|
|
5424
|
-
"notes": "The label is announced to screen readers; be specific (e.g. \"Delete item\", not \"Delete\")"
|
|
5425
|
-
},
|
|
6034
|
+
"a11yRationale": "role=\"img\" with alt names the image; on error it shows a fallback image or neutral box so layout survives; the blur-up and zoom transitions are disabled under prefers-reduced-motion",
|
|
5426
6035
|
"flexibility": [
|
|
5427
6036
|
{
|
|
5428
|
-
"area": "
|
|
5429
|
-
"level": "
|
|
5430
|
-
"note": "
|
|
6037
|
+
"area": "radius",
|
|
6038
|
+
"level": "flexible",
|
|
6039
|
+
"note": "Pick the corner radius that matches the surrounding surface"
|
|
5431
6040
|
},
|
|
5432
6041
|
{
|
|
5433
|
-
"area": "
|
|
5434
|
-
"level": "
|
|
5435
|
-
"note": "
|
|
6042
|
+
"area": "token names",
|
|
6043
|
+
"level": "strict",
|
|
6044
|
+
"note": "Radius and placeholder colors must resolve to --cascivo-* tokens"
|
|
5436
6045
|
}
|
|
5437
6046
|
]
|
|
5438
6047
|
}
|
|
@@ -5445,8 +6054,8 @@
|
|
|
5445
6054
|
"category": "layout",
|
|
5446
6055
|
"version": "0.0.0",
|
|
5447
6056
|
"files": [
|
|
5448
|
-
"https://raw.githubusercontent.com/
|
|
5449
|
-
"https://raw.githubusercontent.com/
|
|
6057
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/indicator/indicator.tsx",
|
|
6058
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/indicator/indicator.module.css"
|
|
5450
6059
|
],
|
|
5451
6060
|
"dependencies": [],
|
|
5452
6061
|
"tags": ["badge", "indicator", "overlay", "notification", "layout"],
|
|
@@ -5543,8 +6152,8 @@
|
|
|
5543
6152
|
"category": "feedback",
|
|
5544
6153
|
"version": "0.0.0",
|
|
5545
6154
|
"files": [
|
|
5546
|
-
"https://raw.githubusercontent.com/
|
|
5547
|
-
"https://raw.githubusercontent.com/
|
|
6155
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/inline-loading/inline-loading.tsx",
|
|
6156
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/inline-loading/inline-loading.module.css"
|
|
5548
6157
|
],
|
|
5549
6158
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
5550
6159
|
"tags": ["loading", "status", "progress", "feedback", "spinner"],
|
|
@@ -5659,8 +6268,8 @@
|
|
|
5659
6268
|
"category": "inputs",
|
|
5660
6269
|
"version": "0.0.0",
|
|
5661
6270
|
"files": [
|
|
5662
|
-
"https://raw.githubusercontent.com/
|
|
5663
|
-
"https://raw.githubusercontent.com/
|
|
6271
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/input/input.tsx",
|
|
6272
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/input/input.module.css"
|
|
5664
6273
|
],
|
|
5665
6274
|
"dependencies": ["@cascivo/core"],
|
|
5666
6275
|
"tags": ["form", "text", "input"],
|
|
@@ -5799,8 +6408,8 @@
|
|
|
5799
6408
|
"category": "inputs",
|
|
5800
6409
|
"version": "0.0.0",
|
|
5801
6410
|
"files": [
|
|
5802
|
-
"https://raw.githubusercontent.com/
|
|
5803
|
-
"https://raw.githubusercontent.com/
|
|
6411
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/input-group/input-group.tsx",
|
|
6412
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/input-group/input-group.module.css"
|
|
5804
6413
|
],
|
|
5805
6414
|
"dependencies": ["@cascivo/core"],
|
|
5806
6415
|
"tags": ["form", "input", "addon", "group", "layout"],
|
|
@@ -5916,8 +6525,8 @@
|
|
|
5916
6525
|
"category": "display",
|
|
5917
6526
|
"version": "0.0.0",
|
|
5918
6527
|
"files": [
|
|
5919
|
-
"https://raw.githubusercontent.com/
|
|
5920
|
-
"https://raw.githubusercontent.com/
|
|
6528
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/item/item.tsx",
|
|
6529
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/item/item.module.css"
|
|
5921
6530
|
],
|
|
5922
6531
|
"dependencies": ["@cascivo/core"],
|
|
5923
6532
|
"tags": ["row", "primitive", "list-item", "layout"],
|
|
@@ -6024,8 +6633,8 @@
|
|
|
6024
6633
|
"category": "layout",
|
|
6025
6634
|
"version": "0.0.0",
|
|
6026
6635
|
"files": [
|
|
6027
|
-
"https://raw.githubusercontent.com/
|
|
6028
|
-
"https://raw.githubusercontent.com/
|
|
6636
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/join/join.tsx",
|
|
6637
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/join/join.module.css"
|
|
6029
6638
|
],
|
|
6030
6639
|
"dependencies": [],
|
|
6031
6640
|
"tags": ["group", "join", "segmented", "layout"],
|
|
@@ -6119,8 +6728,8 @@
|
|
|
6119
6728
|
"category": "display",
|
|
6120
6729
|
"version": "0.0.0",
|
|
6121
6730
|
"files": [
|
|
6122
|
-
"https://raw.githubusercontent.com/
|
|
6123
|
-
"https://raw.githubusercontent.com/
|
|
6731
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/kbd/kbd.tsx",
|
|
6732
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/kbd/kbd.module.css"
|
|
6124
6733
|
],
|
|
6125
6734
|
"dependencies": ["@cascivo/core"],
|
|
6126
6735
|
"tags": ["keyboard", "shortcut", "hotkey"],
|
|
@@ -6214,8 +6823,8 @@
|
|
|
6214
6823
|
"category": "inputs",
|
|
6215
6824
|
"version": "0.0.0",
|
|
6216
6825
|
"files": [
|
|
6217
|
-
"https://raw.githubusercontent.com/
|
|
6218
|
-
"https://raw.githubusercontent.com/
|
|
6826
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/label/label.tsx",
|
|
6827
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/label/label.module.css"
|
|
6219
6828
|
],
|
|
6220
6829
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
6221
6830
|
"tags": ["form", "caption", "accessibility"],
|
|
@@ -6354,8 +6963,8 @@
|
|
|
6354
6963
|
"category": "navigation",
|
|
6355
6964
|
"version": "0.0.0",
|
|
6356
6965
|
"files": [
|
|
6357
|
-
"https://raw.githubusercontent.com/
|
|
6358
|
-
"https://raw.githubusercontent.com/
|
|
6966
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/link/link.tsx",
|
|
6967
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/link/link.module.css"
|
|
6359
6968
|
],
|
|
6360
6969
|
"dependencies": ["@cascivo/core"],
|
|
6361
6970
|
"tags": ["link", "anchor", "navigation"],
|
|
@@ -6472,8 +7081,8 @@
|
|
|
6472
7081
|
"category": "display",
|
|
6473
7082
|
"version": "0.0.0",
|
|
6474
7083
|
"files": [
|
|
6475
|
-
"https://raw.githubusercontent.com/
|
|
6476
|
-
"https://raw.githubusercontent.com/
|
|
7084
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/list/list.tsx",
|
|
7085
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/list/list.module.css"
|
|
6477
7086
|
],
|
|
6478
7087
|
"dependencies": ["@cascivo/core"],
|
|
6479
7088
|
"tags": ["typography", "list", "ul", "ol"],
|
|
@@ -6575,8 +7184,8 @@
|
|
|
6575
7184
|
"category": "overlay",
|
|
6576
7185
|
"version": "0.0.0",
|
|
6577
7186
|
"files": [
|
|
6578
|
-
"https://raw.githubusercontent.com/
|
|
6579
|
-
"https://raw.githubusercontent.com/
|
|
7187
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/menu/menu.tsx",
|
|
7188
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/menu/menu.module.css"
|
|
6580
7189
|
],
|
|
6581
7190
|
"dependencies": ["@cascivo/core"],
|
|
6582
7191
|
"tags": ["overlay", "menu", "dropdown", "floating"],
|
|
@@ -6668,8 +7277,8 @@
|
|
|
6668
7277
|
"category": "navigation",
|
|
6669
7278
|
"version": "0.0.0",
|
|
6670
7279
|
"files": [
|
|
6671
|
-
"https://raw.githubusercontent.com/
|
|
6672
|
-
"https://raw.githubusercontent.com/
|
|
7280
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/menu-button/menu-button.tsx",
|
|
7281
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/menu-button/menu-button.module.css"
|
|
6673
7282
|
],
|
|
6674
7283
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
6675
7284
|
"tags": ["navigation", "menu", "actions", "dropdown", "floating"],
|
|
@@ -6840,8 +7449,8 @@
|
|
|
6840
7449
|
"category": "navigation",
|
|
6841
7450
|
"version": "0.0.0",
|
|
6842
7451
|
"files": [
|
|
6843
|
-
"https://raw.githubusercontent.com/
|
|
6844
|
-
"https://raw.githubusercontent.com/
|
|
7452
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/menubar/menubar.tsx",
|
|
7453
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/menubar/menubar.module.css"
|
|
6845
7454
|
],
|
|
6846
7455
|
"dependencies": ["@cascivo/core"],
|
|
6847
7456
|
"tags": ["navigation", "menubar", "menu", "application"],
|
|
@@ -6955,8 +7564,8 @@
|
|
|
6955
7564
|
"category": "overlay",
|
|
6956
7565
|
"version": "0.0.0",
|
|
6957
7566
|
"files": [
|
|
6958
|
-
"https://raw.githubusercontent.com/
|
|
6959
|
-
"https://raw.githubusercontent.com/
|
|
7567
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/modal/modal.tsx",
|
|
7568
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/modal/modal.module.css"
|
|
6960
7569
|
],
|
|
6961
7570
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
6962
7571
|
"tags": ["overlay", "dialog", "popup"],
|
|
@@ -6994,6 +7603,13 @@
|
|
|
6994
7603
|
"type": "'sm' | 'md' | 'lg'",
|
|
6995
7604
|
"required": false,
|
|
6996
7605
|
"default": "md"
|
|
7606
|
+
},
|
|
7607
|
+
{
|
|
7608
|
+
"name": "draggable",
|
|
7609
|
+
"type": "boolean",
|
|
7610
|
+
"required": false,
|
|
7611
|
+
"default": "false",
|
|
7612
|
+
"description": "Allow dragging the dialog by its header"
|
|
6997
7613
|
}
|
|
6998
7614
|
],
|
|
6999
7615
|
"tokens": [
|
|
@@ -7086,8 +7702,8 @@
|
|
|
7086
7702
|
"category": "inputs",
|
|
7087
7703
|
"version": "0.0.0",
|
|
7088
7704
|
"files": [
|
|
7089
|
-
"https://raw.githubusercontent.com/
|
|
7090
|
-
"https://raw.githubusercontent.com/
|
|
7705
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/multi-select/multi-select.tsx",
|
|
7706
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/multi-select/multi-select.module.css"
|
|
7091
7707
|
],
|
|
7092
7708
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
7093
7709
|
"tags": ["form", "select", "multi", "input", "popover"],
|
|
@@ -7221,8 +7837,8 @@
|
|
|
7221
7837
|
"category": "inputs",
|
|
7222
7838
|
"version": "0.0.0",
|
|
7223
7839
|
"files": [
|
|
7224
|
-
"https://raw.githubusercontent.com/
|
|
7225
|
-
"https://raw.githubusercontent.com/
|
|
7840
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/native-select/native-select.tsx",
|
|
7841
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/native-select/native-select.module.css"
|
|
7226
7842
|
],
|
|
7227
7843
|
"dependencies": ["@cascivo/core"],
|
|
7228
7844
|
"tags": ["inputs", "select", "native", "form", "dropdown"],
|
|
@@ -7304,8 +7920,8 @@
|
|
|
7304
7920
|
"category": "navigation",
|
|
7305
7921
|
"version": "0.0.0",
|
|
7306
7922
|
"files": [
|
|
7307
|
-
"https://raw.githubusercontent.com/
|
|
7308
|
-
"https://raw.githubusercontent.com/
|
|
7923
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/navigation-menu/navigation-menu.tsx",
|
|
7924
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/navigation-menu/navigation-menu.module.css"
|
|
7309
7925
|
],
|
|
7310
7926
|
"dependencies": ["@cascivo/core"],
|
|
7311
7927
|
"tags": ["navigation", "menu", "flyout", "site-nav"],
|
|
@@ -7415,8 +8031,8 @@
|
|
|
7415
8031
|
"category": "feedback",
|
|
7416
8032
|
"version": "0.0.0",
|
|
7417
8033
|
"files": [
|
|
7418
|
-
"https://raw.githubusercontent.com/
|
|
7419
|
-
"https://raw.githubusercontent.com/
|
|
8034
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/notification/notification.tsx",
|
|
8035
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/notification/notification.module.css"
|
|
7420
8036
|
],
|
|
7421
8037
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
7422
8038
|
"tags": ["notification", "banner", "message", "feedback", "actionable"],
|
|
@@ -7567,8 +8183,8 @@
|
|
|
7567
8183
|
"category": "inputs",
|
|
7568
8184
|
"version": "0.0.0",
|
|
7569
8185
|
"files": [
|
|
7570
|
-
"https://raw.githubusercontent.com/
|
|
7571
|
-
"https://raw.githubusercontent.com/
|
|
8186
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/number-input/number-input.tsx",
|
|
8187
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/number-input/number-input.module.css"
|
|
7572
8188
|
],
|
|
7573
8189
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
7574
8190
|
"tags": ["form", "number", "input", "spinbutton", "stepper"],
|
|
@@ -7753,8 +8369,8 @@
|
|
|
7753
8369
|
"category": "inputs",
|
|
7754
8370
|
"version": "0.0.0",
|
|
7755
8371
|
"files": [
|
|
7756
|
-
"https://raw.githubusercontent.com/
|
|
7757
|
-
"https://raw.githubusercontent.com/
|
|
8372
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/otp-input/otp-input.tsx",
|
|
8373
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/otp-input/otp-input.module.css"
|
|
7758
8374
|
],
|
|
7759
8375
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
7760
8376
|
"tags": ["form", "otp", "code", "input", "verification"],
|
|
@@ -7873,8 +8489,8 @@
|
|
|
7873
8489
|
"category": "overlay",
|
|
7874
8490
|
"version": "0.0.0",
|
|
7875
8491
|
"files": [
|
|
7876
|
-
"https://raw.githubusercontent.com/
|
|
7877
|
-
"https://raw.githubusercontent.com/
|
|
8492
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/overflow-menu/overflow-menu.tsx",
|
|
8493
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/overflow-menu/overflow-menu.module.css"
|
|
7878
8494
|
],
|
|
7879
8495
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
7880
8496
|
"tags": ["overlay", "menu", "actions", "kebab", "table"],
|
|
@@ -8013,8 +8629,8 @@
|
|
|
8013
8629
|
"category": "navigation",
|
|
8014
8630
|
"version": "0.0.0",
|
|
8015
8631
|
"files": [
|
|
8016
|
-
"https://raw.githubusercontent.com/
|
|
8017
|
-
"https://raw.githubusercontent.com/
|
|
8632
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/pagination/pagination.tsx",
|
|
8633
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/pagination/pagination.module.css"
|
|
8018
8634
|
],
|
|
8019
8635
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
8020
8636
|
"tags": ["pagination", "navigation", "table", "data", "pages"],
|
|
@@ -8159,8 +8775,8 @@
|
|
|
8159
8775
|
"category": "inputs",
|
|
8160
8776
|
"version": "0.0.0",
|
|
8161
8777
|
"files": [
|
|
8162
|
-
"https://raw.githubusercontent.com/
|
|
8163
|
-
"https://raw.githubusercontent.com/
|
|
8778
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/password-input/password-input.tsx",
|
|
8779
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/password-input/password-input.module.css"
|
|
8164
8780
|
],
|
|
8165
8781
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
8166
8782
|
"tags": ["form", "password", "input", "security"],
|
|
@@ -8293,8 +8909,8 @@
|
|
|
8293
8909
|
"category": "overlay",
|
|
8294
8910
|
"version": "0.0.0",
|
|
8295
8911
|
"files": [
|
|
8296
|
-
"https://raw.githubusercontent.com/
|
|
8297
|
-
"https://raw.githubusercontent.com/
|
|
8912
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/popover/popover.tsx",
|
|
8913
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/popover/popover.module.css"
|
|
8298
8914
|
],
|
|
8299
8915
|
"dependencies": ["@cascivo/core"],
|
|
8300
8916
|
"tags": ["overlay", "floating", "anchor", "popover"],
|
|
@@ -8379,8 +8995,8 @@
|
|
|
8379
8995
|
"category": "feedback",
|
|
8380
8996
|
"version": "0.0.0",
|
|
8381
8997
|
"files": [
|
|
8382
|
-
"https://raw.githubusercontent.com/
|
|
8383
|
-
"https://raw.githubusercontent.com/
|
|
8998
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/progress/progress.tsx",
|
|
8999
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/progress/progress.module.css"
|
|
8384
9000
|
],
|
|
8385
9001
|
"dependencies": ["@cascivo/core"],
|
|
8386
9002
|
"tags": ["progress", "loading", "upload", "bar"],
|
|
@@ -8499,8 +9115,8 @@
|
|
|
8499
9115
|
"category": "feedback",
|
|
8500
9116
|
"version": "0.0.0",
|
|
8501
9117
|
"files": [
|
|
8502
|
-
"https://raw.githubusercontent.com/
|
|
8503
|
-
"https://raw.githubusercontent.com/
|
|
9118
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/progress-bar/progress-bar.tsx",
|
|
9119
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/progress-bar/progress-bar.module.css"
|
|
8504
9120
|
],
|
|
8505
9121
|
"dependencies": ["@cascivo/core"],
|
|
8506
9122
|
"tags": ["progress", "loading", "status", "feedback"],
|
|
@@ -8633,8 +9249,8 @@
|
|
|
8633
9249
|
"category": "feedback",
|
|
8634
9250
|
"version": "0.0.0",
|
|
8635
9251
|
"files": [
|
|
8636
|
-
"https://raw.githubusercontent.com/
|
|
8637
|
-
"https://raw.githubusercontent.com/
|
|
9252
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/progress-circle/progress-circle.tsx",
|
|
9253
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/progress-circle/progress-circle.module.css"
|
|
8638
9254
|
],
|
|
8639
9255
|
"dependencies": ["@cascivo/core"],
|
|
8640
9256
|
"tags": ["progress", "loading", "circle", "feedback"],
|
|
@@ -8753,8 +9369,8 @@
|
|
|
8753
9369
|
"category": "navigation",
|
|
8754
9370
|
"version": "0.0.0",
|
|
8755
9371
|
"files": [
|
|
8756
|
-
"https://raw.githubusercontent.com/
|
|
8757
|
-
"https://raw.githubusercontent.com/
|
|
9372
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/progress-indicator/progress-indicator.tsx",
|
|
9373
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/progress-indicator/progress-indicator.module.css"
|
|
8758
9374
|
],
|
|
8759
9375
|
"dependencies": ["@cascivo/core"],
|
|
8760
9376
|
"tags": ["steps", "wizard", "stepper", "progress", "navigation"],
|
|
@@ -8869,8 +9485,8 @@
|
|
|
8869
9485
|
"category": "display",
|
|
8870
9486
|
"version": "0.0.0",
|
|
8871
9487
|
"files": [
|
|
8872
|
-
"https://raw.githubusercontent.com/
|
|
8873
|
-
"https://raw.githubusercontent.com/
|
|
9488
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/prose/prose.tsx",
|
|
9489
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/prose/prose.module.css"
|
|
8874
9490
|
],
|
|
8875
9491
|
"dependencies": ["@cascivo/core"],
|
|
8876
9492
|
"tags": ["typography", "prose", "content", "markdown", "article"],
|
|
@@ -8961,6 +9577,131 @@
|
|
|
8961
9577
|
}
|
|
8962
9578
|
}
|
|
8963
9579
|
},
|
|
9580
|
+
{
|
|
9581
|
+
"name": "qr-code",
|
|
9582
|
+
"type": "component",
|
|
9583
|
+
"description": "Encodes a URL or short text into a scannable SVG QR code",
|
|
9584
|
+
"category": "display",
|
|
9585
|
+
"version": "0.0.0",
|
|
9586
|
+
"files": [
|
|
9587
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/qr-code/qr-code.tsx",
|
|
9588
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/qr-code/qr-code.module.css"
|
|
9589
|
+
],
|
|
9590
|
+
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
9591
|
+
"tags": ["qr", "qr-code", "barcode", "encode", "display"],
|
|
9592
|
+
"meta": {
|
|
9593
|
+
"name": "QrCode",
|
|
9594
|
+
"description": "Encodes a URL or short text into a scannable SVG QR code",
|
|
9595
|
+
"category": "display",
|
|
9596
|
+
"states": ["default"],
|
|
9597
|
+
"variants": [],
|
|
9598
|
+
"sizes": [],
|
|
9599
|
+
"props": [
|
|
9600
|
+
{
|
|
9601
|
+
"name": "value",
|
|
9602
|
+
"type": "string",
|
|
9603
|
+
"required": true,
|
|
9604
|
+
"description": "Text or URL to encode"
|
|
9605
|
+
},
|
|
9606
|
+
{
|
|
9607
|
+
"name": "size",
|
|
9608
|
+
"type": "number",
|
|
9609
|
+
"required": false,
|
|
9610
|
+
"default": "128"
|
|
9611
|
+
},
|
|
9612
|
+
{
|
|
9613
|
+
"name": "errorCorrection",
|
|
9614
|
+
"type": "'L' | 'M' | 'Q' | 'H'",
|
|
9615
|
+
"required": false,
|
|
9616
|
+
"default": "M",
|
|
9617
|
+
"description": "Higher levels tolerate more damage but hold less data"
|
|
9618
|
+
},
|
|
9619
|
+
{
|
|
9620
|
+
"name": "radius",
|
|
9621
|
+
"type": "string",
|
|
9622
|
+
"required": false,
|
|
9623
|
+
"description": "CSS length rounding the corners"
|
|
9624
|
+
},
|
|
9625
|
+
{
|
|
9626
|
+
"name": "fill",
|
|
9627
|
+
"type": "string",
|
|
9628
|
+
"required": false,
|
|
9629
|
+
"default": "currentColor"
|
|
9630
|
+
},
|
|
9631
|
+
{
|
|
9632
|
+
"name": "background",
|
|
9633
|
+
"type": "string",
|
|
9634
|
+
"required": false,
|
|
9635
|
+
"default": "transparent"
|
|
9636
|
+
},
|
|
9637
|
+
{
|
|
9638
|
+
"name": "label",
|
|
9639
|
+
"type": "string",
|
|
9640
|
+
"required": false
|
|
9641
|
+
}
|
|
9642
|
+
],
|
|
9643
|
+
"tokens": ["--cascivo-color-text"],
|
|
9644
|
+
"accessibility": {
|
|
9645
|
+
"role": "img",
|
|
9646
|
+
"wcag": "2.2-AA",
|
|
9647
|
+
"keyboard": []
|
|
9648
|
+
},
|
|
9649
|
+
"examples": [
|
|
9650
|
+
{
|
|
9651
|
+
"title": "URL",
|
|
9652
|
+
"code": "<QrCode value=\"https://cascivo.dev\" />"
|
|
9653
|
+
},
|
|
9654
|
+
{
|
|
9655
|
+
"title": "High error correction",
|
|
9656
|
+
"code": "<QrCode value=\"https://cascivo.dev\" errorCorrection=\"H\" size={200} />"
|
|
9657
|
+
},
|
|
9658
|
+
{
|
|
9659
|
+
"title": "Custom colors",
|
|
9660
|
+
"code": "<QrCode value=\"cascivo\" fill=\"var(--cascivo-color-accent)\" background=\"var(--cascivo-color-surface)\" />"
|
|
9661
|
+
}
|
|
9662
|
+
],
|
|
9663
|
+
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
9664
|
+
"tags": ["qr", "qr-code", "barcode", "encode", "display"],
|
|
9665
|
+
"intent": {
|
|
9666
|
+
"whenToUse": [
|
|
9667
|
+
"Letting users scan a URL, contact, or short token with a phone camera",
|
|
9668
|
+
"Bridging print or screen to a digital destination",
|
|
9669
|
+
"Sharing a link where typing it would be error-prone"
|
|
9670
|
+
],
|
|
9671
|
+
"whenNotToUse": [
|
|
9672
|
+
"Encoding long or sensitive payloads — QR codes are public and capacity-limited",
|
|
9673
|
+
"Where a plain, copyable link or button is more accessible"
|
|
9674
|
+
],
|
|
9675
|
+
"antiPatterns": [
|
|
9676
|
+
{
|
|
9677
|
+
"bad": "<QrCode value={veryLongString} />",
|
|
9678
|
+
"good": "<QrCode value=\"https://cascivo.dev/s/abc\" />",
|
|
9679
|
+
"why": "Long payloads force a dense, hard-to-scan code; encode a short URL that redirects instead"
|
|
9680
|
+
}
|
|
9681
|
+
],
|
|
9682
|
+
"related": [
|
|
9683
|
+
{
|
|
9684
|
+
"name": "CopyButton",
|
|
9685
|
+
"relationship": "pairs-with",
|
|
9686
|
+
"reason": "Offer a copyable link alongside the QR code for non-camera contexts"
|
|
9687
|
+
}
|
|
9688
|
+
],
|
|
9689
|
+
"a11yRationale": "Rendered as role=\"img\" with an accessible label so screen-reader users know a QR code is present; the underlying link should also be available as text since a QR code is not operable by assistive tech",
|
|
9690
|
+
"flexibility": [
|
|
9691
|
+
{
|
|
9692
|
+
"area": "errorCorrection",
|
|
9693
|
+
"level": "flexible",
|
|
9694
|
+
"note": "Raise to Q/H when the code may be printed small or partially obscured"
|
|
9695
|
+
},
|
|
9696
|
+
{
|
|
9697
|
+
"area": "colors",
|
|
9698
|
+
"level": "flexible",
|
|
9699
|
+
"note": "Defaults to currentColor; keep sufficient contrast between fill and background to stay scannable"
|
|
9700
|
+
}
|
|
9701
|
+
]
|
|
9702
|
+
}
|
|
9703
|
+
}
|
|
9704
|
+
},
|
|
8964
9705
|
{
|
|
8965
9706
|
"name": "radial-progress",
|
|
8966
9707
|
"type": "component",
|
|
@@ -8968,8 +9709,8 @@
|
|
|
8968
9709
|
"category": "feedback",
|
|
8969
9710
|
"version": "0.0.0",
|
|
8970
9711
|
"files": [
|
|
8971
|
-
"https://raw.githubusercontent.com/
|
|
8972
|
-
"https://raw.githubusercontent.com/
|
|
9712
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/radial-progress/radial-progress.tsx",
|
|
9713
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/radial-progress/radial-progress.module.css"
|
|
8973
9714
|
],
|
|
8974
9715
|
"dependencies": [],
|
|
8975
9716
|
"tags": ["progress", "circular", "gauge", "meter", "kpi", "dashboard"],
|
|
@@ -9107,8 +9848,8 @@
|
|
|
9107
9848
|
"category": "inputs",
|
|
9108
9849
|
"version": "0.0.0",
|
|
9109
9850
|
"files": [
|
|
9110
|
-
"https://raw.githubusercontent.com/
|
|
9111
|
-
"https://raw.githubusercontent.com/
|
|
9851
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/radio/radio.tsx",
|
|
9852
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/radio/radio.module.css"
|
|
9112
9853
|
],
|
|
9113
9854
|
"dependencies": ["@cascivo/core"],
|
|
9114
9855
|
"tags": ["form", "choice", "group"],
|
|
@@ -9223,8 +9964,8 @@
|
|
|
9223
9964
|
"category": "inputs",
|
|
9224
9965
|
"version": "0.0.0",
|
|
9225
9966
|
"files": [
|
|
9226
|
-
"https://raw.githubusercontent.com/
|
|
9227
|
-
"https://raw.githubusercontent.com/
|
|
9967
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/radio-card/radio-card.tsx",
|
|
9968
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/radio-card/radio-card.module.css"
|
|
9228
9969
|
],
|
|
9229
9970
|
"dependencies": ["@cascivo/core"],
|
|
9230
9971
|
"tags": ["radio", "card", "selectable", "form"],
|
|
@@ -9338,8 +10079,8 @@
|
|
|
9338
10079
|
"category": "inputs",
|
|
9339
10080
|
"version": "0.0.0",
|
|
9340
10081
|
"files": [
|
|
9341
|
-
"https://raw.githubusercontent.com/
|
|
9342
|
-
"https://raw.githubusercontent.com/
|
|
10082
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/rating-group/rating-group.tsx",
|
|
10083
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/rating-group/rating-group.module.css"
|
|
9343
10084
|
],
|
|
9344
10085
|
"dependencies": ["@cascivo/core"],
|
|
9345
10086
|
"tags": ["form", "rating", "stars", "input", "feedback"],
|
|
@@ -9412,48 +10153,153 @@
|
|
|
9412
10153
|
"code": "<RatingGroup value={4} readOnly />"
|
|
9413
10154
|
}
|
|
9414
10155
|
],
|
|
9415
|
-
"dependencies": ["@cascivo/core"],
|
|
9416
|
-
"tags": ["form", "rating", "stars", "input", "feedback"],
|
|
10156
|
+
"dependencies": ["@cascivo/core"],
|
|
10157
|
+
"tags": ["form", "rating", "stars", "input", "feedback"],
|
|
10158
|
+
"intent": {
|
|
10159
|
+
"whenToUse": [
|
|
10160
|
+
"Capturing a discrete subjective rating on a small fixed scale (e.g. 1–5 stars)",
|
|
10161
|
+
"Displaying an existing rating read-only as a compact star summary"
|
|
10162
|
+
],
|
|
10163
|
+
"whenNotToUse": [
|
|
10164
|
+
"Choosing along a continuous or large numeric range — use Slider",
|
|
10165
|
+
"Entering an exact bounded number with steppers — use NumberInput",
|
|
10166
|
+
"A non-rating single choice among labeled options — use Radio or SegmentedControl"
|
|
10167
|
+
],
|
|
10168
|
+
"antiPatterns": [
|
|
10169
|
+
{
|
|
10170
|
+
"bad": "<Slider min={1} max={5} step={1} /> labeled as a star rating",
|
|
10171
|
+
"good": "<RatingGroup value={rating} onValueChange={setRating} />",
|
|
10172
|
+
"why": "A slider communicates a continuous magnitude; RatingGroup uses radio semantics so each star is an exclusive discrete choice announced as \"N of M stars\""
|
|
10173
|
+
}
|
|
10174
|
+
],
|
|
10175
|
+
"related": [
|
|
10176
|
+
{
|
|
10177
|
+
"name": "Slider",
|
|
10178
|
+
"relationship": "alternative",
|
|
10179
|
+
"reason": "Use for continuous or larger numeric ranges"
|
|
10180
|
+
},
|
|
10181
|
+
{
|
|
10182
|
+
"name": "NumberInput",
|
|
10183
|
+
"relationship": "alternative",
|
|
10184
|
+
"reason": "Use when an exact typed number is needed rather than a rating"
|
|
10185
|
+
}
|
|
10186
|
+
],
|
|
10187
|
+
"a11yRationale": "Each star is a <button role=\"radio\"> inside a role=\"radiogroup\" with aria-checked on the selected value and an aria-label like \"3 of 5 stars\"; when readOnly or disabled the stars drop out of the tab order so a non-interactive rating is not announced as actionable.",
|
|
10188
|
+
"flexibility": [
|
|
10189
|
+
{
|
|
10190
|
+
"area": "token names",
|
|
10191
|
+
"level": "strict",
|
|
10192
|
+
"note": "Star styling must resolve to the listed --cascivo-* tokens"
|
|
10193
|
+
},
|
|
10194
|
+
{
|
|
10195
|
+
"area": "scale and labels",
|
|
10196
|
+
"level": "flexible",
|
|
10197
|
+
"note": "max sets the scale and labels.rating customizes the per-star announcement"
|
|
10198
|
+
}
|
|
10199
|
+
]
|
|
10200
|
+
}
|
|
10201
|
+
}
|
|
10202
|
+
},
|
|
10203
|
+
{
|
|
10204
|
+
"name": "relative-time",
|
|
10205
|
+
"type": "component",
|
|
10206
|
+
"description": "Displays a date as a localized phrase relative to now, auto-updating",
|
|
10207
|
+
"category": "display",
|
|
10208
|
+
"version": "0.0.0",
|
|
10209
|
+
"files": [
|
|
10210
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/relative-time/relative-time.tsx",
|
|
10211
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/relative-time/relative-time.module.css"
|
|
10212
|
+
],
|
|
10213
|
+
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
10214
|
+
"tags": ["time", "date", "relative", "i18n", "display"],
|
|
10215
|
+
"meta": {
|
|
10216
|
+
"name": "RelativeTime",
|
|
10217
|
+
"description": "Displays a date as a localized phrase relative to now, auto-updating",
|
|
10218
|
+
"category": "display",
|
|
10219
|
+
"states": ["default"],
|
|
10220
|
+
"variants": [],
|
|
10221
|
+
"sizes": [],
|
|
10222
|
+
"props": [
|
|
10223
|
+
{
|
|
10224
|
+
"name": "date",
|
|
10225
|
+
"type": "Date | number | string",
|
|
10226
|
+
"required": true
|
|
10227
|
+
},
|
|
10228
|
+
{
|
|
10229
|
+
"name": "sync",
|
|
10230
|
+
"type": "boolean",
|
|
10231
|
+
"required": false,
|
|
10232
|
+
"default": "true"
|
|
10233
|
+
},
|
|
10234
|
+
{
|
|
10235
|
+
"name": "now",
|
|
10236
|
+
"type": "number",
|
|
10237
|
+
"required": false,
|
|
10238
|
+
"description": "Override \"now\" (ms); disables the interval"
|
|
10239
|
+
},
|
|
10240
|
+
{
|
|
10241
|
+
"name": "format",
|
|
10242
|
+
"type": "Intl.RelativeTimeFormatOptions",
|
|
10243
|
+
"required": false
|
|
10244
|
+
}
|
|
10245
|
+
],
|
|
10246
|
+
"tokens": [],
|
|
10247
|
+
"accessibility": {
|
|
10248
|
+
"role": "time",
|
|
10249
|
+
"wcag": "2.2-AA",
|
|
10250
|
+
"keyboard": []
|
|
10251
|
+
},
|
|
10252
|
+
"examples": [
|
|
10253
|
+
{
|
|
10254
|
+
"title": "Basic",
|
|
10255
|
+
"code": "<RelativeTime date={post.createdAt} />"
|
|
10256
|
+
},
|
|
10257
|
+
{
|
|
10258
|
+
"title": "Natural language",
|
|
10259
|
+
"code": "<RelativeTime date={date} format={{ numeric: \"auto\" }} />"
|
|
10260
|
+
},
|
|
10261
|
+
{
|
|
10262
|
+
"title": "Static (no ticking)",
|
|
10263
|
+
"code": "<RelativeTime date={date} sync={false} />"
|
|
10264
|
+
}
|
|
10265
|
+
],
|
|
10266
|
+
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
10267
|
+
"tags": ["time", "date", "relative", "i18n", "display"],
|
|
9417
10268
|
"intent": {
|
|
9418
10269
|
"whenToUse": [
|
|
9419
|
-
"
|
|
9420
|
-
"
|
|
10270
|
+
"Showing how long ago something happened in human terms (\"3 minutes ago\")",
|
|
10271
|
+
"Timestamps in feeds, comments, and activity logs where recency matters more than precision",
|
|
10272
|
+
"Anywhere a self-updating relative time is friendlier than an absolute date"
|
|
9421
10273
|
],
|
|
9422
10274
|
"whenNotToUse": [
|
|
9423
|
-
"
|
|
9424
|
-
"
|
|
9425
|
-
"A non-rating single choice among labeled options — use Radio or SegmentedControl"
|
|
10275
|
+
"Precise timestamps in tables or audit logs — use formatDate for an exact, sortable value",
|
|
10276
|
+
"Dates far in the past/future where \"2 years ago\" is less useful than the actual date"
|
|
9426
10277
|
],
|
|
9427
10278
|
"antiPatterns": [
|
|
9428
10279
|
{
|
|
9429
|
-
"bad": "<
|
|
9430
|
-
"good": "<
|
|
9431
|
-
"why": "
|
|
10280
|
+
"bad": "<RelativeTime date={date} /> as the only representation of a legal/audit timestamp",
|
|
10281
|
+
"good": "<time>{formatDate(date)}</time> for exact records; RelativeTime for casual recency",
|
|
10282
|
+
"why": "Relative phrases lose precision; the exact date belongs in records (RelativeTime still exposes it via title/datetime)"
|
|
9432
10283
|
}
|
|
9433
10284
|
],
|
|
9434
10285
|
"related": [
|
|
9435
10286
|
{
|
|
9436
|
-
"name": "
|
|
9437
|
-
"relationship": "
|
|
9438
|
-
"reason": "Use
|
|
9439
|
-
},
|
|
9440
|
-
{
|
|
9441
|
-
"name": "NumberInput",
|
|
9442
|
-
"relationship": "alternative",
|
|
9443
|
-
"reason": "Use when an exact typed number is needed rather than a rating"
|
|
10287
|
+
"name": "Stat",
|
|
10288
|
+
"relationship": "pairs-with",
|
|
10289
|
+
"reason": "Use alongside Stat to timestamp a metric’s last update"
|
|
9444
10290
|
}
|
|
9445
10291
|
],
|
|
9446
|
-
"a11yRationale": "
|
|
10292
|
+
"a11yRationale": "Renders a native <time> element with a machine-readable datetime and the absolute date in the title, so the precise instant is available even though the visible text is relative",
|
|
9447
10293
|
"flexibility": [
|
|
9448
10294
|
{
|
|
9449
|
-
"area": "
|
|
9450
|
-
"level": "
|
|
9451
|
-
"note": "
|
|
10295
|
+
"area": "format",
|
|
10296
|
+
"level": "flexible",
|
|
10297
|
+
"note": "Pass Intl.RelativeTimeFormat options (e.g. numeric: \"auto\") to tune the wording"
|
|
9452
10298
|
},
|
|
9453
10299
|
{
|
|
9454
|
-
"area": "
|
|
10300
|
+
"area": "sync",
|
|
9455
10301
|
"level": "flexible",
|
|
9456
|
-
"note": "
|
|
10302
|
+
"note": "Disable ticking for static contexts or long-past dates"
|
|
9457
10303
|
}
|
|
9458
10304
|
]
|
|
9459
10305
|
}
|
|
@@ -9466,8 +10312,8 @@
|
|
|
9466
10312
|
"category": "layout",
|
|
9467
10313
|
"version": "0.0.0",
|
|
9468
10314
|
"files": [
|
|
9469
|
-
"https://raw.githubusercontent.com/
|
|
9470
|
-
"https://raw.githubusercontent.com/
|
|
10315
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/resizable/resizable.tsx",
|
|
10316
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/resizable/resizable.module.css"
|
|
9471
10317
|
],
|
|
9472
10318
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
9473
10319
|
"tags": ["splitter", "panes", "layout", "resize", "divider"],
|
|
@@ -9593,8 +10439,8 @@
|
|
|
9593
10439
|
"category": "layout",
|
|
9594
10440
|
"version": "0.0.0",
|
|
9595
10441
|
"files": [
|
|
9596
|
-
"https://raw.githubusercontent.com/
|
|
9597
|
-
"https://raw.githubusercontent.com/
|
|
10442
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/scroll-area/scroll-area.tsx",
|
|
10443
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/scroll-area/scroll-area.module.css"
|
|
9598
10444
|
],
|
|
9599
10445
|
"dependencies": ["@cascivo/core"],
|
|
9600
10446
|
"tags": ["scroll", "overflow", "scrollbar", "container", "layout"],
|
|
@@ -9625,6 +10471,13 @@
|
|
|
9625
10471
|
"default": "vertical",
|
|
9626
10472
|
"description": "Which axes may scroll"
|
|
9627
10473
|
},
|
|
10474
|
+
{
|
|
10475
|
+
"name": "edges",
|
|
10476
|
+
"type": "'shadow' | 'mask' | 'none'",
|
|
10477
|
+
"required": false,
|
|
10478
|
+
"default": "shadow",
|
|
10479
|
+
"description": "Edge affordance: box-shadow, a mask-image fade, or none"
|
|
10480
|
+
},
|
|
9628
10481
|
{
|
|
9629
10482
|
"name": "children",
|
|
9630
10483
|
"type": "ReactNode",
|
|
@@ -9705,8 +10558,8 @@
|
|
|
9705
10558
|
"category": "inputs",
|
|
9706
10559
|
"version": "0.0.0",
|
|
9707
10560
|
"files": [
|
|
9708
|
-
"https://raw.githubusercontent.com/
|
|
9709
|
-
"https://raw.githubusercontent.com/
|
|
10561
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/search/search.tsx",
|
|
10562
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/search/search.module.css"
|
|
9710
10563
|
],
|
|
9711
10564
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
9712
10565
|
"tags": ["search", "input", "filter", "form"],
|
|
@@ -9874,8 +10727,8 @@
|
|
|
9874
10727
|
"category": "inputs",
|
|
9875
10728
|
"version": "0.0.0",
|
|
9876
10729
|
"files": [
|
|
9877
|
-
"https://raw.githubusercontent.com/
|
|
9878
|
-
"https://raw.githubusercontent.com/
|
|
10730
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/segmented-control/segmented-control.tsx",
|
|
10731
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/segmented-control/segmented-control.module.css"
|
|
9879
10732
|
],
|
|
9880
10733
|
"dependencies": ["@cascivo/core"],
|
|
9881
10734
|
"tags": ["form", "toggle", "group", "segmented", "input"],
|
|
@@ -9994,8 +10847,8 @@
|
|
|
9994
10847
|
"category": "inputs",
|
|
9995
10848
|
"version": "0.0.0",
|
|
9996
10849
|
"files": [
|
|
9997
|
-
"https://raw.githubusercontent.com/
|
|
9998
|
-
"https://raw.githubusercontent.com/
|
|
10850
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/select/select.tsx",
|
|
10851
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/select/select.module.css"
|
|
9999
10852
|
],
|
|
10000
10853
|
"dependencies": ["@cascivo/core"],
|
|
10001
10854
|
"tags": ["form", "dropdown", "menu"],
|
|
@@ -10130,8 +10983,8 @@
|
|
|
10130
10983
|
"category": "display",
|
|
10131
10984
|
"version": "0.0.0",
|
|
10132
10985
|
"files": [
|
|
10133
|
-
"https://raw.githubusercontent.com/
|
|
10134
|
-
"https://raw.githubusercontent.com/
|
|
10986
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/separator/separator.tsx",
|
|
10987
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/separator/separator.module.css"
|
|
10135
10988
|
],
|
|
10136
10989
|
"dependencies": ["@cascivo/core"],
|
|
10137
10990
|
"tags": ["divider", "rule", "layout"],
|
|
@@ -10222,8 +11075,8 @@
|
|
|
10222
11075
|
"category": "overlay",
|
|
10223
11076
|
"version": "0.0.0",
|
|
10224
11077
|
"files": [
|
|
10225
|
-
"https://raw.githubusercontent.com/
|
|
10226
|
-
"https://raw.githubusercontent.com/
|
|
11078
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/sheet/sheet.tsx",
|
|
11079
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/sheet/sheet.module.css"
|
|
10227
11080
|
],
|
|
10228
11081
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
10229
11082
|
"tags": ["overlay", "drawer", "panel", "slide"],
|
|
@@ -10234,7 +11087,29 @@
|
|
|
10234
11087
|
"states": ["open", "closed"],
|
|
10235
11088
|
"variants": [],
|
|
10236
11089
|
"sizes": [],
|
|
10237
|
-
"props": [
|
|
11090
|
+
"props": [
|
|
11091
|
+
{
|
|
11092
|
+
"name": "open",
|
|
11093
|
+
"type": "boolean",
|
|
11094
|
+
"required": true
|
|
11095
|
+
},
|
|
11096
|
+
{
|
|
11097
|
+
"name": "onClose",
|
|
11098
|
+
"type": "() => void",
|
|
11099
|
+
"required": true
|
|
11100
|
+
},
|
|
11101
|
+
{
|
|
11102
|
+
"name": "title",
|
|
11103
|
+
"type": "React.ReactNode",
|
|
11104
|
+
"required": false
|
|
11105
|
+
},
|
|
11106
|
+
{
|
|
11107
|
+
"name": "side",
|
|
11108
|
+
"type": "'start' | 'end' | 'top' | 'bottom'",
|
|
11109
|
+
"required": false,
|
|
11110
|
+
"default": "end"
|
|
11111
|
+
}
|
|
11112
|
+
],
|
|
10238
11113
|
"tokens": [
|
|
10239
11114
|
"--cascivo-color-surface",
|
|
10240
11115
|
"--cascivo-color-border",
|
|
@@ -10280,7 +11155,7 @@
|
|
|
10280
11155
|
"reason": "Use for small content anchored to a trigger element"
|
|
10281
11156
|
}
|
|
10282
11157
|
],
|
|
10283
|
-
"a11yRationale": "Uses popover=\"manual\" with role=\"dialog\" and aria-modal so it is announced as a modal surface;
|
|
11158
|
+
"a11yRationale": "Uses popover=\"manual\" with role=\"dialog\" and aria-modal so it is announced as a modal surface; when a title is provided it labels the dialog via aria-labelledby (so rich title nodes stay accessible), and Escape/Tab handling comes from the popover platform behavior.",
|
|
10284
11159
|
"flexibility": [
|
|
10285
11160
|
{
|
|
10286
11161
|
"area": "side",
|
|
@@ -10303,8 +11178,8 @@
|
|
|
10303
11178
|
"category": "navigation",
|
|
10304
11179
|
"version": "0.0.0",
|
|
10305
11180
|
"files": [
|
|
10306
|
-
"https://raw.githubusercontent.com/
|
|
10307
|
-
"https://raw.githubusercontent.com/
|
|
11181
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/shell-header/shell-header.tsx",
|
|
11182
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/shell-header/shell-header.module.css"
|
|
10308
11183
|
],
|
|
10309
11184
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
10310
11185
|
"tags": ["navigation", "header", "shell", "console", "menu", "app-shell"],
|
|
@@ -10446,8 +11321,8 @@
|
|
|
10446
11321
|
"category": "navigation",
|
|
10447
11322
|
"version": "0.0.0",
|
|
10448
11323
|
"files": [
|
|
10449
|
-
"https://raw.githubusercontent.com/
|
|
10450
|
-
"https://raw.githubusercontent.com/
|
|
11324
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/side-nav/side-nav.tsx",
|
|
11325
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/side-nav/side-nav.module.css"
|
|
10451
11326
|
],
|
|
10452
11327
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
10453
11328
|
"tags": ["navigation", "sidebar", "app-shell", "collapsible"],
|
|
@@ -10609,8 +11484,8 @@
|
|
|
10609
11484
|
"category": "display",
|
|
10610
11485
|
"version": "0.0.0",
|
|
10611
11486
|
"files": [
|
|
10612
|
-
"https://raw.githubusercontent.com/
|
|
10613
|
-
"https://raw.githubusercontent.com/
|
|
11487
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/skeleton/skeleton.tsx",
|
|
11488
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/skeleton/skeleton.module.css"
|
|
10614
11489
|
],
|
|
10615
11490
|
"dependencies": ["@cascivo/core"],
|
|
10616
11491
|
"tags": ["loading", "placeholder", "shimmer"],
|
|
@@ -10728,8 +11603,8 @@
|
|
|
10728
11603
|
"category": "navigation",
|
|
10729
11604
|
"version": "0.0.0",
|
|
10730
11605
|
"files": [
|
|
10731
|
-
"https://raw.githubusercontent.com/
|
|
10732
|
-
"https://raw.githubusercontent.com/
|
|
11606
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/skip-nav/skip-nav.tsx",
|
|
11607
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/skip-nav/skip-nav.module.css"
|
|
10733
11608
|
],
|
|
10734
11609
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
10735
11610
|
"tags": ["accessibility", "skip-link", "keyboard", "navigation"],
|
|
@@ -10838,8 +11713,8 @@
|
|
|
10838
11713
|
"category": "inputs",
|
|
10839
11714
|
"version": "0.0.0",
|
|
10840
11715
|
"files": [
|
|
10841
|
-
"https://raw.githubusercontent.com/
|
|
10842
|
-
"https://raw.githubusercontent.com/
|
|
11716
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/slider/slider.tsx",
|
|
11717
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/slider/slider.module.css"
|
|
10843
11718
|
],
|
|
10844
11719
|
"dependencies": ["@cascivo/core"],
|
|
10845
11720
|
"tags": ["form", "range", "input"],
|
|
@@ -10969,8 +11844,8 @@
|
|
|
10969
11844
|
"category": "feedback",
|
|
10970
11845
|
"version": "0.0.0",
|
|
10971
11846
|
"files": [
|
|
10972
|
-
"https://raw.githubusercontent.com/
|
|
10973
|
-
"https://raw.githubusercontent.com/
|
|
11847
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/spinner/spinner.tsx",
|
|
11848
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/spinner/spinner.module.css"
|
|
10974
11849
|
],
|
|
10975
11850
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
10976
11851
|
"tags": ["loading", "progress", "feedback"],
|
|
@@ -11067,8 +11942,8 @@
|
|
|
11067
11942
|
"category": "layout",
|
|
11068
11943
|
"version": "0.0.0",
|
|
11069
11944
|
"files": [
|
|
11070
|
-
"https://raw.githubusercontent.com/
|
|
11071
|
-
"https://raw.githubusercontent.com/
|
|
11945
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/stack/stack.tsx",
|
|
11946
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/stack/stack.module.css"
|
|
11072
11947
|
],
|
|
11073
11948
|
"dependencies": [],
|
|
11074
11949
|
"tags": ["stack", "pile", "overlap", "layout"],
|
|
@@ -11159,8 +12034,8 @@
|
|
|
11159
12034
|
"category": "display",
|
|
11160
12035
|
"version": "0.0.0",
|
|
11161
12036
|
"files": [
|
|
11162
|
-
"https://raw.githubusercontent.com/
|
|
11163
|
-
"https://raw.githubusercontent.com/
|
|
12037
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/stat/stat.tsx",
|
|
12038
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/stat/stat.module.css"
|
|
11164
12039
|
],
|
|
11165
12040
|
"dependencies": ["@cascivo/core"],
|
|
11166
12041
|
"tags": ["stat", "kpi", "metric", "number"],
|
|
@@ -11282,8 +12157,8 @@
|
|
|
11282
12157
|
"category": "display",
|
|
11283
12158
|
"version": "0.0.0",
|
|
11284
12159
|
"files": [
|
|
11285
|
-
"https://raw.githubusercontent.com/
|
|
11286
|
-
"https://raw.githubusercontent.com/
|
|
12160
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/status/status.tsx",
|
|
12161
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/status/status.module.css"
|
|
11287
12162
|
],
|
|
11288
12163
|
"dependencies": ["@cascivo/core"],
|
|
11289
12164
|
"tags": ["status", "indicator", "dot", "badge"],
|
|
@@ -11396,8 +12271,8 @@
|
|
|
11396
12271
|
"category": "navigation",
|
|
11397
12272
|
"version": "0.0.0",
|
|
11398
12273
|
"files": [
|
|
11399
|
-
"https://raw.githubusercontent.com/
|
|
11400
|
-
"https://raw.githubusercontent.com/
|
|
12274
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/steps/steps.tsx",
|
|
12275
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/steps/steps.module.css"
|
|
11401
12276
|
],
|
|
11402
12277
|
"dependencies": ["@cascivo/core"],
|
|
11403
12278
|
"tags": ["steps", "wizard", "stepper", "progress", "navigation", "onboarding", "checkout"],
|
|
@@ -11527,8 +12402,8 @@
|
|
|
11527
12402
|
"category": "display",
|
|
11528
12403
|
"version": "0.0.0",
|
|
11529
12404
|
"files": [
|
|
11530
|
-
"https://raw.githubusercontent.com/
|
|
11531
|
-
"https://raw.githubusercontent.com/
|
|
12405
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/structured-list/structured-list.tsx",
|
|
12406
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/structured-list/structured-list.module.css"
|
|
11532
12407
|
],
|
|
11533
12408
|
"dependencies": ["@cascivo/core"],
|
|
11534
12409
|
"tags": ["display", "list", "table", "data"],
|
|
@@ -11652,8 +12527,8 @@
|
|
|
11652
12527
|
"category": "inputs",
|
|
11653
12528
|
"version": "0.0.0",
|
|
11654
12529
|
"files": [
|
|
11655
|
-
"https://raw.githubusercontent.com/
|
|
11656
|
-
"https://raw.githubusercontent.com/
|
|
12530
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/swap/swap.tsx",
|
|
12531
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/swap/swap.module.css"
|
|
11657
12532
|
],
|
|
11658
12533
|
"dependencies": ["@cascivo/core"],
|
|
11659
12534
|
"tags": ["toggle", "icon", "animate", "switch", "flip", "rotate"],
|
|
@@ -11781,8 +12656,8 @@
|
|
|
11781
12656
|
"category": "navigation",
|
|
11782
12657
|
"version": "0.0.0",
|
|
11783
12658
|
"files": [
|
|
11784
|
-
"https://raw.githubusercontent.com/
|
|
11785
|
-
"https://raw.githubusercontent.com/
|
|
12659
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/switcher/switcher.tsx",
|
|
12660
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/switcher/switcher.module.css"
|
|
11786
12661
|
],
|
|
11787
12662
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
11788
12663
|
"tags": ["navigation", "switcher", "shell", "console", "app-switcher"],
|
|
@@ -11881,8 +12756,8 @@
|
|
|
11881
12756
|
"category": "navigation",
|
|
11882
12757
|
"version": "0.0.0",
|
|
11883
12758
|
"files": [
|
|
11884
|
-
"https://raw.githubusercontent.com/
|
|
11885
|
-
"https://raw.githubusercontent.com/
|
|
12759
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/tabs/tabs.tsx",
|
|
12760
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/tabs/tabs.module.css"
|
|
11886
12761
|
],
|
|
11887
12762
|
"dependencies": ["@cascivo/core"],
|
|
11888
12763
|
"tags": ["navigation", "tabs", "sections"],
|
|
@@ -11985,8 +12860,8 @@
|
|
|
11985
12860
|
"category": "display",
|
|
11986
12861
|
"version": "0.0.0",
|
|
11987
12862
|
"files": [
|
|
11988
|
-
"https://raw.githubusercontent.com/
|
|
11989
|
-
"https://raw.githubusercontent.com/
|
|
12863
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/tag/tag.tsx",
|
|
12864
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/tag/tag.module.css"
|
|
11990
12865
|
],
|
|
11991
12866
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
11992
12867
|
"tags": ["chip", "label", "filter", "category"],
|
|
@@ -12115,8 +12990,8 @@
|
|
|
12115
12990
|
"category": "inputs",
|
|
12116
12991
|
"version": "0.0.0",
|
|
12117
12992
|
"files": [
|
|
12118
|
-
"https://raw.githubusercontent.com/
|
|
12119
|
-
"https://raw.githubusercontent.com/
|
|
12993
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/tags-input/tags-input.tsx",
|
|
12994
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/tags-input/tags-input.module.css"
|
|
12120
12995
|
],
|
|
12121
12996
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
12122
12997
|
"tags": ["form", "tags", "chips", "multi", "input"],
|
|
@@ -12239,8 +13114,8 @@
|
|
|
12239
13114
|
"category": "display",
|
|
12240
13115
|
"version": "0.0.0",
|
|
12241
13116
|
"files": [
|
|
12242
|
-
"https://raw.githubusercontent.com/
|
|
12243
|
-
"https://raw.githubusercontent.com/
|
|
13117
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/text/text.tsx",
|
|
13118
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/text/text.module.css"
|
|
12244
13119
|
],
|
|
12245
13120
|
"dependencies": ["@cascivo/core"],
|
|
12246
13121
|
"tags": ["typography", "text", "paragraph", "body"],
|
|
@@ -12362,8 +13237,8 @@
|
|
|
12362
13237
|
"category": "inputs",
|
|
12363
13238
|
"version": "0.0.0",
|
|
12364
13239
|
"files": [
|
|
12365
|
-
"https://raw.githubusercontent.com/
|
|
12366
|
-
"https://raw.githubusercontent.com/
|
|
13240
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/textarea/textarea.tsx",
|
|
13241
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/textarea/textarea.module.css"
|
|
12367
13242
|
],
|
|
12368
13243
|
"dependencies": ["@cascivo/core"],
|
|
12369
13244
|
"tags": ["form", "text", "multiline"],
|
|
@@ -12492,8 +13367,8 @@
|
|
|
12492
13367
|
"category": "inputs",
|
|
12493
13368
|
"version": "0.0.0",
|
|
12494
13369
|
"files": [
|
|
12495
|
-
"https://raw.githubusercontent.com/
|
|
12496
|
-
"https://raw.githubusercontent.com/
|
|
13370
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/tile/tile.tsx",
|
|
13371
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/tile/tile.module.css"
|
|
12497
13372
|
],
|
|
12498
13373
|
"dependencies": ["@cascivo/core"],
|
|
12499
13374
|
"tags": ["inputs", "tile", "card", "selectable", "choice"],
|
|
@@ -12580,8 +13455,8 @@
|
|
|
12580
13455
|
"category": "inputs",
|
|
12581
13456
|
"version": "0.0.0",
|
|
12582
13457
|
"files": [
|
|
12583
|
-
"https://raw.githubusercontent.com/
|
|
12584
|
-
"https://raw.githubusercontent.com/
|
|
13458
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/time-picker/time-picker.tsx",
|
|
13459
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/time-picker/time-picker.module.css"
|
|
12585
13460
|
],
|
|
12586
13461
|
"dependencies": ["@cascivo/core"],
|
|
12587
13462
|
"tags": ["time", "input", "form"],
|
|
@@ -12733,8 +13608,8 @@
|
|
|
12733
13608
|
"category": "display",
|
|
12734
13609
|
"version": "0.0.0",
|
|
12735
13610
|
"files": [
|
|
12736
|
-
"https://raw.githubusercontent.com/
|
|
12737
|
-
"https://raw.githubusercontent.com/
|
|
13611
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/timeline/timeline.tsx",
|
|
13612
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/timeline/timeline.module.css"
|
|
12738
13613
|
],
|
|
12739
13614
|
"dependencies": ["@cascivo/core"],
|
|
12740
13615
|
"tags": ["timeline", "steps", "history", "progress", "events"],
|
|
@@ -12826,8 +13701,8 @@
|
|
|
12826
13701
|
"category": "overlay",
|
|
12827
13702
|
"version": "0.0.0",
|
|
12828
13703
|
"files": [
|
|
12829
|
-
"https://raw.githubusercontent.com/
|
|
12830
|
-
"https://raw.githubusercontent.com/
|
|
13704
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/toast/toast.tsx",
|
|
13705
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/toast/toast.module.css"
|
|
12831
13706
|
],
|
|
12832
13707
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
12833
13708
|
"tags": ["overlay", "notification", "feedback"],
|
|
@@ -12934,6 +13809,127 @@
|
|
|
12934
13809
|
}
|
|
12935
13810
|
}
|
|
12936
13811
|
},
|
|
13812
|
+
{
|
|
13813
|
+
"name": "toc",
|
|
13814
|
+
"type": "component",
|
|
13815
|
+
"description": "Table of contents with scroll-spy highlighting of the active section",
|
|
13816
|
+
"category": "navigation",
|
|
13817
|
+
"version": "0.0.0",
|
|
13818
|
+
"files": [
|
|
13819
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/toc/toc.tsx",
|
|
13820
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/toc/toc.module.css"
|
|
13821
|
+
],
|
|
13822
|
+
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
13823
|
+
"tags": ["toc", "table-of-contents", "navigation", "scroll-spy", "anchor"],
|
|
13824
|
+
"meta": {
|
|
13825
|
+
"name": "Toc",
|
|
13826
|
+
"description": "Table of contents with scroll-spy highlighting of the active section",
|
|
13827
|
+
"category": "navigation",
|
|
13828
|
+
"states": [],
|
|
13829
|
+
"variants": [],
|
|
13830
|
+
"sizes": [],
|
|
13831
|
+
"props": [
|
|
13832
|
+
{
|
|
13833
|
+
"name": "items",
|
|
13834
|
+
"type": "{ id: string; label: string; level?: number }[]",
|
|
13835
|
+
"required": true
|
|
13836
|
+
},
|
|
13837
|
+
{
|
|
13838
|
+
"name": "activeId",
|
|
13839
|
+
"type": "string",
|
|
13840
|
+
"required": false,
|
|
13841
|
+
"description": "Controlled active item id; disables built-in scroll-spy when set"
|
|
13842
|
+
},
|
|
13843
|
+
{
|
|
13844
|
+
"name": "onActiveChange",
|
|
13845
|
+
"type": "(id: string) => void",
|
|
13846
|
+
"required": false
|
|
13847
|
+
},
|
|
13848
|
+
{
|
|
13849
|
+
"name": "labels",
|
|
13850
|
+
"type": "{ nav?: string }",
|
|
13851
|
+
"required": false
|
|
13852
|
+
},
|
|
13853
|
+
{
|
|
13854
|
+
"name": "className",
|
|
13855
|
+
"type": "string",
|
|
13856
|
+
"required": false
|
|
13857
|
+
}
|
|
13858
|
+
],
|
|
13859
|
+
"tokens": [
|
|
13860
|
+
"--cascivo-font-sans",
|
|
13861
|
+
"--cascivo-color-text",
|
|
13862
|
+
"--cascivo-color-text-muted",
|
|
13863
|
+
"--cascivo-color-accent",
|
|
13864
|
+
"--cascivo-focus-ring",
|
|
13865
|
+
"--cascivo-target-min-coarse"
|
|
13866
|
+
],
|
|
13867
|
+
"accessibility": {
|
|
13868
|
+
"role": "navigation",
|
|
13869
|
+
"wcag": "2.2-AA",
|
|
13870
|
+
"keyboard": ["Tab", "Enter"]
|
|
13871
|
+
},
|
|
13872
|
+
"examples": [
|
|
13873
|
+
{
|
|
13874
|
+
"title": "Basic",
|
|
13875
|
+
"code": "<Toc items={[{ id: 'intro', label: 'Introduction' }, { id: 'usage', label: 'Usage' }, { id: 'api', label: 'API', level: 3 }]} />"
|
|
13876
|
+
},
|
|
13877
|
+
{
|
|
13878
|
+
"title": "Controlled active item",
|
|
13879
|
+
"code": "<Toc activeId=\"usage\" items={[{ id: 'intro', label: 'Introduction' }, { id: 'usage', label: 'Usage' }]} />",
|
|
13880
|
+
"description": "Pass activeId to drive the highlight yourself; scroll-spy is disabled."
|
|
13881
|
+
}
|
|
13882
|
+
],
|
|
13883
|
+
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
13884
|
+
"tags": ["toc", "table-of-contents", "navigation", "scroll-spy", "anchor"],
|
|
13885
|
+
"intent": {
|
|
13886
|
+
"whenToUse": [
|
|
13887
|
+
"Long-form pages (docs, articles) that benefit from in-page jump links",
|
|
13888
|
+
"Highlighting which section is currently in view as the reader scrolls"
|
|
13889
|
+
],
|
|
13890
|
+
"whenNotToUse": [
|
|
13891
|
+
"Top-level site navigation between pages — use NavigationMenu or SideNav",
|
|
13892
|
+
"Showing hierarchy depth of the current page — use Breadcrumb"
|
|
13893
|
+
],
|
|
13894
|
+
"antiPatterns": [
|
|
13895
|
+
{
|
|
13896
|
+
"bad": "Using Toc as the primary site navigation between routes",
|
|
13897
|
+
"good": "<NavigationMenu> / <SideNav> for cross-page navigation",
|
|
13898
|
+
"why": "Toc links to sections within the current document, not to other pages"
|
|
13899
|
+
}
|
|
13900
|
+
],
|
|
13901
|
+
"related": [
|
|
13902
|
+
{
|
|
13903
|
+
"name": "SideNav",
|
|
13904
|
+
"relationship": "alternative",
|
|
13905
|
+
"reason": "SideNav navigates between pages; Toc navigates within one page"
|
|
13906
|
+
},
|
|
13907
|
+
{
|
|
13908
|
+
"name": "Breadcrumb",
|
|
13909
|
+
"relationship": "alternative",
|
|
13910
|
+
"reason": "Breadcrumb shows ancestor hierarchy; Toc shows in-page sections"
|
|
13911
|
+
}
|
|
13912
|
+
],
|
|
13913
|
+
"a11yRationale": "Rendered as a <nav> landmark with a label; entries are real anchor links and the active one is marked aria-current=\"location\" so assistive tech announces the current section",
|
|
13914
|
+
"content": {
|
|
13915
|
+
"tone": "Short labels matching the section headings",
|
|
13916
|
+
"notes": "Labels should mirror the on-page heading text"
|
|
13917
|
+
},
|
|
13918
|
+
"flexibility": [
|
|
13919
|
+
{
|
|
13920
|
+
"area": "activeId",
|
|
13921
|
+
"level": "flexible",
|
|
13922
|
+
"note": "Control the highlight externally, or omit it for built-in scroll-spy"
|
|
13923
|
+
},
|
|
13924
|
+
{
|
|
13925
|
+
"area": "token names",
|
|
13926
|
+
"level": "strict",
|
|
13927
|
+
"note": "Colors, focus ring, and touch target must resolve to --cascivo-* tokens"
|
|
13928
|
+
}
|
|
13929
|
+
]
|
|
13930
|
+
}
|
|
13931
|
+
}
|
|
13932
|
+
},
|
|
12937
13933
|
{
|
|
12938
13934
|
"name": "toggle",
|
|
12939
13935
|
"type": "component",
|
|
@@ -12941,8 +13937,8 @@
|
|
|
12941
13937
|
"category": "inputs",
|
|
12942
13938
|
"version": "0.0.0",
|
|
12943
13939
|
"files": [
|
|
12944
|
-
"https://raw.githubusercontent.com/
|
|
12945
|
-
"https://raw.githubusercontent.com/
|
|
13940
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/toggle/toggle.tsx",
|
|
13941
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/toggle/toggle.module.css"
|
|
12946
13942
|
],
|
|
12947
13943
|
"dependencies": ["@cascivo/core"],
|
|
12948
13944
|
"tags": ["switch", "form", "boolean"],
|
|
@@ -13067,8 +14063,8 @@
|
|
|
13067
14063
|
"category": "inputs",
|
|
13068
14064
|
"version": "0.0.0",
|
|
13069
14065
|
"files": [
|
|
13070
|
-
"https://raw.githubusercontent.com/
|
|
13071
|
-
"https://raw.githubusercontent.com/
|
|
14066
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/toggle-group/toggle-group.tsx",
|
|
14067
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/toggle-group/toggle-group.module.css"
|
|
13072
14068
|
],
|
|
13073
14069
|
"dependencies": ["@cascivo/core"],
|
|
13074
14070
|
"tags": ["selection", "segmented", "toolbar", "choice"],
|
|
@@ -13219,8 +14215,8 @@
|
|
|
13219
14215
|
"category": "overlay",
|
|
13220
14216
|
"version": "0.0.0",
|
|
13221
14217
|
"files": [
|
|
13222
|
-
"https://raw.githubusercontent.com/
|
|
13223
|
-
"https://raw.githubusercontent.com/
|
|
14218
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/toggletip/toggletip.tsx",
|
|
14219
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/toggletip/toggletip.module.css"
|
|
13224
14220
|
],
|
|
13225
14221
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
13226
14222
|
"tags": ["overlay", "toggletip", "info", "popover", "floating"],
|
|
@@ -13379,8 +14375,8 @@
|
|
|
13379
14375
|
"category": "overlay",
|
|
13380
14376
|
"version": "0.0.0",
|
|
13381
14377
|
"files": [
|
|
13382
|
-
"https://raw.githubusercontent.com/
|
|
13383
|
-
"https://raw.githubusercontent.com/
|
|
14378
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/tooltip/tooltip.tsx",
|
|
14379
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/tooltip/tooltip.module.css"
|
|
13384
14380
|
],
|
|
13385
14381
|
"dependencies": ["@cascivo/core"],
|
|
13386
14382
|
"tags": ["overlay", "hint", "popover"],
|
|
@@ -13500,8 +14496,8 @@
|
|
|
13500
14496
|
"category": "display",
|
|
13501
14497
|
"version": "0.0.0",
|
|
13502
14498
|
"files": [
|
|
13503
|
-
"https://raw.githubusercontent.com/
|
|
13504
|
-
"https://raw.githubusercontent.com/
|
|
14499
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/tree-view/tree-view.tsx",
|
|
14500
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/tree-view/tree-view.module.css"
|
|
13505
14501
|
],
|
|
13506
14502
|
"dependencies": ["@cascivo/core", "@cascivo/i18n"],
|
|
13507
14503
|
"tags": ["display", "tree", "hierarchy", "navigation", "files"],
|
|
@@ -13646,6 +14642,112 @@
|
|
|
13646
14642
|
}
|
|
13647
14643
|
}
|
|
13648
14644
|
},
|
|
14645
|
+
{
|
|
14646
|
+
"name": "user",
|
|
14647
|
+
"type": "component",
|
|
14648
|
+
"description": "Identity composite: an avatar with a name, description, and optional action slot",
|
|
14649
|
+
"category": "display",
|
|
14650
|
+
"version": "0.0.0",
|
|
14651
|
+
"files": [
|
|
14652
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/user/user.tsx",
|
|
14653
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/user/user.module.css"
|
|
14654
|
+
],
|
|
14655
|
+
"dependencies": ["@cascivo/core", "@cascivo/components"],
|
|
14656
|
+
"tags": ["user", "avatar", "identity", "display"],
|
|
14657
|
+
"meta": {
|
|
14658
|
+
"name": "User",
|
|
14659
|
+
"description": "Identity composite: an avatar with a name, description, and optional action slot",
|
|
14660
|
+
"category": "display",
|
|
14661
|
+
"states": ["default"],
|
|
14662
|
+
"variants": [],
|
|
14663
|
+
"sizes": [],
|
|
14664
|
+
"props": [
|
|
14665
|
+
{
|
|
14666
|
+
"name": "name",
|
|
14667
|
+
"type": "ReactNode",
|
|
14668
|
+
"required": true
|
|
14669
|
+
},
|
|
14670
|
+
{
|
|
14671
|
+
"name": "description",
|
|
14672
|
+
"type": "ReactNode",
|
|
14673
|
+
"required": false
|
|
14674
|
+
},
|
|
14675
|
+
{
|
|
14676
|
+
"name": "avatarProps",
|
|
14677
|
+
"type": "AvatarProps",
|
|
14678
|
+
"required": false,
|
|
14679
|
+
"description": "Forwarded to the composed <Avatar>"
|
|
14680
|
+
}
|
|
14681
|
+
],
|
|
14682
|
+
"tokens": [
|
|
14683
|
+
"--cascivo-color-text",
|
|
14684
|
+
"--cascivo-color-text-muted",
|
|
14685
|
+
"--cascivo-space-3",
|
|
14686
|
+
"--cascivo-text-sm",
|
|
14687
|
+
"--cascivo-text-xs"
|
|
14688
|
+
],
|
|
14689
|
+
"accessibility": {
|
|
14690
|
+
"role": "group",
|
|
14691
|
+
"wcag": "2.2-AA",
|
|
14692
|
+
"keyboard": []
|
|
14693
|
+
},
|
|
14694
|
+
"examples": [
|
|
14695
|
+
{
|
|
14696
|
+
"title": "Basic",
|
|
14697
|
+
"code": "<User name=\"Jane Doe\" description=\"jane@acme.com\" avatarProps={{ src: \"/jane.jpg\", alt: \"Jane Doe\" }} />"
|
|
14698
|
+
},
|
|
14699
|
+
{
|
|
14700
|
+
"title": "With action",
|
|
14701
|
+
"code": "<User name=\"Jane Doe\" description=\"Admin\"><IconButton aria-label=\"More\" /></User>"
|
|
14702
|
+
}
|
|
14703
|
+
],
|
|
14704
|
+
"dependencies": ["@cascivo/core", "@cascivo/components"],
|
|
14705
|
+
"tags": ["user", "avatar", "identity", "display"],
|
|
14706
|
+
"intent": {
|
|
14707
|
+
"whenToUse": [
|
|
14708
|
+
"Showing a person with their name and a secondary line (email, role) next to an avatar",
|
|
14709
|
+
"Identity rows inside menus, tables, navbars, and account switchers",
|
|
14710
|
+
"A compact, labelled identity primitive too granular for a page-section block"
|
|
14711
|
+
],
|
|
14712
|
+
"whenNotToUse": [
|
|
14713
|
+
"Just an image with no name/description — use Avatar directly",
|
|
14714
|
+
"A full profile card with rich content — compose a Card instead"
|
|
14715
|
+
],
|
|
14716
|
+
"antiPatterns": [
|
|
14717
|
+
{
|
|
14718
|
+
"bad": "<User name=\"\" avatarProps={{ src: \"/jane.jpg\" }} />",
|
|
14719
|
+
"good": "<User name=\"Jane Doe\" avatarProps={{ src: \"/jane.jpg\", alt: \"Jane Doe\" }} />",
|
|
14720
|
+
"why": "The name is the accessible identity label; an empty name leaves the avatar unlabelled"
|
|
14721
|
+
}
|
|
14722
|
+
],
|
|
14723
|
+
"related": [
|
|
14724
|
+
{
|
|
14725
|
+
"name": "Avatar",
|
|
14726
|
+
"relationship": "contains",
|
|
14727
|
+
"reason": "User wraps Avatar and forwards avatarProps to it"
|
|
14728
|
+
},
|
|
14729
|
+
{
|
|
14730
|
+
"name": "AvatarGroup",
|
|
14731
|
+
"relationship": "alternative",
|
|
14732
|
+
"reason": "Use AvatarGroup to show several identities as an overlapping stack"
|
|
14733
|
+
}
|
|
14734
|
+
],
|
|
14735
|
+
"a11yRationale": "The composite is a labelled group; the name provides the accessible identity and the avatar carries its own role=\"img\"/alt — no redundant roles",
|
|
14736
|
+
"flexibility": [
|
|
14737
|
+
{
|
|
14738
|
+
"area": "description",
|
|
14739
|
+
"level": "flexible",
|
|
14740
|
+
"note": "Any ReactNode — email, role, or a status line"
|
|
14741
|
+
},
|
|
14742
|
+
{
|
|
14743
|
+
"area": "token names",
|
|
14744
|
+
"level": "strict",
|
|
14745
|
+
"note": "Name and description colors must resolve to --cascivo-* tokens"
|
|
14746
|
+
}
|
|
14747
|
+
]
|
|
14748
|
+
}
|
|
14749
|
+
}
|
|
14750
|
+
},
|
|
13649
14751
|
{
|
|
13650
14752
|
"name": "visually-hidden",
|
|
13651
14753
|
"type": "component",
|
|
@@ -13653,8 +14755,8 @@
|
|
|
13653
14755
|
"category": "display",
|
|
13654
14756
|
"version": "0.0.0",
|
|
13655
14757
|
"files": [
|
|
13656
|
-
"https://raw.githubusercontent.com/
|
|
13657
|
-
"https://raw.githubusercontent.com/
|
|
14758
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/visually-hidden/visually-hidden.tsx",
|
|
14759
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/visually-hidden/visually-hidden.module.css"
|
|
13658
14760
|
],
|
|
13659
14761
|
"dependencies": ["@cascivo/core"],
|
|
13660
14762
|
"tags": ["accessibility", "screen-reader", "sr-only", "hidden"],
|
|
@@ -13743,8 +14845,8 @@
|
|
|
13743
14845
|
"category": "layout",
|
|
13744
14846
|
"version": "0.0.0",
|
|
13745
14847
|
"files": [
|
|
13746
|
-
"https://raw.githubusercontent.com/
|
|
13747
|
-
"https://raw.githubusercontent.com/
|
|
14848
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/app-shell/app-shell.tsx",
|
|
14849
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/app-shell/app-shell.module.css"
|
|
13748
14850
|
],
|
|
13749
14851
|
"dependencies": ["@cascivo/core", "@cascivo/i18n", "@cascivo/storage"],
|
|
13750
14852
|
"tags": ["layout", "shell", "sidebar", "navigation"],
|
|
@@ -13855,8 +14957,8 @@
|
|
|
13855
14957
|
"category": "layout",
|
|
13856
14958
|
"version": "0.0.0",
|
|
13857
14959
|
"files": [
|
|
13858
|
-
"https://raw.githubusercontent.com/
|
|
13859
|
-
"https://raw.githubusercontent.com/
|
|
14960
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/auth-layout/auth-layout.tsx",
|
|
14961
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/auth-layout/auth-layout.module.css"
|
|
13860
14962
|
],
|
|
13861
14963
|
"dependencies": ["@cascivo/core"],
|
|
13862
14964
|
"tags": ["layout", "auth", "login", "page"],
|
|
@@ -13938,8 +15040,8 @@
|
|
|
13938
15040
|
"category": "layout",
|
|
13939
15041
|
"version": "0.0.0",
|
|
13940
15042
|
"files": [
|
|
13941
|
-
"https://raw.githubusercontent.com/
|
|
13942
|
-
"https://raw.githubusercontent.com/
|
|
15043
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/auto-grid/auto-grid.tsx",
|
|
15044
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/auto-grid/auto-grid.module.css"
|
|
13943
15045
|
],
|
|
13944
15046
|
"dependencies": ["@cascivo/core"],
|
|
13945
15047
|
"tags": ["layout", "grid", "responsive"],
|
|
@@ -14010,8 +15112,8 @@
|
|
|
14010
15112
|
"category": "layout",
|
|
14011
15113
|
"version": "0.0.0",
|
|
14012
15114
|
"files": [
|
|
14013
|
-
"https://raw.githubusercontent.com/
|
|
14014
|
-
"https://raw.githubusercontent.com/
|
|
15115
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/center/center.tsx",
|
|
15116
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/center/center.module.css"
|
|
14015
15117
|
],
|
|
14016
15118
|
"dependencies": ["@cascivo/core"],
|
|
14017
15119
|
"tags": ["layout", "center", "wrapper"],
|
|
@@ -14079,8 +15181,8 @@
|
|
|
14079
15181
|
"category": "layout",
|
|
14080
15182
|
"version": "0.0.0",
|
|
14081
15183
|
"files": [
|
|
14082
|
-
"https://raw.githubusercontent.com/
|
|
14083
|
-
"https://raw.githubusercontent.com/
|
|
15184
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/columns/columns.tsx",
|
|
15185
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/columns/columns.module.css"
|
|
14084
15186
|
],
|
|
14085
15187
|
"dependencies": ["@cascivo/core"],
|
|
14086
15188
|
"tags": ["layout", "grid", "columns"],
|
|
@@ -14154,8 +15256,8 @@
|
|
|
14154
15256
|
"category": "layout",
|
|
14155
15257
|
"version": "0.0.0",
|
|
14156
15258
|
"files": [
|
|
14157
|
-
"https://raw.githubusercontent.com/
|
|
14158
|
-
"https://raw.githubusercontent.com/
|
|
15259
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/dashboard-layout/dashboard-layout.tsx",
|
|
15260
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/dashboard-layout/dashboard-layout.module.css"
|
|
14159
15261
|
],
|
|
14160
15262
|
"dependencies": ["@cascivo/core"],
|
|
14161
15263
|
"tags": ["layout", "dashboard", "page"],
|
|
@@ -14235,8 +15337,8 @@
|
|
|
14235
15337
|
"category": "layout",
|
|
14236
15338
|
"version": "0.0.0",
|
|
14237
15339
|
"files": [
|
|
14238
|
-
"https://raw.githubusercontent.com/
|
|
14239
|
-
"https://raw.githubusercontent.com/
|
|
15340
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/grid/grid.tsx",
|
|
15341
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/grid/grid.module.css"
|
|
14240
15342
|
],
|
|
14241
15343
|
"dependencies": ["@cascivo/core"],
|
|
14242
15344
|
"tags": ["layout", "grid", "columns"],
|
|
@@ -14316,8 +15418,8 @@
|
|
|
14316
15418
|
"category": "layout",
|
|
14317
15419
|
"version": "0.0.0",
|
|
14318
15420
|
"files": [
|
|
14319
|
-
"https://raw.githubusercontent.com/
|
|
14320
|
-
"https://raw.githubusercontent.com/
|
|
15421
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/masonry/masonry.tsx",
|
|
15422
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/masonry/masonry.module.css"
|
|
14321
15423
|
],
|
|
14322
15424
|
"dependencies": ["@cascivo/core"],
|
|
14323
15425
|
"tags": ["layout", "masonry", "gallery"],
|
|
@@ -14393,8 +15495,8 @@
|
|
|
14393
15495
|
"category": "layout",
|
|
14394
15496
|
"version": "0.0.0",
|
|
14395
15497
|
"files": [
|
|
14396
|
-
"https://raw.githubusercontent.com/
|
|
14397
|
-
"https://raw.githubusercontent.com/
|
|
15498
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/page-header/page-header.tsx",
|
|
15499
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/page-header/page-header.module.css"
|
|
14398
15500
|
],
|
|
14399
15501
|
"dependencies": ["@cascivo/core"],
|
|
14400
15502
|
"tags": ["layout", "header", "page"],
|
|
@@ -14494,8 +15596,8 @@
|
|
|
14494
15596
|
"category": "layout",
|
|
14495
15597
|
"version": "0.0.0",
|
|
14496
15598
|
"files": [
|
|
14497
|
-
"https://raw.githubusercontent.com/
|
|
14498
|
-
"https://raw.githubusercontent.com/
|
|
15599
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/section/section.tsx",
|
|
15600
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/section/section.module.css"
|
|
14499
15601
|
],
|
|
14500
15602
|
"dependencies": ["@cascivo/core"],
|
|
14501
15603
|
"tags": ["layout", "section", "page"],
|
|
@@ -14571,8 +15673,8 @@
|
|
|
14571
15673
|
"category": "layout",
|
|
14572
15674
|
"version": "0.0.0",
|
|
14573
15675
|
"files": [
|
|
14574
|
-
"https://raw.githubusercontent.com/
|
|
14575
|
-
"https://raw.githubusercontent.com/
|
|
15676
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/settings-layout/settings-layout.tsx",
|
|
15677
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/settings-layout/settings-layout.module.css"
|
|
14576
15678
|
],
|
|
14577
15679
|
"dependencies": ["@cascivo/core"],
|
|
14578
15680
|
"tags": ["layout", "settings", "page"],
|
|
@@ -14646,8 +15748,8 @@
|
|
|
14646
15748
|
"category": "layout",
|
|
14647
15749
|
"version": "0.0.0",
|
|
14648
15750
|
"files": [
|
|
14649
|
-
"https://raw.githubusercontent.com/
|
|
14650
|
-
"https://raw.githubusercontent.com/
|
|
15751
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/spacer/spacer.tsx",
|
|
15752
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/spacer/spacer.module.css"
|
|
14651
15753
|
],
|
|
14652
15754
|
"dependencies": ["@cascivo/core"],
|
|
14653
15755
|
"tags": ["layout", "spacer", "spacing"],
|
|
@@ -14710,8 +15812,8 @@
|
|
|
14710
15812
|
"category": "layout",
|
|
14711
15813
|
"version": "0.0.0",
|
|
14712
15814
|
"files": [
|
|
14713
|
-
"https://raw.githubusercontent.com/
|
|
14714
|
-
"https://raw.githubusercontent.com/
|
|
15815
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/split-view/split-view.tsx",
|
|
15816
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/split-view/split-view.module.css"
|
|
14715
15817
|
],
|
|
14716
15818
|
"dependencies": ["@cascivo/core"],
|
|
14717
15819
|
"tags": ["layout", "split", "resizable", "pane"],
|
|
@@ -14804,8 +15906,8 @@
|
|
|
14804
15906
|
"category": "layout",
|
|
14805
15907
|
"version": "0.0.0",
|
|
14806
15908
|
"files": [
|
|
14807
|
-
"https://raw.githubusercontent.com/
|
|
14808
|
-
"https://raw.githubusercontent.com/
|
|
15909
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/stack/stack.tsx",
|
|
15910
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/stack/stack.module.css"
|
|
14809
15911
|
],
|
|
14810
15912
|
"dependencies": ["@cascivo/core"],
|
|
14811
15913
|
"tags": ["layout", "flex", "stack", "spacing"],
|
|
@@ -14902,8 +16004,8 @@
|
|
|
14902
16004
|
"category": "display",
|
|
14903
16005
|
"version": "0.0.0",
|
|
14904
16006
|
"files": [
|
|
14905
|
-
"https://raw.githubusercontent.com/
|
|
14906
|
-
"https://raw.githubusercontent.com/
|
|
16007
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/blocks/console-app/console-app.tsx",
|
|
16008
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/blocks/console-app/console-app.module.css"
|
|
14907
16009
|
],
|
|
14908
16010
|
"dependencies": [
|
|
14909
16011
|
"@cascivo/react",
|
|
@@ -14983,7 +16085,7 @@
|
|
|
14983
16085
|
"category": "display",
|
|
14984
16086
|
"version": "0.0.0",
|
|
14985
16087
|
"files": [
|
|
14986
|
-
"https://raw.githubusercontent.com/
|
|
16088
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/blocks/dashboard-charts/dashboard-charts.tsx"
|
|
14987
16089
|
],
|
|
14988
16090
|
"dependencies": ["@cascivo/charts", "@cascivo/react"],
|
|
14989
16091
|
"tags": ["block", "dashboard", "charts", "kpi"],
|
|
@@ -15044,7 +16146,7 @@
|
|
|
15044
16146
|
"category": "display",
|
|
15045
16147
|
"version": "0.0.0",
|
|
15046
16148
|
"files": [
|
|
15047
|
-
"https://raw.githubusercontent.com/
|
|
16149
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/blocks/empty-dashboard/empty-dashboard.tsx"
|
|
15048
16150
|
],
|
|
15049
16151
|
"dependencies": ["@cascivo/react", "layout/dashboard-layout"],
|
|
15050
16152
|
"tags": ["block", "dashboard", "empty-state", "page"],
|
|
@@ -15107,7 +16209,7 @@
|
|
|
15107
16209
|
"category": "display",
|
|
15108
16210
|
"version": "0.0.0",
|
|
15109
16211
|
"files": [
|
|
15110
|
-
"https://raw.githubusercontent.com/
|
|
16212
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/blocks/login-page/login-page.tsx"
|
|
15111
16213
|
],
|
|
15112
16214
|
"dependencies": ["@cascivo/react", "layout/auth-layout"],
|
|
15113
16215
|
"tags": ["block", "login", "auth", "form", "page"],
|
|
@@ -15170,7 +16272,7 @@
|
|
|
15170
16272
|
"category": "display",
|
|
15171
16273
|
"version": "0.0.0",
|
|
15172
16274
|
"files": [
|
|
15173
|
-
"https://raw.githubusercontent.com/
|
|
16275
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/blocks/notification-center/notification-center.tsx"
|
|
15174
16276
|
],
|
|
15175
16277
|
"dependencies": ["@cascivo/react", "layout/stack"],
|
|
15176
16278
|
"tags": ["block", "notifications", "alerts"],
|
|
@@ -15239,7 +16341,7 @@
|
|
|
15239
16341
|
"category": "display",
|
|
15240
16342
|
"version": "0.0.0",
|
|
15241
16343
|
"files": [
|
|
15242
|
-
"https://raw.githubusercontent.com/
|
|
16344
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/blocks/page-with-breadcrumb/page-with-breadcrumb.tsx"
|
|
15243
16345
|
],
|
|
15244
16346
|
"dependencies": ["@cascivo/react", "layout/page-header", "layout/center"],
|
|
15245
16347
|
"tags": ["block", "breadcrumb", "page", "navigation"],
|
|
@@ -15295,7 +16397,7 @@
|
|
|
15295
16397
|
"category": "display",
|
|
15296
16398
|
"version": "0.0.0",
|
|
15297
16399
|
"files": [
|
|
15298
|
-
"https://raw.githubusercontent.com/
|
|
16400
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/blocks/settings-form-page/settings-form-page.tsx"
|
|
15299
16401
|
],
|
|
15300
16402
|
"dependencies": ["@cascivo/react", "layout/settings-layout"],
|
|
15301
16403
|
"tags": ["block", "settings", "form", "page"],
|
|
@@ -15358,7 +16460,7 @@
|
|
|
15358
16460
|
"category": "display",
|
|
15359
16461
|
"version": "0.0.0",
|
|
15360
16462
|
"files": [
|
|
15361
|
-
"https://raw.githubusercontent.com/
|
|
16463
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/blocks/sidebar-app/sidebar-app.tsx"
|
|
15362
16464
|
],
|
|
15363
16465
|
"dependencies": ["@cascivo/react", "layout/app-shell"],
|
|
15364
16466
|
"tags": ["block", "sidebar", "navigation", "app-shell"],
|
|
@@ -15419,7 +16521,7 @@
|
|
|
15419
16521
|
"category": "display",
|
|
15420
16522
|
"version": "0.0.0",
|
|
15421
16523
|
"files": [
|
|
15422
|
-
"https://raw.githubusercontent.com/
|
|
16524
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/blocks/stats-cards/stats-cards.tsx"
|
|
15423
16525
|
],
|
|
15424
16526
|
"dependencies": ["@cascivo/react"],
|
|
15425
16527
|
"tags": ["block", "stats", "kpi", "cards"],
|
|
@@ -15487,7 +16589,7 @@
|
|
|
15487
16589
|
"category": "display",
|
|
15488
16590
|
"version": "0.0.0",
|
|
15489
16591
|
"files": [
|
|
15490
|
-
"https://raw.githubusercontent.com/
|
|
16592
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/blocks/users-table-page/users-table-page.tsx"
|
|
15491
16593
|
],
|
|
15492
16594
|
"dependencies": ["@cascivo/react", "layout/page-header", "layout/stack"],
|
|
15493
16595
|
"tags": ["block", "users", "table", "page"],
|
|
@@ -17478,8 +18580,8 @@
|
|
|
17478
18580
|
"category": "layout",
|
|
17479
18581
|
"version": "0.0.0",
|
|
17480
18582
|
"files": [
|
|
17481
|
-
"https://raw.githubusercontent.com/
|
|
17482
|
-
"https://raw.githubusercontent.com/
|
|
18583
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/sections/cta/cta.tsx",
|
|
18584
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/sections/cta/cta.module.css"
|
|
17483
18585
|
],
|
|
17484
18586
|
"dependencies": ["@cascivo/core"],
|
|
17485
18587
|
"tags": ["section", "cta", "marketing"],
|
|
@@ -17574,8 +18676,8 @@
|
|
|
17574
18676
|
"category": "layout",
|
|
17575
18677
|
"version": "0.0.0",
|
|
17576
18678
|
"files": [
|
|
17577
|
-
"https://raw.githubusercontent.com/
|
|
17578
|
-
"https://raw.githubusercontent.com/
|
|
18679
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/sections/feature-grid/feature-grid.tsx",
|
|
18680
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/sections/feature-grid/feature-grid.module.css"
|
|
17579
18681
|
],
|
|
17580
18682
|
"dependencies": ["@cascivo/core"],
|
|
17581
18683
|
"tags": ["section", "features", "grid"],
|
|
@@ -17679,8 +18781,8 @@
|
|
|
17679
18781
|
"category": "layout",
|
|
17680
18782
|
"version": "0.0.0",
|
|
17681
18783
|
"files": [
|
|
17682
|
-
"https://raw.githubusercontent.com/
|
|
17683
|
-
"https://raw.githubusercontent.com/
|
|
18784
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/sections/hero/hero.tsx",
|
|
18785
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/sections/hero/hero.module.css"
|
|
17684
18786
|
],
|
|
17685
18787
|
"dependencies": ["@cascivo/core"],
|
|
17686
18788
|
"tags": ["section", "hero", "marketing"],
|
|
@@ -17799,8 +18901,8 @@
|
|
|
17799
18901
|
"category": "layout",
|
|
17800
18902
|
"version": "0.0.0",
|
|
17801
18903
|
"files": [
|
|
17802
|
-
"https://raw.githubusercontent.com/
|
|
17803
|
-
"https://raw.githubusercontent.com/
|
|
18904
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/sections/media-masonry/media-masonry.tsx",
|
|
18905
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/sections/media-masonry/media-masonry.module.css"
|
|
17804
18906
|
],
|
|
17805
18907
|
"dependencies": ["@cascivo/core"],
|
|
17806
18908
|
"tags": ["section", "gallery", "masonry"],
|
|
@@ -17902,8 +19004,8 @@
|
|
|
17902
19004
|
"category": "layout",
|
|
17903
19005
|
"version": "0.0.0",
|
|
17904
19006
|
"files": [
|
|
17905
|
-
"https://raw.githubusercontent.com/
|
|
17906
|
-
"https://raw.githubusercontent.com/
|
|
19007
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/sections/page-footer/page-footer.tsx",
|
|
19008
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/sections/page-footer/page-footer.module.css"
|
|
17907
19009
|
],
|
|
17908
19010
|
"dependencies": ["@cascivo/core"],
|
|
17909
19011
|
"tags": ["section", "footer", "navigation"],
|
|
@@ -17952,7 +19054,7 @@
|
|
|
17952
19054
|
"examples": [
|
|
17953
19055
|
{
|
|
17954
19056
|
"title": "Site footer",
|
|
17955
|
-
"code": "<PageFooter\n brand=\"Cascade\"\n meta=\"MIT licensed. Built with care.\"\n groups={[\n { title: 'Product', links: [{ label: 'Components', href: '/components' }, { label: 'Charts', href: '/charts' }, { label: 'Layouts', href: '/layouts' }] },\n { title: 'Developers', links: [{ label: 'Docs', href: '/docs' }, { label: 'GitHub', href: 'https://github.com/
|
|
19057
|
+
"code": "<PageFooter\n brand=\"Cascade\"\n meta=\"MIT licensed. Built with care.\"\n groups={[\n { title: 'Product', links: [{ label: 'Components', href: '/components' }, { label: 'Charts', href: '/charts' }, { label: 'Layouts', href: '/layouts' }] },\n { title: 'Developers', links: [{ label: 'Docs', href: '/docs' }, { label: 'GitHub', href: 'https://github.com/cascivo/cascivo' }, { label: 'Changelog', href: '/changelog' }] },\n { title: 'Resources', links: [{ label: 'Figma kit', href: '/figma' }, { label: 'Storybook', href: '/storybook' }] },\n ]}\n/>",
|
|
17956
19058
|
"description": "Three-column footer with brand and license meta"
|
|
17957
19059
|
}
|
|
17958
19060
|
],
|
|
@@ -17987,8 +19089,8 @@
|
|
|
17987
19089
|
"category": "layout",
|
|
17988
19090
|
"version": "0.0.0",
|
|
17989
19091
|
"files": [
|
|
17990
|
-
"https://raw.githubusercontent.com/
|
|
17991
|
-
"https://raw.githubusercontent.com/
|
|
19092
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/sections/stats-band/stats-band.tsx",
|
|
19093
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/layouts/src/sections/stats-band/stats-band.module.css"
|
|
17992
19094
|
],
|
|
17993
19095
|
"dependencies": ["@cascivo/core", "@cascivo/charts"],
|
|
17994
19096
|
"tags": ["section", "stats", "kpi", "charts"],
|
|
@@ -18075,8 +19177,8 @@
|
|
|
18075
19177
|
"category": "shell",
|
|
18076
19178
|
"version": "0.0.0",
|
|
18077
19179
|
"files": [
|
|
18078
|
-
"https://raw.githubusercontent.com/
|
|
18079
|
-
"https://raw.githubusercontent.com/
|
|
19180
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/blocks/app-shell/app-shell.tsx",
|
|
19181
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/blocks/app-shell/app-shell.module.css"
|
|
18080
19182
|
],
|
|
18081
19183
|
"dependencies": ["@cascivo/react"],
|
|
18082
19184
|
"tags": ["shell", "layout", "sidebar", "navigation", "responsive"],
|
|
@@ -18093,8 +19195,8 @@
|
|
|
18093
19195
|
"category": "auth",
|
|
18094
19196
|
"version": "0.0.0",
|
|
18095
19197
|
"files": [
|
|
18096
|
-
"https://raw.githubusercontent.com/
|
|
18097
|
-
"https://raw.githubusercontent.com/
|
|
19198
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/blocks/auth-login/auth-login.tsx",
|
|
19199
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/blocks/auth-login/auth-login.module.css"
|
|
18098
19200
|
],
|
|
18099
19201
|
"dependencies": ["@cascivo/react"],
|
|
18100
19202
|
"tags": ["auth", "login", "form", "email", "password"],
|
|
@@ -18111,8 +19213,8 @@
|
|
|
18111
19213
|
"category": "auth",
|
|
18112
19214
|
"version": "0.0.0",
|
|
18113
19215
|
"files": [
|
|
18114
|
-
"https://raw.githubusercontent.com/
|
|
18115
|
-
"https://raw.githubusercontent.com/
|
|
19216
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/blocks/auth-signup/auth-signup.tsx",
|
|
19217
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/blocks/auth-signup/auth-signup.module.css"
|
|
18116
19218
|
],
|
|
18117
19219
|
"dependencies": ["@cascivo/react"],
|
|
18118
19220
|
"tags": ["auth", "signup", "register", "form"],
|
|
@@ -18129,8 +19231,8 @@
|
|
|
18129
19231
|
"category": "dashboard",
|
|
18130
19232
|
"version": "0.0.0",
|
|
18131
19233
|
"files": [
|
|
18132
|
-
"https://raw.githubusercontent.com/
|
|
18133
|
-
"https://raw.githubusercontent.com/
|
|
19234
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/blocks/dashboard-overview/dashboard-overview.tsx",
|
|
19235
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/blocks/dashboard-overview/dashboard-overview.module.css"
|
|
18134
19236
|
],
|
|
18135
19237
|
"dependencies": ["@cascivo/react"],
|
|
18136
19238
|
"tags": ["dashboard", "stats", "kpi", "cards", "overview"],
|
|
@@ -18147,8 +19249,8 @@
|
|
|
18147
19249
|
"category": "dashboard",
|
|
18148
19250
|
"version": "0.0.0",
|
|
18149
19251
|
"files": [
|
|
18150
|
-
"https://raw.githubusercontent.com/
|
|
18151
|
-
"https://raw.githubusercontent.com/
|
|
19252
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/blocks/dashboard-table/dashboard-table.tsx",
|
|
19253
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/blocks/dashboard-table/dashboard-table.module.css"
|
|
18152
19254
|
],
|
|
18153
19255
|
"dependencies": ["@cascivo/react"],
|
|
18154
19256
|
"tags": ["dashboard", "table", "data", "search", "sort", "pagination"],
|
|
@@ -18157,6 +19259,24 @@
|
|
|
18157
19259
|
"dark": "/blocks/screenshots/dashboard-table-dark.png"
|
|
18158
19260
|
}
|
|
18159
19261
|
},
|
|
19262
|
+
{
|
|
19263
|
+
"name": "faq",
|
|
19264
|
+
"type": "block",
|
|
19265
|
+
"displayName": "FAQ Accordion",
|
|
19266
|
+
"description": "Frequently-asked-questions section composed from the Accordion component, with a centered, readable measure.",
|
|
19267
|
+
"category": "marketing",
|
|
19268
|
+
"version": "0.0.0",
|
|
19269
|
+
"files": [
|
|
19270
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/blocks/faq/faq.tsx",
|
|
19271
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/blocks/faq/faq.module.css"
|
|
19272
|
+
],
|
|
19273
|
+
"dependencies": ["@cascivo/react"],
|
|
19274
|
+
"tags": ["marketing", "faq", "accordion", "questions"],
|
|
19275
|
+
"screenshot": {
|
|
19276
|
+
"light": "/blocks/screenshots/faq-light.png",
|
|
19277
|
+
"dark": "/blocks/screenshots/faq-dark.png"
|
|
19278
|
+
}
|
|
19279
|
+
},
|
|
18160
19280
|
{
|
|
18161
19281
|
"name": "marketing-features",
|
|
18162
19282
|
"type": "block",
|
|
@@ -18165,8 +19285,8 @@
|
|
|
18165
19285
|
"category": "marketing",
|
|
18166
19286
|
"version": "0.0.0",
|
|
18167
19287
|
"files": [
|
|
18168
|
-
"https://raw.githubusercontent.com/
|
|
18169
|
-
"https://raw.githubusercontent.com/
|
|
19288
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/blocks/marketing-features/marketing-features.tsx",
|
|
19289
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/blocks/marketing-features/marketing-features.module.css"
|
|
18170
19290
|
],
|
|
18171
19291
|
"dependencies": ["@cascivo/react"],
|
|
18172
19292
|
"tags": ["marketing", "features", "grid", "icons"],
|
|
@@ -18183,8 +19303,8 @@
|
|
|
18183
19303
|
"category": "marketing",
|
|
18184
19304
|
"version": "0.0.0",
|
|
18185
19305
|
"files": [
|
|
18186
|
-
"https://raw.githubusercontent.com/
|
|
18187
|
-
"https://raw.githubusercontent.com/
|
|
19306
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/blocks/marketing-hero/marketing-hero.tsx",
|
|
19307
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/blocks/marketing-hero/marketing-hero.module.css"
|
|
18188
19308
|
],
|
|
18189
19309
|
"dependencies": ["@cascivo/react"],
|
|
18190
19310
|
"tags": ["marketing", "hero", "landing", "cta"],
|
|
@@ -18193,6 +19313,24 @@
|
|
|
18193
19313
|
"dark": "/blocks/screenshots/marketing-hero-dark.png"
|
|
18194
19314
|
}
|
|
18195
19315
|
},
|
|
19316
|
+
{
|
|
19317
|
+
"name": "pricing",
|
|
19318
|
+
"type": "block",
|
|
19319
|
+
"displayName": "Pricing Tiers",
|
|
19320
|
+
"description": "Responsive three-tier pricing section composed from Card, Badge, and Button, with a highlighted featured plan.",
|
|
19321
|
+
"category": "marketing",
|
|
19322
|
+
"version": "0.0.0",
|
|
19323
|
+
"files": [
|
|
19324
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/blocks/pricing/pricing.tsx",
|
|
19325
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/blocks/pricing/pricing.module.css"
|
|
19326
|
+
],
|
|
19327
|
+
"dependencies": ["@cascivo/react"],
|
|
19328
|
+
"tags": ["marketing", "pricing", "plans", "cards"],
|
|
19329
|
+
"screenshot": {
|
|
19330
|
+
"light": "/blocks/screenshots/pricing-light.png",
|
|
19331
|
+
"dark": "/blocks/screenshots/pricing-dark.png"
|
|
19332
|
+
}
|
|
19333
|
+
},
|
|
18196
19334
|
{
|
|
18197
19335
|
"name": "settings-profile",
|
|
18198
19336
|
"type": "block",
|
|
@@ -18201,8 +19339,8 @@
|
|
|
18201
19339
|
"category": "shell",
|
|
18202
19340
|
"version": "0.0.0",
|
|
18203
19341
|
"files": [
|
|
18204
|
-
"https://raw.githubusercontent.com/
|
|
18205
|
-
"https://raw.githubusercontent.com/
|
|
19342
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/blocks/settings-profile/settings-profile.tsx",
|
|
19343
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/blocks/settings-profile/settings-profile.module.css"
|
|
18206
19344
|
],
|
|
18207
19345
|
"dependencies": ["@cascivo/react"],
|
|
18208
19346
|
"tags": ["settings", "profile", "form", "toggles", "preferences"],
|
|
@@ -18210,6 +19348,42 @@
|
|
|
18210
19348
|
"light": "/blocks/screenshots/settings-profile-light.png",
|
|
18211
19349
|
"dark": "/blocks/screenshots/settings-profile-dark.png"
|
|
18212
19350
|
}
|
|
19351
|
+
},
|
|
19352
|
+
{
|
|
19353
|
+
"name": "site-footer",
|
|
19354
|
+
"type": "block",
|
|
19355
|
+
"displayName": "Site Footer",
|
|
19356
|
+
"description": "Multi-column site footer composed from Link and Separator, with a brand blurb, link columns, and a legal row.",
|
|
19357
|
+
"category": "marketing",
|
|
19358
|
+
"version": "0.0.0",
|
|
19359
|
+
"files": [
|
|
19360
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/blocks/site-footer/site-footer.tsx",
|
|
19361
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/blocks/site-footer/site-footer.module.css"
|
|
19362
|
+
],
|
|
19363
|
+
"dependencies": ["@cascivo/react"],
|
|
19364
|
+
"tags": ["marketing", "footer", "navigation", "links"],
|
|
19365
|
+
"screenshot": {
|
|
19366
|
+
"light": "/blocks/screenshots/site-footer-light.png",
|
|
19367
|
+
"dark": "/blocks/screenshots/site-footer-dark.png"
|
|
19368
|
+
}
|
|
19369
|
+
},
|
|
19370
|
+
{
|
|
19371
|
+
"name": "testimonials",
|
|
19372
|
+
"type": "block",
|
|
19373
|
+
"displayName": "Testimonials",
|
|
19374
|
+
"description": "Responsive testimonial grid composed from Card and Avatar, with a quote and attribution per card.",
|
|
19375
|
+
"category": "marketing",
|
|
19376
|
+
"version": "0.0.0",
|
|
19377
|
+
"files": [
|
|
19378
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/blocks/testimonials/testimonials.tsx",
|
|
19379
|
+
"https://raw.githubusercontent.com/cascivo/cascivo/main/packages/components/src/blocks/testimonials/testimonials.module.css"
|
|
19380
|
+
],
|
|
19381
|
+
"dependencies": ["@cascivo/react"],
|
|
19382
|
+
"tags": ["marketing", "testimonials", "social-proof", "cards"],
|
|
19383
|
+
"screenshot": {
|
|
19384
|
+
"light": "/blocks/screenshots/testimonials-light.png",
|
|
19385
|
+
"dark": "/blocks/screenshots/testimonials-dark.png"
|
|
19386
|
+
}
|
|
18213
19387
|
}
|
|
18214
19388
|
]
|
|
18215
19389
|
}
|