mirror of
https://github.com/cosscom/coss.git
synced 2026-09-14 20:06:50 +08:00
Volnei Munhoz
4477 lines
122 KiB
JSON
4477 lines
122 KiB
JSON
{
|
|
"name": "shadcn/ui",
|
|
"homepage": "https://ui.shadcn.com",
|
|
"items": [
|
|
{
|
|
"name": "ui",
|
|
"type": "registry:ui",
|
|
"registryDependencies": [
|
|
"@coss/accordion",
|
|
"@coss/alert",
|
|
"@coss/alert-dialog",
|
|
"@coss/autocomplete",
|
|
"@coss/avatar",
|
|
"@coss/badge",
|
|
"@coss/breadcrumb",
|
|
"@coss/button",
|
|
"@coss/card",
|
|
"@coss/checkbox",
|
|
"@coss/checkbox-group",
|
|
"@coss/collapsible",
|
|
"@coss/combobox",
|
|
"@coss/dialog",
|
|
"@coss/empty",
|
|
"@coss/field",
|
|
"@coss/fieldset",
|
|
"@coss/form",
|
|
"@coss/frame",
|
|
"@coss/group",
|
|
"@coss/input",
|
|
"@coss/input-group",
|
|
"@coss/kbd",
|
|
"@coss/label",
|
|
"@coss/menu",
|
|
"@coss/meter",
|
|
"@coss/number-field",
|
|
"@coss/pagination",
|
|
"@coss/popover",
|
|
"@coss/preview-card",
|
|
"@coss/progress",
|
|
"@coss/radio-group",
|
|
"@coss/scroll-area",
|
|
"@coss/select",
|
|
"@coss/separator",
|
|
"@coss/sheet",
|
|
"@coss/skeleton",
|
|
"@coss/slider",
|
|
"@coss/spinner",
|
|
"@coss/switch",
|
|
"@coss/table",
|
|
"@coss/tabs",
|
|
"@coss/textarea",
|
|
"@coss/toast",
|
|
"@coss/toggle",
|
|
"@coss/toggle-group",
|
|
"@coss/toolbar",
|
|
"@coss/tooltip"
|
|
]
|
|
},
|
|
{
|
|
"name": "accordion",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/accordion.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "alert",
|
|
"type": "registry:ui",
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/alert.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
],
|
|
"cssVars": {
|
|
"light": {
|
|
"destructive-foreground": "var(--color-red-700)",
|
|
"info": "var(--color-blue-500)",
|
|
"info-foreground": "var(--color-blue-700)",
|
|
"success": "var(--color-emerald-500)",
|
|
"success-foreground": "var(--color-emerald-700)",
|
|
"warning": "var(--color-amber-500)",
|
|
"warning-foreground": "var(--color-amber-700)"
|
|
},
|
|
"dark": {
|
|
"destructive-foreground": "var(--color-red-400)",
|
|
"info": "var(--color-blue-500)",
|
|
"info-foreground": "var(--color-blue-400)",
|
|
"success": "var(--color-emerald-500)",
|
|
"success-foreground": "var(--color-emerald-400)",
|
|
"warning": "var(--color-amber-500)",
|
|
"warning-foreground": "var(--color-amber-400)"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"name": "alert-dialog",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/alert-dialog.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "autocomplete",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"registryDependencies": ["@coss/input", "@coss/scroll-area"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/autocomplete.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "avatar",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/avatar.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "badge",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/badge.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
],
|
|
"cssVars": {
|
|
"light": {
|
|
"destructive-foreground": "var(--color-red-700)",
|
|
"info": "var(--color-blue-500)",
|
|
"info-foreground": "var(--color-blue-700)",
|
|
"success": "var(--color-emerald-500)",
|
|
"success-foreground": "var(--color-emerald-700)",
|
|
"warning": "var(--color-amber-500)",
|
|
"warning-foreground": "var(--color-amber-700)"
|
|
},
|
|
"dark": {
|
|
"destructive-foreground": "var(--color-red-400)",
|
|
"info": "var(--color-blue-500)",
|
|
"info-foreground": "var(--color-blue-400)",
|
|
"success": "var(--color-emerald-500)",
|
|
"success-foreground": "var(--color-emerald-400)",
|
|
"warning": "var(--color-amber-500)",
|
|
"warning-foreground": "var(--color-amber-400)"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"name": "breadcrumb",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/breadcrumb.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "button",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/button.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
],
|
|
"cssVars": {
|
|
"light": {
|
|
"destructive-foreground": "var(--color-red-700)"
|
|
},
|
|
"dark": {
|
|
"destructive-foreground": "var(--color-red-400)"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"name": "card",
|
|
"type": "registry:ui",
|
|
"dependencies": [],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/card.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "checkbox",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/checkbox.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "checkbox-group",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/checkbox-group.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "collapsible",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/collapsible.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "combobox",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"registryDependencies": ["@coss/input", "@coss/scroll-area"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/combobox.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "dialog",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/dialog.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "empty",
|
|
"type": "registry:ui",
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/empty.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "field",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/field.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
],
|
|
"cssVars": {
|
|
"light": {
|
|
"destructive-foreground": "var(--color-red-700)"
|
|
},
|
|
"dark": {
|
|
"destructive-foreground": "var(--color-red-400)"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"name": "fieldset",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/fieldset.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "form",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/form.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "frame",
|
|
"type": "registry:ui",
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/frame.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "group",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"registryDependencies": ["@coss/separator"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/group.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "input",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/input.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "input-group",
|
|
"type": "registry:ui",
|
|
"registryDependencies": ["@coss/input", "@coss/field", "@coss/textarea"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/input-group.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "kbd",
|
|
"type": "registry:ui",
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/kbd.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "label",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/label.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "menu",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/menu.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
],
|
|
"cssVars": {
|
|
"light": {
|
|
"destructive-foreground": "var(--color-red-700)"
|
|
},
|
|
"dark": {
|
|
"destructive-foreground": "var(--color-red-400)"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"name": "meter",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/meter.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "number-field",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/number-field.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "pagination",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"registryDependencies": ["@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/pagination.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "popover",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/popover.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "preview-card",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/preview-card.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "progress",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/progress.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "radio-group",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/radio-group.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "scroll-area",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/scroll-area.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "select",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/select.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "separator",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/separator.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "sheet",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"registryDependencies": ["@coss/dialog"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/sheet.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "skeleton",
|
|
"type": "registry:ui",
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/skeleton.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
],
|
|
"cssVars": {
|
|
"theme": {
|
|
"--animate-skeleton": "skeleton 2s -1s infinite linear"
|
|
}
|
|
},
|
|
"css": {
|
|
"@keyframes skeleton": {
|
|
"to": {
|
|
"background-position": "-200% 0"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"name": "slider",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/slider.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "spinner",
|
|
"type": "registry:ui",
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/spinner.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "switch",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/switch.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "table",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/table.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "tabs",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/tabs.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "textarea",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/textarea.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "toast",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"registryDependencies": ["@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/toast.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "toggle",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/toggle.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "toggle-group",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"registryDependencies": ["@coss/separator", "@coss/toggle"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/toggle-group.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "toolbar",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/toolbar.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "tooltip",
|
|
"type": "registry:ui",
|
|
"dependencies": ["@base-ui-components/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/tooltip.tsx",
|
|
"type": "registry:ui"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "accordion-controlled",
|
|
"description": "Controlled accordion",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/accordion", "@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/accordion-controlled.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["accordion"]
|
|
},
|
|
{
|
|
"name": "accordion-demo",
|
|
"description": "Basic accordion",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/accordion"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/accordion-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["accordion"]
|
|
},
|
|
{
|
|
"name": "accordion-multiple",
|
|
"description": "Accordion allowing multiple panels open",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/accordion"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/accordion-multiple.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["accordion"]
|
|
},
|
|
{
|
|
"name": "accordion-single",
|
|
"description": "Accordion with one panel open",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/accordion"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/accordion-single.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["accordion"]
|
|
},
|
|
{
|
|
"name": "alert-demo",
|
|
"description": "Basic alert",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/alert"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/alert-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["alert"]
|
|
},
|
|
{
|
|
"name": "alert-with-icon",
|
|
"description": "Alert with icon",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/alert"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/alert-with-icon.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["alert"]
|
|
},
|
|
{
|
|
"name": "alert-with-icon-action",
|
|
"description": "Alert with icon and action buttons",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/alert", "@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/alert-with-icon-action.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["alert"]
|
|
},
|
|
{
|
|
"name": "alert-info",
|
|
"description": "Info alert",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/alert"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/alert-info.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["alert", "info"]
|
|
},
|
|
{
|
|
"name": "alert-success",
|
|
"description": "Success alert",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/alert"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/alert-success.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["alert", "success"]
|
|
},
|
|
{
|
|
"name": "alert-warning",
|
|
"description": "Warning alert",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/alert"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/alert-warning.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["alert", "warning"]
|
|
},
|
|
{
|
|
"name": "alert-error",
|
|
"description": "Error alert",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/alert"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/alert-error.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["alert", "error"]
|
|
},
|
|
{
|
|
"name": "alert-dialog-demo",
|
|
"description": "Alert dialog",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/alert-dialog", "@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/alert-dialog-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["dialog"]
|
|
},
|
|
{
|
|
"name": "autocomplete-demo",
|
|
"description": "Basic autocomplete",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/autocomplete"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/autocomplete-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["autocomplete", "input"]
|
|
},
|
|
{
|
|
"name": "autocomplete-disabled",
|
|
"description": "Disabled autocomplete",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/autocomplete"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/autocomplete-disabled.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["autocomplete", "input", "disabled"]
|
|
},
|
|
{
|
|
"name": "autocomplete-sm",
|
|
"description": "Small autocomplete",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/autocomplete"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/autocomplete-sm.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["autocomplete", "input"]
|
|
},
|
|
{
|
|
"name": "autocomplete-lg",
|
|
"description": "Large autocomplete",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/autocomplete"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/autocomplete-lg.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["autocomplete", "input"]
|
|
},
|
|
{
|
|
"name": "autocomplete-with-label",
|
|
"description": "Autocomplete with label",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/autocomplete", "@coss/label"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/autocomplete-with-label.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["autocomplete", "input"]
|
|
},
|
|
{
|
|
"name": "autocomplete-inline",
|
|
"description": "Autocomplete autofilling the input with the highlighted item",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/autocomplete"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/autocomplete-inline.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["autocomplete", "input"]
|
|
},
|
|
{
|
|
"name": "autocomplete-autohighlight",
|
|
"description": "Autocomplete auto highlighting the first option",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/autocomplete"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/autocomplete-autohighlight.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["autocomplete", "input"]
|
|
},
|
|
{
|
|
"name": "autocomplete-with-clear",
|
|
"description": "Autocomplete with clear button",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/autocomplete"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/autocomplete-with-clear.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["autocomplete", "input"]
|
|
},
|
|
{
|
|
"name": "autocomplete-with-trigger-clear",
|
|
"description": "Autocomplete with trigger and clear buttons",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/autocomplete"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/autocomplete-with-trigger-clear.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["autocomplete", "input"]
|
|
},
|
|
{
|
|
"name": "autocomplete-grouped",
|
|
"description": "Autocomplete with grouped items",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/autocomplete"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/autocomplete-grouped.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["autocomplete", "input"]
|
|
},
|
|
{
|
|
"name": "autocomplete-limit",
|
|
"description": "Autocomplete with limited number of results",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/autocomplete"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/autocomplete-limit.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["autocomplete", "input"]
|
|
},
|
|
{
|
|
"name": "autocomplete-async",
|
|
"description": "Autocomplete with async items loading",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/autocomplete"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/autocomplete-async.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["autocomplete", "input", "async"]
|
|
},
|
|
{
|
|
"name": "autocomplete-form",
|
|
"description": "Autocomplete form",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/autocomplete",
|
|
"@coss/form",
|
|
"@coss/field"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/autocomplete-form.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["autocomplete", "input", "form"]
|
|
},
|
|
{
|
|
"name": "avatar-demo",
|
|
"description": "Avatar with image and fallback",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/avatar"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/avatar-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["avatar"]
|
|
},
|
|
{
|
|
"name": "avatar-fallback",
|
|
"description": "Fallback-only avatar",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/avatar"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/avatar-fallback.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["avatar"]
|
|
},
|
|
{
|
|
"name": "avatar-group",
|
|
"description": "Overlapping avatar group",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/avatar"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/avatar-group.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["avatar", "avatar group"]
|
|
},
|
|
{
|
|
"name": "avatar-radius",
|
|
"description": "Avatars with different radii",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/avatar"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/avatar-radius.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["avatar"]
|
|
},
|
|
{
|
|
"name": "avatar-size",
|
|
"description": "Avatars with different sizes",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/avatar"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/avatar-size.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["avatar"]
|
|
},
|
|
{
|
|
"name": "badge-demo",
|
|
"description": "Basic badge",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/badge"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/badge-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["badge"]
|
|
},
|
|
{
|
|
"name": "badge-outline",
|
|
"description": "Outline badge",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/badge"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/badge-outline.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["badge"]
|
|
},
|
|
{
|
|
"name": "badge-secondary",
|
|
"description": "Secondary badge",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/badge"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/badge-secondary.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["badge"]
|
|
},
|
|
{
|
|
"name": "badge-destructive",
|
|
"description": "Destructive badge",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/badge"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/badge-destructive.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["badge", "destructive", "error"]
|
|
},
|
|
{
|
|
"name": "badge-info",
|
|
"description": "Info badge",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/badge"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/badge-info.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["badge", "info"]
|
|
},
|
|
{
|
|
"name": "badge-success",
|
|
"description": "Success badge",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/badge"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/badge-success.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["badge", "success"]
|
|
},
|
|
{
|
|
"name": "badge-warning",
|
|
"description": "Warning badge",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/badge"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/badge-warning.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["badge", "warning"]
|
|
},
|
|
{
|
|
"name": "badge-error",
|
|
"description": "Error badge",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/badge"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/badge-error.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["badge", "error"]
|
|
},
|
|
{
|
|
"name": "badge-sm",
|
|
"description": "Small badge",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/badge"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/badge-sm.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["badge"]
|
|
},
|
|
{
|
|
"name": "badge-lg",
|
|
"description": "Large badge",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/badge"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/badge-lg.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["badge"]
|
|
},
|
|
{
|
|
"name": "badge-with-icon",
|
|
"description": "Badge with icon",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/badge"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/badge-with-icon.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["badge"]
|
|
},
|
|
{
|
|
"name": "badge-with-link",
|
|
"description": "Badge with link",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/badge"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/badge-with-link.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["badge"]
|
|
},
|
|
{
|
|
"name": "breadcrumb-demo",
|
|
"description": "Breadcrumb with menu example",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/breadcrumb", "@coss/menu"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/breadcrumb-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["breadcrumb", "menu"]
|
|
},
|
|
{
|
|
"name": "breadcrumb-custom-separator",
|
|
"description": "Breadcrumb with custom separator",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/breadcrumb"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/breadcrumb-custom-separator.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["breadcrumb"]
|
|
},
|
|
{
|
|
"name": "button-demo",
|
|
"description": "Default button",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/button-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["button"]
|
|
},
|
|
{
|
|
"name": "button-secondary",
|
|
"description": "Secondary button",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/button-secondary.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["button"]
|
|
},
|
|
{
|
|
"name": "button-destructive",
|
|
"description": "Destructive button",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/button-destructive.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["button", "delete", "destructive"]
|
|
},
|
|
{
|
|
"name": "button-destructive-outline",
|
|
"description": "Destructive outline button",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/button-destructive-outline.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["button", "delete"]
|
|
},
|
|
{
|
|
"name": "button-outline",
|
|
"description": "Outline button",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/button-outline.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["button"]
|
|
},
|
|
{
|
|
"name": "button-ghost",
|
|
"description": "Ghost button",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/button-ghost.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["button"]
|
|
},
|
|
{
|
|
"name": "button-link",
|
|
"description": "Link button",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/button-link.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["button"]
|
|
},
|
|
{
|
|
"name": "button-xs",
|
|
"description": "Extra-small button",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/button-xs.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["button"]
|
|
},
|
|
{
|
|
"name": "button-sm",
|
|
"description": "Small button",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/button-sm.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["button"]
|
|
},
|
|
{
|
|
"name": "button-lg",
|
|
"description": "Large button",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/button-lg.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["button"]
|
|
},
|
|
{
|
|
"name": "button-xl",
|
|
"description": "Extra-large button",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/button-xl.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["button"]
|
|
},
|
|
{
|
|
"name": "button-disabled",
|
|
"description": "Disabled button",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/button-disabled.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["button", "disabled"]
|
|
},
|
|
{
|
|
"name": "button-icon",
|
|
"description": "Icon button",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/button-icon.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["button"]
|
|
},
|
|
{
|
|
"name": "button-icon-sm",
|
|
"description": "Small icon button",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/button-icon-sm.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["button"]
|
|
},
|
|
{
|
|
"name": "button-icon-lg",
|
|
"description": "Large icon button",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/button-icon-lg.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["button"]
|
|
},
|
|
{
|
|
"name": "button-with-icon",
|
|
"description": "Button with icon",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/button-with-icon.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["button"]
|
|
},
|
|
{
|
|
"name": "button-with-link",
|
|
"description": "Link rendered as button",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/button-with-link.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["button"]
|
|
},
|
|
{
|
|
"name": "button-loading",
|
|
"description": "Loading button",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/button-loading.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["button", "loading"]
|
|
},
|
|
{
|
|
"name": "card-demo",
|
|
"description": "Card example with form",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/card",
|
|
"@coss/button",
|
|
"@coss/select",
|
|
"@coss/form",
|
|
"@coss/field",
|
|
"@coss/input"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/card-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["card", "button", "input", "select", "form", "field"]
|
|
},
|
|
{
|
|
"name": "checkbox-card",
|
|
"description": "Card-style checkbox",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/checkbox", "@coss/label"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/checkbox-card.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["checkbox", "card", "label"]
|
|
},
|
|
{
|
|
"name": "checkbox-demo",
|
|
"description": "Basic checkbox",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/checkbox", "@coss/label"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/checkbox-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["checkbox", "label"]
|
|
},
|
|
{
|
|
"name": "checkbox-disabled",
|
|
"description": "Disabled checkbox",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/checkbox", "@coss/label"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/checkbox-disabled.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["checkbox", "disabled", "label"]
|
|
},
|
|
{
|
|
"name": "checkbox-form",
|
|
"description": "Checkbox in a form",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/checkbox",
|
|
"@coss/field",
|
|
"@coss/form",
|
|
"@coss/button"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/checkbox-form.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["checkbox", "form", "button", "label"]
|
|
},
|
|
{
|
|
"name": "checkbox-group-demo",
|
|
"description": "Checkbox group",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/checkbox-group",
|
|
"@coss/checkbox",
|
|
"@coss/label"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/checkbox-group-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["checkbox group", "checkbox"]
|
|
},
|
|
{
|
|
"name": "checkbox-group-disabled",
|
|
"description": "Checkbox group with disabled item",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/checkbox-group",
|
|
"@coss/checkbox",
|
|
"@coss/label"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/checkbox-group-disabled.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["checkbox group", "checkbox", "disabled"]
|
|
},
|
|
{
|
|
"name": "checkbox-group-form",
|
|
"description": "Checkbox group in a form",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/checkbox-group",
|
|
"@coss/checkbox",
|
|
"@coss/button",
|
|
"@coss/field",
|
|
"@coss/fieldset",
|
|
"@coss/form"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/checkbox-group-form.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": [
|
|
"checkbox group",
|
|
"checkbox",
|
|
"form",
|
|
"button",
|
|
"field",
|
|
"fieldset"
|
|
]
|
|
},
|
|
{
|
|
"name": "checkbox-group-nested-parent",
|
|
"description": "Checkbox group parent with nested children controls",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/checkbox-group",
|
|
"@coss/checkbox",
|
|
"@coss/label"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/checkbox-group-nested-parent.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["checkbox group", "checkbox", "label"]
|
|
},
|
|
{
|
|
"name": "checkbox-group-parent",
|
|
"description": "Checkbox group select/deselect all checkboxes",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/checkbox-group",
|
|
"@coss/checkbox",
|
|
"@coss/label"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/checkbox-group-parent.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["checkbox group", "checkbox", "label"]
|
|
},
|
|
{
|
|
"name": "checkbox-with-description",
|
|
"description": "Checkbox with helper text",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/checkbox", "@coss/label"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/checkbox-with-description.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["checkbox", "label", "helper", "hint"]
|
|
},
|
|
{
|
|
"name": "collapsible-demo",
|
|
"description": "Basic collapsible",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/collapsible"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/collapsible-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["collapsible"]
|
|
},
|
|
{
|
|
"name": "combobox-demo",
|
|
"description": "Basic combobox",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/combobox"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/combobox-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["combobox", "input"]
|
|
},
|
|
{
|
|
"name": "combobox-disabled",
|
|
"description": "Disabled combobox",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/combobox"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/combobox-disabled.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["combobox", "input", "disabled"]
|
|
},
|
|
{
|
|
"name": "combobox-sm",
|
|
"description": "Small combobox",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/combobox"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/combobox-sm.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["combobox", "input"]
|
|
},
|
|
{
|
|
"name": "combobox-lg",
|
|
"description": "Large combobox",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/combobox"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/combobox-lg.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["combobox", "input"]
|
|
},
|
|
{
|
|
"name": "combobox-with-label",
|
|
"description": "Combobox with label",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/combobox", "@coss/label"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/combobox-with-label.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["combobox", "input"]
|
|
},
|
|
{
|
|
"name": "combobox-autohighlight",
|
|
"description": "Combobox auto highlighting the first option",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/combobox"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/combobox-autohighlight.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["combobox", "input"]
|
|
},
|
|
{
|
|
"name": "combobox-grouped",
|
|
"description": "Combobox with grouped items",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/combobox"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/combobox-grouped.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["combobox", "input"]
|
|
},
|
|
{
|
|
"name": "combobox-with-clear",
|
|
"description": "Combobox with clear button",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/combobox"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/combobox-with-clear.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["combobox", "input"]
|
|
},
|
|
{
|
|
"name": "combobox-multiple",
|
|
"description": "Combobox with multiple selection",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/combobox"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/combobox-multiple.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["combobox", "input"]
|
|
},
|
|
{
|
|
"name": "combobox-with-inner-input",
|
|
"description": "Combobox with popup",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/combobox", "@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/combobox-with-inner-input.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["combobox", "input"]
|
|
},
|
|
{
|
|
"name": "combobox-form",
|
|
"description": "Combobox form",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/combobox",
|
|
"@coss/button",
|
|
"@coss/form",
|
|
"@coss/field"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/combobox-form.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["combobox", "input", "form"]
|
|
},
|
|
{
|
|
"name": "combobox-multiple-form",
|
|
"description": "Combobox multiple selection form",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/combobox",
|
|
"@coss/button",
|
|
"@coss/form",
|
|
"@coss/field"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/combobox-multiple-form.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["combobox", "input", "form", "multiple"]
|
|
},
|
|
{
|
|
"name": "dialog-close-confirmation",
|
|
"description": "Prompt before closing with unsaved changes",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/alert-dialog",
|
|
"@coss/dialog",
|
|
"@coss/button",
|
|
"@coss/form",
|
|
"@coss/field",
|
|
"@coss/textarea"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/dialog-close-confirmation.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": [
|
|
"dialog",
|
|
"alert dialog",
|
|
"form",
|
|
"field",
|
|
"button",
|
|
"textarea"
|
|
]
|
|
},
|
|
{
|
|
"name": "dialog-demo",
|
|
"description": "Basic dialog",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/dialog",
|
|
"@coss/button",
|
|
"@coss/form",
|
|
"@coss/field",
|
|
"@coss/input"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/dialog-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["dialog", "form", "field", "button"]
|
|
},
|
|
{
|
|
"name": "dialog-from-menu",
|
|
"description": "Open dialog from a menu item",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/dialog", "@coss/menu", "@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/dialog-from-menu.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["dialog", "menu", "button"]
|
|
},
|
|
{
|
|
"name": "dialog-nested",
|
|
"description": "Dialog with a nested dialog",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/dialog",
|
|
"@coss/button",
|
|
"@coss/field",
|
|
"@coss/input"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/dialog-nested.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["dialog", "field", "button"]
|
|
},
|
|
{
|
|
"name": "sheet-demo",
|
|
"description": "Basic sheet",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/sheet",
|
|
"@coss/button",
|
|
"@coss/form",
|
|
"@coss/field",
|
|
"@coss/input"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/sheet-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["sheet", "dialog"]
|
|
},
|
|
{
|
|
"name": "sheet-inset",
|
|
"description": "Sheet inset",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/sheet",
|
|
"@coss/button",
|
|
"@coss/form",
|
|
"@coss/field",
|
|
"@coss/input"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/sheet-inset.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["sheet"]
|
|
},
|
|
{
|
|
"name": "sheet-position",
|
|
"description": "Sheet position",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/sheet", "@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/sheet-position.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["sheet"]
|
|
},
|
|
{
|
|
"name": "field-checkbox",
|
|
"description": "Field with checkbox",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/field", "@coss/checkbox"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/field-checkbox.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["field", "label", "checkbox"]
|
|
},
|
|
{
|
|
"name": "field-checkbox-group",
|
|
"description": "Field with checkbox group",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/field",
|
|
"@coss/checkbox-group",
|
|
"@coss/checkbox",
|
|
"@coss/fieldset"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/field-checkbox-group.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["field", "checkbox group", "checkbox", "fieldset", "label"]
|
|
},
|
|
{
|
|
"name": "field-complete-form",
|
|
"description": "Complete form built with field",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/field",
|
|
"@coss/select",
|
|
"@coss/checkbox",
|
|
"@coss/form",
|
|
"@coss/input",
|
|
"@coss/button"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/field-complete-form.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": [
|
|
"field",
|
|
"label",
|
|
"form",
|
|
"select",
|
|
"checkbox",
|
|
"button",
|
|
"helper",
|
|
"hint"
|
|
]
|
|
},
|
|
{
|
|
"name": "field-demo",
|
|
"description": "Field with description",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/field", "@coss/input"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/field-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["field", "label", "helper", "hint"]
|
|
},
|
|
{
|
|
"name": "field-disabled",
|
|
"description": "Field in disabled state",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/field", "@coss/input"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/field-disabled.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["field", "label", "disabled", "helper", "hint"]
|
|
},
|
|
{
|
|
"name": "field-error",
|
|
"description": "Field showing validation error",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/field", "@coss/input"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/field-error.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["field", "label", "error"]
|
|
},
|
|
{
|
|
"name": "field-autocomplete",
|
|
"description": "Field with autocomplete",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/field", "@coss/autocomplete"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/field-autocomplete.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["field", "input", "autocomplete", "label"]
|
|
},
|
|
{
|
|
"name": "field-combobox",
|
|
"description": "Field with combobox",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/field", "@coss/combobox"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/field-combobox.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["field", "input", "combobox", "label"]
|
|
},
|
|
{
|
|
"name": "field-combobox-multiple",
|
|
"description": "Field with multiple selection combobox",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/field", "@coss/combobox"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/field-combobox-multiple.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["field", "input", "combobox", "label", "multiple"]
|
|
},
|
|
{
|
|
"name": "field-number-field",
|
|
"description": "Field with number field",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/field", "@coss/number-field"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/field-number-field.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["field", "input", "label", "number", "helper", "hint"]
|
|
},
|
|
{
|
|
"name": "field-radio",
|
|
"description": "Field with radio group",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/field",
|
|
"@coss/radio-group",
|
|
"@coss/fieldset"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/field-radio.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["field", "radio", "label", "fieldset", "helper", "hint"]
|
|
},
|
|
{
|
|
"name": "field-required",
|
|
"description": "Field with required indicator",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/field", "@coss/input"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/field-required.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["field", "label", "required"]
|
|
},
|
|
{
|
|
"name": "field-select",
|
|
"description": "Field with select",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/field", "@coss/select"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/field-select.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["field", "select", "label", "helper", "hint"]
|
|
},
|
|
{
|
|
"name": "field-slider",
|
|
"description": "Field with slider",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/field", "@coss/slider"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/field-slider.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["field", "slider", "label", "helper", "hint"]
|
|
},
|
|
{
|
|
"name": "field-switch",
|
|
"description": "Field with toggle switch",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/field", "@coss/switch"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/field-switch.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["field", "switch", "label"]
|
|
},
|
|
{
|
|
"name": "field-textarea",
|
|
"description": "Field with textarea",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/field", "@coss/textarea"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/field-textarea.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["field", "textarea", "label", "helper", "hint"]
|
|
},
|
|
{
|
|
"name": "field-validity",
|
|
"description": "Show field validity state",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/field", "@coss/input"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/field-validity.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["field"]
|
|
},
|
|
{
|
|
"name": "fieldset-demo",
|
|
"description": "Fieldset with legend and labeled fields",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/fieldset", "@coss/field", "@coss/input"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/fieldset-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["fieldset", "field", "label", "input", "helper"]
|
|
},
|
|
{
|
|
"name": "form-demo",
|
|
"description": "Input in a form",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/form",
|
|
"@coss/field",
|
|
"@coss/button",
|
|
"@coss/input"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/form-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["form", "field", "button", "input"]
|
|
},
|
|
{
|
|
"name": "form-zod",
|
|
"description": "Form with zod validation",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/form",
|
|
"@coss/field",
|
|
"@coss/button",
|
|
"@coss/input"
|
|
],
|
|
"dependencies": ["zod"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/form-zod.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["form", "field", "button", "validation", "label", "zod"]
|
|
},
|
|
{
|
|
"name": "empty-demo",
|
|
"description": "Basic empty state with icon",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/empty", "@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/empty-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["empty"]
|
|
},
|
|
{
|
|
"name": "input-demo",
|
|
"description": "Basic input component without label",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/input"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/input-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["input"]
|
|
},
|
|
{
|
|
"name": "frame-demo",
|
|
"description": "Frame example",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/frame"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/frame-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["frame"]
|
|
},
|
|
{
|
|
"name": "group-demo",
|
|
"description": "Group example",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/group", "@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/group-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["group"]
|
|
},
|
|
{
|
|
"name": "group-with-input",
|
|
"description": "Group with input and copy button",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/group",
|
|
"@coss/button",
|
|
"@coss/input",
|
|
"@coss/tooltip"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/group-with-input.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["group", "input", "copy", "button", "tooltip"]
|
|
},
|
|
{
|
|
"name": "group-sm",
|
|
"description": "Group with small buttons",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/group", "@coss/button", "@coss/menu"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/group-sm.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["group", "button", "menu"]
|
|
},
|
|
{
|
|
"name": "group-lg",
|
|
"description": "Group with large buttons",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/group", "@coss/button", "@coss/menu"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/group-lg.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["group", "button", "menu"]
|
|
},
|
|
{
|
|
"name": "group-with-disabled-button",
|
|
"description": "Group with disabled button",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/group", "@coss/button", "@coss/menu"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/group-with-disabled-button.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["group", "button", "menu"]
|
|
},
|
|
{
|
|
"name": "group-default-button",
|
|
"description": "Group with default style buttons",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/group", "@coss/button", "@coss/menu"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/group-default-button.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["group", "button", "menu"]
|
|
},
|
|
{
|
|
"name": "group-with-text",
|
|
"description": "Group with start labeled text",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/group", "@coss/input", "@coss/label"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/group-with-text.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["group", "input", "label"]
|
|
},
|
|
{
|
|
"name": "group-with-end-text",
|
|
"description": "Group with end text",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/group", "@coss/input"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/group-with-end-text.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["group", "input"]
|
|
},
|
|
{
|
|
"name": "group-vertical",
|
|
"description": "Vertical group of buttons",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/group", "@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/group-vertical.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["group", "button"]
|
|
},
|
|
{
|
|
"name": "group-nested",
|
|
"description": "Pagination example made with nested groups",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/group", "@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/group-nested.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["group", "button"]
|
|
},
|
|
{
|
|
"name": "group-popup",
|
|
"description": "Group with button and popup",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/group",
|
|
"@coss/button",
|
|
"@coss/popover",
|
|
"@coss/badge"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/group-popup.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["group", "button", "popover", "badge"]
|
|
},
|
|
{
|
|
"name": "group-input-group",
|
|
"description": "Nested groups with input group",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/group",
|
|
"@coss/button",
|
|
"@coss/input-group",
|
|
"@coss/tooltip"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/group-input-group.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["group", "button", "input", "input group", "tooltip"]
|
|
},
|
|
{
|
|
"name": "group-menu",
|
|
"description": "Group with button and menu",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/group", "@coss/button", "@coss/menu"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/group-menu.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["group", "button", "menu"]
|
|
},
|
|
{
|
|
"name": "group-select",
|
|
"description": "Group with select and number field",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/group",
|
|
"@coss/select",
|
|
"@coss/number-field",
|
|
"@coss/button"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/group-select.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["group", "select", "number field", "button"]
|
|
},
|
|
{
|
|
"name": "input-sm",
|
|
"description": "Small input",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/input"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/input-sm.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["input"]
|
|
},
|
|
{
|
|
"name": "input-lg",
|
|
"description": "Large input",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/input"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/input-lg.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["input"]
|
|
},
|
|
{
|
|
"name": "input-disabled",
|
|
"description": "Input with disabled state",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/input"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/input-disabled.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["input", "disabled"]
|
|
},
|
|
{
|
|
"name": "input-file",
|
|
"description": "Input type set to file",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/input"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/input-file.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["input", "file"]
|
|
},
|
|
{
|
|
"name": "input-with-label",
|
|
"description": "Input with label",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/input", "@coss/label"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/input-with-label.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["input", "label"]
|
|
},
|
|
{
|
|
"name": "input-with-button",
|
|
"description": "Input with button",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/input", "@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/input-with-button.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["input", "button"]
|
|
},
|
|
{
|
|
"name": "input-group-demo",
|
|
"description": "Basic input group with search icon",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/input-group"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/input-group-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["input", "input group"]
|
|
},
|
|
{
|
|
"name": "input-group-sm",
|
|
"description": "Small input group",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/input-group"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/input-group-sm.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["input", "input group"]
|
|
},
|
|
{
|
|
"name": "input-group-lg",
|
|
"description": "Large input group",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/input-group"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/input-group-lg.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["input", "input group"]
|
|
},
|
|
{
|
|
"name": "input-group-disabled",
|
|
"description": "Input group with disabled state",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/button", "@coss/input-group"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/input-group-disabled.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["input", "input group", "disabled", "button"]
|
|
},
|
|
{
|
|
"name": "field-input-group",
|
|
"description": "Input group with field",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/field",
|
|
"@coss/button",
|
|
"@coss/input-group"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/field-input-group.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["input", "input group", "field", "button"]
|
|
},
|
|
{
|
|
"name": "input-group-loading",
|
|
"description": "Input group with end loading state",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/input-group", "@coss/spinner"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/input-group-loading.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["input", "input group", "loading", "spinner"]
|
|
},
|
|
{
|
|
"name": "input-group-textarea",
|
|
"description": "Input group with textarea",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/input-group",
|
|
"@coss/button",
|
|
"@coss/menu",
|
|
"@coss/tooltip"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/input-group-textarea.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["input group", "textarea", "button", "menu", "tooltip"]
|
|
},
|
|
{
|
|
"name": "input-group-with-badge",
|
|
"description": "Input group with badge",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/input-group", "@coss/badge"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/input-group-with-badge.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["input", "input group", "badge"]
|
|
},
|
|
{
|
|
"name": "input-group-with-button",
|
|
"description": "Input group with button",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/input-group", "@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/input-group-with-button.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["input", "input group", "button"]
|
|
},
|
|
{
|
|
"name": "input-group-with-end-icon",
|
|
"description": "Input group with end icon",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/input-group"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/input-group-with-end-icon.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["input", "input group"]
|
|
},
|
|
{
|
|
"name": "input-group-with-end-text",
|
|
"description": "Input group with end text",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/input-group"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/input-group-with-end-text.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["input", "input group"]
|
|
},
|
|
{
|
|
"name": "input-group-with-end-tooltip",
|
|
"description": "Input group with end tooltip",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/input-group",
|
|
"@coss/button",
|
|
"@coss/popover"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/input-group-with-end-tooltip.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["input", "input group", "popover", "tooltip"]
|
|
},
|
|
{
|
|
"name": "input-group-with-icon-button",
|
|
"description": "Input group with copy button",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/use-copy-to-clipboard",
|
|
"@coss/input-group",
|
|
"@coss/button",
|
|
"@coss/tooltip"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/input-group-with-icon-button.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["input", "input group", "button", "tooltip"]
|
|
},
|
|
{
|
|
"name": "input-group-with-inner-label",
|
|
"description": "Input group with inner label",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/input-group",
|
|
"@coss/button",
|
|
"@coss/label",
|
|
"@coss/popover"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/input-group-with-inner-label.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["input", "input group", "label", "popover", "tooltip"]
|
|
},
|
|
{
|
|
"name": "input-group-with-kbd",
|
|
"description": "Input group with keyboard shortcut",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/input-group", "@coss/kbd"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/input-group-with-kbd.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["input", "input group", "kbd", "search"]
|
|
},
|
|
{
|
|
"name": "input-group-with-number-field",
|
|
"description": "Input group with number field",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/input-group", "@coss/number-field"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/input-group-with-number-field.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["input", "input group", "number field"]
|
|
},
|
|
{
|
|
"name": "input-group-with-start-end-text",
|
|
"description": "Input group with start and end text",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/input-group"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/input-group-with-start-end-text.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["input", "input group"]
|
|
},
|
|
{
|
|
"name": "input-group-with-start-text",
|
|
"description": "Input group with start text",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/input-group"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/input-group-with-start-text.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["input", "input group"]
|
|
},
|
|
{
|
|
"name": "kbd-demo",
|
|
"description": "Keyboard shortcuts",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/kbd"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/kbd-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["kbd"]
|
|
},
|
|
{
|
|
"name": "menu-checkbox",
|
|
"description": "Menu with checkbox items",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/menu", "@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/menu-checkbox.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["menu", "checkbox"]
|
|
},
|
|
{
|
|
"name": "menu-close-on-click",
|
|
"description": "Close menu when items are clicked",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/menu", "@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/menu-close-on-click.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["menu"]
|
|
},
|
|
{
|
|
"name": "menu-demo",
|
|
"description": "Basic menu",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/menu", "@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/menu-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["menu"]
|
|
},
|
|
{
|
|
"name": "menu-group-labels",
|
|
"description": "Menu items grouped with labels",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/menu", "@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/menu-group-labels.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["menu", "label"]
|
|
},
|
|
{
|
|
"name": "menu-hover",
|
|
"description": "Open the menu on hover",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/menu", "@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/menu-hover.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["menu"]
|
|
},
|
|
{
|
|
"name": "menu-link",
|
|
"description": "Menu items as links",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/menu", "@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/menu-link.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["menu", "link"]
|
|
},
|
|
{
|
|
"name": "menu-nested",
|
|
"description": "Menu with submenu",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/menu", "@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/menu-nested.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["menu"]
|
|
},
|
|
{
|
|
"name": "menu-radio-group",
|
|
"description": "Menu with radio options",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/menu", "@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/menu-radio-group.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["menu", "radio"]
|
|
},
|
|
{
|
|
"name": "meter-demo",
|
|
"description": "Basic meter",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/meter"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/meter-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["meter"]
|
|
},
|
|
{
|
|
"name": "meter-simple",
|
|
"description": "Meter without label and value",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/meter"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/meter-simple.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["meter"]
|
|
},
|
|
{
|
|
"name": "meter-with-formatted-value",
|
|
"description": "Meter with a custom formatted value",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/meter"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/meter-with-formatted-value.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["meter"]
|
|
},
|
|
{
|
|
"name": "meter-with-range",
|
|
"description": "Meter with min and max values",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/meter"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/meter-with-range.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["meter"]
|
|
},
|
|
{
|
|
"name": "number-field-demo",
|
|
"description": "A number field",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/number-field"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/number-field-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["number field"]
|
|
},
|
|
{
|
|
"name": "number-field-sm",
|
|
"description": "Small number field",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/number-field"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/number-field-sm.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["number field"]
|
|
},
|
|
{
|
|
"name": "number-field-lg",
|
|
"description": "Large number field",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/number-field"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/number-field-lg.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["number field"]
|
|
},
|
|
{
|
|
"name": "number-field-disabled",
|
|
"description": "A disabled number field",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/number-field"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/number-field-disabled.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["number field", "disabled", "label"]
|
|
},
|
|
{
|
|
"name": "number-field-form",
|
|
"description": "A number in a form",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/number-field",
|
|
"@coss/field",
|
|
"@coss/form",
|
|
"@coss/button"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/number-field-form.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["number field", "field", "form", "button"]
|
|
},
|
|
{
|
|
"name": "number-field-with-formatted-value",
|
|
"description": "A number field with formatted value",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/number-field"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/number-field-with-formatted-value.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["number field"]
|
|
},
|
|
{
|
|
"name": "number-field-with-label",
|
|
"description": "A number field with an external label",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/number-field", "@coss/label"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/number-field-with-label.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["number field", "label"]
|
|
},
|
|
{
|
|
"name": "number-field-with-range",
|
|
"description": "A number field with min/max constraints",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/number-field"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/number-field-with-range.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["number field", "range"]
|
|
},
|
|
{
|
|
"name": "number-field-with-scrub",
|
|
"description": "A number field with a scrub area",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/number-field"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/number-field-with-scrub.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["number field"]
|
|
},
|
|
{
|
|
"name": "number-field-with-step",
|
|
"description": "A number field with step",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/number-field"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/number-field-with-step.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["number field"]
|
|
},
|
|
{
|
|
"name": "pagination-demo",
|
|
"description": "Pagination example",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/pagination"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/pagination-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["pagination"]
|
|
},
|
|
{
|
|
"name": "popover-demo",
|
|
"description": "Popover with a form",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/popover",
|
|
"@coss/button",
|
|
"@coss/textarea",
|
|
"@coss/form",
|
|
"@coss/field"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/popover-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["popover", "button", "textarea", "form", "field"]
|
|
},
|
|
{
|
|
"name": "popover-with-close",
|
|
"description": "Popover with close button",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/popover", "@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/popover-with-close.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["popover", "button"]
|
|
},
|
|
{
|
|
"name": "preview-card-demo",
|
|
"description": "Preview card example",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/preview-card", "@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/preview-card-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["preview card", "button"]
|
|
},
|
|
{
|
|
"name": "progress-demo",
|
|
"description": "Animated progress bar",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/progress"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/progress-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["progress"]
|
|
},
|
|
{
|
|
"name": "progress-with-formatted-value",
|
|
"description": "Progress with a custom formatted value",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/progress"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/progress-with-formatted-value.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["progress"]
|
|
},
|
|
{
|
|
"name": "progress-with-label-value",
|
|
"description": "Progress with label and value",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/progress"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/progress-with-label-value.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["progress", "label"]
|
|
},
|
|
{
|
|
"name": "radio-group-card",
|
|
"description": "Card-style radio options",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/radio-group", "@coss/label"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/radio-group-card.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["radio", "label"]
|
|
},
|
|
{
|
|
"name": "radio-group-demo",
|
|
"description": "Basic radio group",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/radio-group", "@coss/label"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/radio-group-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["radio", "label"]
|
|
},
|
|
{
|
|
"name": "radio-group-disabled",
|
|
"description": "Radio group with one option disabled",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/radio-group", "@coss/label"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/radio-group-disabled.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["radio", "label"]
|
|
},
|
|
{
|
|
"name": "radio-group-form",
|
|
"description": "Radio group in a form",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/radio-group",
|
|
"@coss/field",
|
|
"@coss/fieldset",
|
|
"@coss/form",
|
|
"@coss/button"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/radio-group-form.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["radio", "field", "fieldset", "form", "button"]
|
|
},
|
|
{
|
|
"name": "radio-group-with-description",
|
|
"description": "Radio options with helper text",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/radio-group", "@coss/label"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/radio-group-with-description.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["radio", "label", "helper", "hint"]
|
|
},
|
|
{
|
|
"name": "scroll-area-demo",
|
|
"description": "Scroll area - vertical",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/scroll-area"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/scroll-area-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["scroll area"]
|
|
},
|
|
{
|
|
"name": "scroll-area-horizontal",
|
|
"description": "Scroll area - horizontal",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/scroll-area"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/scroll-area-horizontal.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["scroll area"]
|
|
},
|
|
{
|
|
"name": "scroll-area-both",
|
|
"description": "Scroll area - both horizontal and vertical",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/scroll-area"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/scroll-area-both.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["scroll area"]
|
|
},
|
|
{
|
|
"name": "select-demo",
|
|
"description": "A basic select",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/select"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/select-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["select"]
|
|
},
|
|
{
|
|
"name": "select-sm",
|
|
"description": "A select with small size",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/select"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/select-sm.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["select"]
|
|
},
|
|
{
|
|
"name": "select-lg",
|
|
"description": "A select with large size",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/select"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/select-lg.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["select"]
|
|
},
|
|
{
|
|
"name": "select-disabled",
|
|
"description": "A disabled select",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/select"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/select-disabled.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["select", "disabled"]
|
|
},
|
|
{
|
|
"name": "select-without-alignment",
|
|
"description": "Select popup not aligned to trigger",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/select"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/select-without-alignment.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["select"]
|
|
},
|
|
{
|
|
"name": "select-with-groups",
|
|
"description": "Select items grouped with labels",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/select"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/select-with-groups.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["select"]
|
|
},
|
|
{
|
|
"name": "select-multiple",
|
|
"description": "Multiple selection with formatted value",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/select"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/select-multiple.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["select"]
|
|
},
|
|
{
|
|
"name": "select-with-icon",
|
|
"description": "Select with icon",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/select"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/select-with-icon.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["select"]
|
|
},
|
|
{
|
|
"name": "select-options-with-icon",
|
|
"description": "Select options with icon",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/select"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/select-options-with-icon.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["select"]
|
|
},
|
|
{
|
|
"name": "select-with-object-values",
|
|
"description": "Select with object values",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/select"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/select-with-object-values.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["select"]
|
|
},
|
|
{
|
|
"name": "select-form",
|
|
"description": "Select in a form",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/button",
|
|
"@coss/select",
|
|
"@coss/form",
|
|
"@coss/field"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/select-form.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["select", "form", "field", "helper", "hint"]
|
|
},
|
|
{
|
|
"name": "separator-demo",
|
|
"description": "Separator with horizontal and vertical orientations",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/separator"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/separator-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["separator"]
|
|
},
|
|
{
|
|
"name": "skeleton-demo",
|
|
"description": "Skeleton demo",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/avatar",
|
|
"@coss/button",
|
|
"@coss/skeleton"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/skeleton-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["skeleton"]
|
|
},
|
|
{
|
|
"name": "skeleton-only",
|
|
"description": "Skeleton only",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/skeleton"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/skeleton-only.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["skeleton"]
|
|
},
|
|
{
|
|
"name": "slider-demo",
|
|
"description": "Basic slider",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/slider"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/slider-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["slider"]
|
|
},
|
|
{
|
|
"name": "slider-with-label-value",
|
|
"description": "Slider with label and value",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/slider", "@coss/label"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/slider-with-label-value.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["slider", "label"]
|
|
},
|
|
{
|
|
"name": "slider-range",
|
|
"description": "Two-thumb range slider",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/slider"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/slider-range.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["slider", "range slider"]
|
|
},
|
|
{
|
|
"name": "slider-vertical",
|
|
"description": "Vertical slider",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/slider"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/slider-vertical.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["slider", "vertical slider"]
|
|
},
|
|
{
|
|
"name": "slider-form",
|
|
"description": "Slider in a form",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/slider",
|
|
"@coss/form",
|
|
"@coss/field",
|
|
"@coss/button"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/slider-form.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["slider", "form", "field", "button", "helper", "hint"]
|
|
},
|
|
{
|
|
"name": "spinner-demo",
|
|
"description": "Spinner demo",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/spinner"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/spinner-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["spinner", "loading"]
|
|
},
|
|
{
|
|
"name": "switch-demo",
|
|
"description": "Basic switch",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/switch", "@coss/label"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/switch-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["switch", "label"]
|
|
},
|
|
{
|
|
"name": "switch-disabled",
|
|
"description": "Disabled switch",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/switch", "@coss/label"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/switch-disabled.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["switch", "label", "disabled"]
|
|
},
|
|
{
|
|
"name": "switch-with-description",
|
|
"description": "Switch with description",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/switch", "@coss/label"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/switch-with-description.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["switch", "label", "helper", "hint"]
|
|
},
|
|
{
|
|
"name": "switch-card",
|
|
"description": "Card-style switch",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/switch", "@coss/label"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/switch-card.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["switch", "label", "card"]
|
|
},
|
|
{
|
|
"name": "switch-form",
|
|
"description": "Switch in a form",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/switch",
|
|
"@coss/field",
|
|
"@coss/form",
|
|
"@coss/button"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/switch-form.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["switch", "form", "field", "button"]
|
|
},
|
|
{
|
|
"name": "table-demo",
|
|
"description": "Basic table",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/table", "@coss/badge"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/table-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["table", "badge"]
|
|
},
|
|
{
|
|
"name": "table-framed",
|
|
"description": "Framed table",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/table", "@coss/badge", "@coss/frame"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/table-framed.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["table", "badge", "frame"]
|
|
},
|
|
{
|
|
"name": "tabs-demo",
|
|
"description": "Tabs with default indicator",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/tabs"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/tabs-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["tabs"]
|
|
},
|
|
{
|
|
"name": "tabs-underline",
|
|
"description": "Tabs with underline indicator",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/tabs"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/tabs-underline.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["tabs"]
|
|
},
|
|
{
|
|
"name": "tabs-vertical",
|
|
"description": "Tabs with vertical layout",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/tabs"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/tabs-vertical.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["tabs", "vertical tabs"]
|
|
},
|
|
{
|
|
"name": "tabs-underline-vertical",
|
|
"description": "Underline tabs with vertical layout",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/tabs"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/tabs-underline-vertical.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["tabs", "vertical tabs"]
|
|
},
|
|
{
|
|
"name": "textarea-demo",
|
|
"description": "Basic textarea",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/textarea"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/textarea-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["textarea"]
|
|
},
|
|
{
|
|
"name": "textarea-sm",
|
|
"description": "Small textarea",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/textarea"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/textarea-sm.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["textarea"]
|
|
},
|
|
{
|
|
"name": "textarea-lg",
|
|
"description": "Large textarea",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/textarea"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/textarea-lg.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["textarea"]
|
|
},
|
|
{
|
|
"name": "textarea-disabled",
|
|
"description": "Disabled textarea",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/textarea"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/textarea-disabled.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["textarea", "disabled"]
|
|
},
|
|
{
|
|
"name": "textarea-with-label",
|
|
"description": "Textarea labelled with Field",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/textarea", "@coss/label"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/textarea-with-label.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["textarea", "field", "label"]
|
|
},
|
|
{
|
|
"name": "textarea-form",
|
|
"description": "Textarea in a form",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/textarea",
|
|
"@coss/form",
|
|
"@coss/field",
|
|
"@coss/button"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/textarea-form.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["textarea", "form", "field", "button"]
|
|
},
|
|
{
|
|
"name": "toast-demo",
|
|
"description": "Status toast",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/toast"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/toast-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["toast", "button"]
|
|
},
|
|
{
|
|
"name": "toast-loading",
|
|
"description": "Loading toast",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/toast"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/toast-loading.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["toast", "button", "loading"]
|
|
},
|
|
{
|
|
"name": "toast-promise",
|
|
"description": "Drive toasts from promise states",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/toast"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/toast-promise.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["toast", "button"]
|
|
},
|
|
{
|
|
"name": "toast-with-action",
|
|
"description": "Toast with an action button",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/toast"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/toast-with-action.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["toast", "button"]
|
|
},
|
|
{
|
|
"name": "toast-with-status",
|
|
"description": "Success toast",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/toast"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/toast-with-status.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["toast", "button"]
|
|
},
|
|
{
|
|
"name": "toast-heights",
|
|
"description": "Toast with varying heights",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/toast"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/toast-heights.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["toast"]
|
|
},
|
|
{
|
|
"name": "toggle-demo",
|
|
"description": "Basic toggle",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/toggle"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/toggle-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["toggle"]
|
|
},
|
|
{
|
|
"name": "toggle-disabled",
|
|
"description": "Disabled toggle",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/toggle"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/toggle-disabled.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["toggle", "disabled"]
|
|
},
|
|
{
|
|
"name": "toggle-group-demo",
|
|
"description": "Toggle group",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/toggle-group"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/toggle-group-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["toggle group", "toggle"]
|
|
},
|
|
{
|
|
"name": "toggle-group-sm",
|
|
"description": "Toggle group with small toggles",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/toggle-group"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/toggle-group-sm.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["toggle group", "toggle"]
|
|
},
|
|
{
|
|
"name": "toggle-group-lg",
|
|
"description": "Toggle group with large toggles",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/toggle-group"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/toggle-group-lg.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["toggle group", "toggle"]
|
|
},
|
|
{
|
|
"name": "toggle-group-outline",
|
|
"description": "Toggle group with outline toggles",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/toggle-group"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/toggle-group-outline.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["toggle group", "toggle"]
|
|
},
|
|
{
|
|
"name": "toggle-group-outline-vertical",
|
|
"description": "Toggle group with outline toggles and vertical layout",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/toggle-group"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/toggle-group-outline-vertical.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["toggle group", "toggle", "vertical"]
|
|
},
|
|
{
|
|
"name": "toggle-group-disabled",
|
|
"description": "Disabled toggle group",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/toggle-group"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/toggle-group-disabled.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["toggle group", "toggle", "disabled"]
|
|
},
|
|
{
|
|
"name": "toggle-group-multiple",
|
|
"description": "Toggle group with multiple selection",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/toggle-group"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/toggle-group-multiple.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["toggle group", "toggle"]
|
|
},
|
|
{
|
|
"name": "toggle-group-with-disabled-item",
|
|
"description": "Toggle group with disabled item",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/toggle-group"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/toggle-group-with-disabled-item.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["toggle group", "toggle", "disabled"]
|
|
},
|
|
{
|
|
"name": "toggle-icon-group",
|
|
"description": "Multiple toggles",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/toggle"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/toggle-icon-group.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["toggle"]
|
|
},
|
|
{
|
|
"name": "toggle-lg",
|
|
"description": "Large toggle",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/toggle"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/toggle-lg.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["toggle"]
|
|
},
|
|
{
|
|
"name": "toggle-outline",
|
|
"description": "Outline toggle",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/toggle"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/toggle-outline.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["toggle"]
|
|
},
|
|
{
|
|
"name": "toggle-sm",
|
|
"description": "Small toggle",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/toggle"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/toggle-sm.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["toggle"]
|
|
},
|
|
{
|
|
"name": "toggle-with-icon",
|
|
"description": "Toggle with icon",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/toggle"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/toggle-with-icon.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["toggle"]
|
|
},
|
|
{
|
|
"name": "toolbar-demo",
|
|
"description": "Toolbar",
|
|
"type": "registry:example",
|
|
"registryDependencies": [
|
|
"@coss/button",
|
|
"@coss/select",
|
|
"@coss/toggle-group",
|
|
"@coss/toolbar",
|
|
"@coss/tooltip"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/toolbar-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["toolbar", "button", "select", "toggle", "tooltip"]
|
|
},
|
|
{
|
|
"name": "tooltip-demo",
|
|
"description": "Basic tooltip",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/tooltip", "@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/tooltip-demo.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["tooltip", "button"]
|
|
},
|
|
{
|
|
"name": "tooltip-grouped",
|
|
"description": "Toggle group with grouped tooltips",
|
|
"type": "registry:example",
|
|
"registryDependencies": ["@coss/tooltip", "@coss/toggle-group"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/tooltip-grouped.tsx",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["tooltip", "toggle group", "toggle"]
|
|
},
|
|
{
|
|
"name": "particle-bu-1",
|
|
"description": "Back link button with chevron",
|
|
"type": "registry:block",
|
|
"registryDependencies": ["@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/particles/particle-bu-1.tsx",
|
|
"type": "registry:block"
|
|
}
|
|
],
|
|
"categories": ["button"]
|
|
},
|
|
{
|
|
"name": "particle-bu-2",
|
|
"description": "Card-style button with heading and description",
|
|
"type": "registry:block",
|
|
"registryDependencies": ["@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/particles/particle-bu-2.tsx",
|
|
"type": "registry:block"
|
|
}
|
|
],
|
|
"categories": ["button"]
|
|
},
|
|
{
|
|
"name": "particle-bu-3",
|
|
"description": "Directional pad control buttons",
|
|
"type": "registry:block",
|
|
"registryDependencies": ["@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/particles/particle-bu-3.tsx",
|
|
"type": "registry:block"
|
|
}
|
|
],
|
|
"categories": ["button"]
|
|
},
|
|
{
|
|
"name": "particle-bu-4",
|
|
"description": "Outline like button with count",
|
|
"type": "registry:block",
|
|
"registryDependencies": ["@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/particles/particle-bu-4.tsx",
|
|
"type": "registry:block"
|
|
}
|
|
],
|
|
"categories": ["button"]
|
|
},
|
|
{
|
|
"name": "particle-bu-5",
|
|
"description": "Social login icon buttons",
|
|
"type": "registry:block",
|
|
"registryDependencies": ["@coss/button"],
|
|
"dependencies": ["@remixicon/react"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/particles/particle-bu-5.tsx",
|
|
"type": "registry:block"
|
|
}
|
|
],
|
|
"categories": ["button"]
|
|
},
|
|
{
|
|
"name": "particle-bu-6",
|
|
"description": "Expandable show more/less toggle button",
|
|
"type": "registry:block",
|
|
"registryDependencies": ["@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/particles/particle-bu-6.tsx",
|
|
"type": "registry:block"
|
|
}
|
|
],
|
|
"categories": ["button"]
|
|
},
|
|
{
|
|
"name": "particle-bu-7",
|
|
"description": "Star button with count badge",
|
|
"type": "registry:block",
|
|
"registryDependencies": ["@coss/button"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/particles/particle-bu-7.tsx",
|
|
"type": "registry:block"
|
|
}
|
|
],
|
|
"categories": ["button"]
|
|
},
|
|
{
|
|
"name": "particle-fr-1",
|
|
"description": "Frame with collapsible content and delete button",
|
|
"type": "registry:block",
|
|
"registryDependencies": [
|
|
"@coss/frame",
|
|
"@coss/collapsible",
|
|
"@coss/button"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/particles/particle-fr-1.tsx",
|
|
"type": "registry:block"
|
|
}
|
|
],
|
|
"categories": ["frame", "collapsible"]
|
|
},
|
|
{
|
|
"name": "particle-in-1",
|
|
"description": "Input with start text and end tooltip",
|
|
"type": "registry:block",
|
|
"registryDependencies": [
|
|
"@coss/button",
|
|
"@coss/input-group",
|
|
"@coss/popover"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/particles/particle-in-1.tsx",
|
|
"type": "registry:block"
|
|
}
|
|
],
|
|
"categories": ["input", "input group", "button", "popover"]
|
|
},
|
|
{
|
|
"name": "particle-in-2",
|
|
"description": "Password input with toggle visibility",
|
|
"type": "registry:block",
|
|
"registryDependencies": [
|
|
"@coss/button",
|
|
"@coss/input-group",
|
|
"@coss/tooltip"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/particles/particle-in-2.tsx",
|
|
"type": "registry:block"
|
|
}
|
|
],
|
|
"categories": ["input", "input group", "button", "tooltip"]
|
|
},
|
|
{
|
|
"name": "particle-in-3",
|
|
"description": "Input group mimicking a URL bar",
|
|
"type": "registry:block",
|
|
"registryDependencies": [
|
|
"@coss/button",
|
|
"@coss/input-group",
|
|
"@coss/popover"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/particles/particle-in-3.tsx",
|
|
"type": "registry:block"
|
|
}
|
|
],
|
|
"categories": ["input", "input group", "button", "popover"]
|
|
},
|
|
{
|
|
"name": "particle-in-4",
|
|
"description": "Input group with keyboard shortcut",
|
|
"type": "registry:block",
|
|
"registryDependencies": ["@coss/input-group", "@coss/kbd"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/particles/particle-in-4.tsx",
|
|
"type": "registry:block"
|
|
}
|
|
],
|
|
"categories": ["input", "input group", "kbd", "search"]
|
|
},
|
|
{
|
|
"name": "particle-in-5",
|
|
"description": "Input group with start loading spinner",
|
|
"type": "registry:block",
|
|
"registryDependencies": ["@coss/input-group", "@coss/spinner"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/particles/particle-in-5.tsx",
|
|
"type": "registry:block"
|
|
}
|
|
],
|
|
"categories": ["input", "input group", "loading", "spinner"]
|
|
},
|
|
{
|
|
"name": "particle-pa-1",
|
|
"description": "Pagination with previous and next buttons only",
|
|
"type": "registry:block",
|
|
"registryDependencies": ["@coss/pagination"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/particles/particle-pa-1.tsx",
|
|
"type": "registry:block"
|
|
}
|
|
],
|
|
"categories": ["pagination"]
|
|
},
|
|
{
|
|
"name": "particle-pa-2",
|
|
"description": "Pagination with select, and previous and next buttons",
|
|
"type": "registry:block",
|
|
"registryDependencies": ["@coss/pagination", "@coss/select"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/particles/particle-pa-2.tsx",
|
|
"type": "registry:block"
|
|
}
|
|
],
|
|
"categories": ["pagination", "select"]
|
|
},
|
|
{
|
|
"name": "colors-zinc",
|
|
"type": "registry:style",
|
|
"cssVars": {
|
|
"light": {
|
|
"background": "var(--color-white)",
|
|
"foreground": "var(--color-zinc-900)",
|
|
"card": "var(--color-white)",
|
|
"card-foreground": "var(--color-zinc-900)",
|
|
"popover": "var(--color-white)",
|
|
"popover-foreground": "var(--color-zinc-900)",
|
|
"primary": "var(--color-zinc-800)",
|
|
"primary-foreground": "var(--color-zinc-50)",
|
|
"secondary": "--alpha(var(--color-black) / 4%)",
|
|
"secondary-foreground": "var(--color-zinc-900)",
|
|
"muted": "--alpha(var(--color-black) / 4%)",
|
|
"muted-foreground": "var(--color-zinc-600)",
|
|
"accent": "--alpha(var(--color-black) / 4%)",
|
|
"accent-foreground": "var(--color-zinc-900)",
|
|
"destructive": "var(--color-red-500)",
|
|
"destructive-foreground": "var(--color-red-700)",
|
|
"info": "var(--color-blue-500)",
|
|
"info-foreground": "var(--color-blue-700)",
|
|
"success": "var(--color-emerald-500)",
|
|
"success-foreground": "var(--color-emerald-700)",
|
|
"warning": "var(--color-amber-500)",
|
|
"warning-foreground": "var(--color-amber-700)",
|
|
"border": "--alpha(var(--color-black) / 10%)",
|
|
"input": "--alpha(var(--color-black) / 10%)",
|
|
"ring": "var(--color-zinc-400)"
|
|
},
|
|
"dark": {
|
|
"background": "var(--color-zinc-950)",
|
|
"foreground": "var(--color-zinc-100)",
|
|
"card": "color-mix(in srgb, var(--color-zinc-900) 80%, var(--color-zinc-950))",
|
|
"card-foreground": "var(--color-zinc-100)",
|
|
"popover": "var(--color-zinc-900)",
|
|
"popover-foreground": "var(--color-zinc-100)",
|
|
"primary": "var(--color-zinc-100)",
|
|
"primary-foreground": "var(--color-zinc-900)",
|
|
"secondary": "--alpha(var(--color-white) / 8%)",
|
|
"secondary-foreground": "var(--color-zinc-100)",
|
|
"muted": "--alpha(var(--color-white) / 8%)",
|
|
"muted-foreground": "var(--color-zinc-400)",
|
|
"accent": "--alpha(var(--color-white) / 8%)",
|
|
"accent-foreground": "var(--color-zinc-100)",
|
|
"destructive": "var(--color-red-500)",
|
|
"destructive-foreground": "var(--color-red-400)",
|
|
"info": "var(--color-blue-500)",
|
|
"info-foreground": "var(--color-blue-400)",
|
|
"success": "var(--color-emerald-500)",
|
|
"success-foreground": "var(--color-emerald-400)",
|
|
"warning": "var(--color-amber-500)",
|
|
"warning-foreground": "var(--color-amber-400)",
|
|
"border": "--alpha(var(--color-white) / 12%)",
|
|
"input": "--alpha(var(--color-white) / 12%)",
|
|
"ring": "var(--color-zinc-500)"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"name": "utils",
|
|
"type": "registry:lib",
|
|
"dependencies": ["clsx", "tailwind-merge"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/lib/utils.ts",
|
|
"type": "registry:lib"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "use-mobile",
|
|
"type": "registry:hook",
|
|
"files": [
|
|
{
|
|
"path": "registry/default/hooks/use-mobile.ts",
|
|
"type": "registry:hook"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"name": "use-copy-to-clipboard",
|
|
"type": "registry:hook",
|
|
"files": [
|
|
{
|
|
"path": "registry/default/hooks/use-copy-to-clipboard.ts",
|
|
"type": "registry:hook"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|