{ "homepage": "https://coss.com", "items": [ { "name": "ui", "registryDependencies": [ "@coss/accordion", "@coss/alert", "@coss/alert-dialog", "@coss/autocomplete", "@coss/avatar", "@coss/badge", "@coss/breadcrumb", "@coss/button", "@coss/calendar", "@coss/card", "@coss/checkbox", "@coss/checkbox-group", "@coss/collapsible", "@coss/combobox", "@coss/command", "@coss/context-menu", "@coss/dialog", "@coss/drawer", "@coss/empty", "@coss/field", "@coss/fieldset", "@coss/form", "@coss/frame", "@coss/group", "@coss/input", "@coss/otp-field", "@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/sidebar", "@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" ], "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/accordion.tsx", "type": "registry:ui" } ], "name": "accordion", "type": "registry:ui" }, { "cssVars": { "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)" }, "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)" } }, "files": [ { "path": "registry/default/ui/alert.tsx", "type": "registry:ui" } ], "name": "alert", "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/alert-dialog.tsx", "type": "registry:ui" } ], "name": "alert-dialog", "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/autocomplete.tsx", "type": "registry:ui" } ], "name": "autocomplete", "registryDependencies": [ "@coss/input", "@coss/scroll-area" ], "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/avatar.tsx", "type": "registry:ui" } ], "name": "avatar", "type": "registry:ui" }, { "cssVars": { "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)" }, "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)" } }, "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/badge.tsx", "type": "registry:ui" } ], "name": "badge", "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/breadcrumb.tsx", "type": "registry:ui" } ], "name": "breadcrumb", "type": "registry:ui" }, { "cssVars": { "dark": { "destructive-foreground": "var(--color-red-400)" }, "light": { "destructive-foreground": "var(--color-red-700)" } }, "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/button.tsx", "type": "registry:ui" } ], "name": "button", "registryDependencies": [ "@coss/spinner" ], "type": "registry:ui" }, { "dependencies": [ "@daypicker/react", "lucide-react" ], "files": [ { "path": "registry/default/ui/calendar.tsx", "type": "registry:ui" } ], "name": "calendar", "registryDependencies": [], "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/card.tsx", "type": "registry:ui" } ], "name": "card", "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/checkbox.tsx", "type": "registry:ui" } ], "name": "checkbox", "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/checkbox-group.tsx", "type": "registry:ui" } ], "name": "checkbox-group", "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/collapsible.tsx", "type": "registry:ui" } ], "name": "collapsible", "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/combobox.tsx", "type": "registry:ui" } ], "name": "combobox", "registryDependencies": [ "@coss/input", "@coss/scroll-area" ], "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/command.tsx", "type": "registry:ui" } ], "name": "command", "registryDependencies": [ "@coss/autocomplete" ], "type": "registry:ui" }, { "cssVars": { "dark": { "destructive-foreground": "var(--color-red-400)" }, "light": { "destructive-foreground": "var(--color-red-700)" } }, "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/context-menu.tsx", "type": "registry:ui" } ], "name": "context-menu", "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/dialog.tsx", "type": "registry:ui" } ], "name": "dialog", "registryDependencies": [ "@coss/button", "@coss/scroll-area" ], "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/drawer.tsx", "type": "registry:ui" } ], "name": "drawer", "registryDependencies": [ "@coss/button", "@coss/scroll-area" ], "type": "registry:ui" }, { "files": [ { "path": "registry/default/ui/empty.tsx", "type": "registry:ui" } ], "name": "empty", "type": "registry:ui" }, { "cssVars": { "dark": { "destructive-foreground": "var(--color-red-400)" }, "light": { "destructive-foreground": "var(--color-red-700)" } }, "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/field.tsx", "type": "registry:ui" } ], "name": "field", "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/fieldset.tsx", "type": "registry:ui" } ], "name": "fieldset", "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/form.tsx", "type": "registry:ui" } ], "name": "form", "type": "registry:ui" }, { "files": [ { "path": "registry/default/ui/frame.tsx", "type": "registry:ui" } ], "name": "frame", "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/group.tsx", "type": "registry:ui" } ], "name": "group", "registryDependencies": [ "@coss/separator" ], "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/input.tsx", "type": "registry:ui" } ], "name": "input", "type": "registry:ui" }, { "css": { "@keyframes caret-blink": { "0%, 70%, to": { "opacity": "1" }, "20%, 50%": { "opacity": "0" } } }, "cssVars": { "theme": { "--animate-caret-blink": "1s ease-out infinite caret-blink" } }, "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/otp-field.tsx", "type": "registry:ui" } ], "name": "otp-field", "registryDependencies": [ "@coss/separator" ], "type": "registry:ui" }, { "files": [ { "path": "registry/default/ui/input-group.tsx", "type": "registry:ui" } ], "name": "input-group", "registryDependencies": [ "@coss/input", "@coss/textarea" ], "type": "registry:ui" }, { "files": [ { "path": "registry/default/ui/kbd.tsx", "type": "registry:ui" } ], "name": "kbd", "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/label.tsx", "type": "registry:ui" } ], "name": "label", "type": "registry:ui" }, { "cssVars": { "dark": { "destructive-foreground": "var(--color-red-400)" }, "light": { "destructive-foreground": "var(--color-red-700)" } }, "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/menu.tsx", "type": "registry:ui" } ], "name": "menu", "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/meter.tsx", "type": "registry:ui" } ], "name": "meter", "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/number-field.tsx", "type": "registry:ui" } ], "name": "number-field", "registryDependencies": [ "@coss/label" ], "type": "registry:ui" }, { "files": [ { "path": "registry/default/ui/pagination.tsx", "type": "registry:ui" } ], "name": "pagination", "registryDependencies": [ "@coss/button" ], "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/popover.tsx", "type": "registry:ui" } ], "name": "popover", "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/preview-card.tsx", "type": "registry:ui" } ], "name": "preview-card", "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/progress.tsx", "type": "registry:ui" } ], "name": "progress", "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/radio-group.tsx", "type": "registry:ui" } ], "name": "radio-group", "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/scroll-area.tsx", "type": "registry:ui" } ], "name": "scroll-area", "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/select.tsx", "type": "registry:ui" } ], "name": "select", "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/separator.tsx", "type": "registry:ui" } ], "name": "separator", "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/sheet.tsx", "type": "registry:ui" } ], "name": "sheet", "registryDependencies": [ "@coss/button", "@coss/scroll-area" ], "type": "registry:ui" }, { "files": [ { "path": "registry/default/ui/sidebar.tsx", "type": "registry:ui" } ], "name": "sidebar", "registryDependencies": [ "@coss/button", "@coss/input", "@coss/scroll-area", "@coss/separator", "@coss/sheet", "@coss/skeleton", "@coss/tooltip", "@coss/use-media-query", "@coss/utils" ], "type": "registry:ui" }, { "css": { "@keyframes skeleton": { "to": { "background-position": "-200% 0" } } }, "cssVars": { "theme": { "--animate-skeleton": "skeleton 2s -1s infinite linear" } }, "files": [ { "path": "registry/default/ui/skeleton.tsx", "type": "registry:ui" } ], "name": "skeleton", "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/slider.tsx", "type": "registry:ui" } ], "name": "slider", "type": "registry:ui" }, { "files": [ { "path": "registry/default/ui/spinner.tsx", "type": "registry:ui" } ], "name": "spinner", "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/switch.tsx", "type": "registry:ui" } ], "name": "switch", "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/table.tsx", "type": "registry:ui" } ], "name": "table", "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/tabs.tsx", "type": "registry:ui" } ], "name": "tabs", "registryDependencies": [ "@coss/segmented-control" ], "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/textarea.tsx", "type": "registry:ui" } ], "name": "textarea", "type": "registry:ui" }, { "css": { "@keyframes toast-success-odd": { "0%": { "scale": "1" }, "30%": { "scale": "1.025" }, "60%": { "scale": "0.99" }, "100%": { "scale": "1" } }, "@keyframes toast-error-odd": { "0%": { "translate": "0 0" }, "25%": { "translate": "-3px 0" }, "50%": { "translate": "3px 0" }, "75%": { "translate": "-3px 0" }, "100%": { "translate": "0 0" } }, "@keyframes toast-success-even": { "0%": { "scale": "1" }, "30%": { "scale": "1.025" }, "60%": { "scale": "0.99" }, "100%": { "scale": "1" } }, "@keyframes toast-error-even": { "0%": { "translate": "0 0" }, "25%": { "translate": "-3px 0" }, "50%": { "translate": "3px 0" }, "75%": { "translate": "-3px 0" }, "100%": { "translate": "0 0" } } }, "cssVars": { "theme": { "--animate-toast-success-odd": "toast-success-odd 0.32s cubic-bezier(0.5, 1, 0.89, 1)", "--animate-toast-success-even": "toast-success-even 0.32s cubic-bezier(0.5, 1, 0.89, 1)", "--animate-toast-error-odd": "toast-error-odd 0.28s cubic-bezier(0.5, 1, 0.89, 1)", "--animate-toast-error-even": "toast-error-even 0.28s cubic-bezier(0.5, 1, 0.89, 1)" } }, "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/toast.tsx", "type": "registry:ui" } ], "name": "toast", "registryDependencies": [ "@coss/button" ], "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/toggle.tsx", "type": "registry:ui" } ], "name": "toggle", "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/toggle-group.tsx", "type": "registry:ui" } ], "name": "toggle-group", "registryDependencies": [ "@coss/separator", "@coss/toggle" ], "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/toolbar.tsx", "type": "registry:ui" } ], "name": "toolbar", "type": "registry:ui" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/ui/tooltip.tsx", "type": "registry:ui" } ], "name": "tooltip", "type": "registry:ui" }, { "categories": [ "accordion" ], "description": "Basic accordion", "files": [ { "path": "registry/default/particles/p-accordion-1.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full sm:**:data-[slot=preview]:max-w-[80%]" }, "name": "p-accordion-1", "registryDependencies": [ "@coss/accordion" ], "type": "registry:block" }, { "categories": [ "accordion" ], "description": "Accordion with one panel open", "files": [ { "path": "registry/default/particles/p-accordion-2.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full sm:**:data-[slot=preview]:max-w-[80%]" }, "name": "p-accordion-2", "registryDependencies": [ "@coss/accordion" ], "type": "registry:block" }, { "categories": [ "accordion" ], "description": "Accordion allowing multiple panels open", "files": [ { "path": "registry/default/particles/p-accordion-3.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full sm:**:data-[slot=preview]:max-w-[80%]" }, "name": "p-accordion-3", "registryDependencies": [ "@coss/accordion" ], "type": "registry:block" }, { "categories": [ "accordion" ], "description": "Controlled accordion", "files": [ { "path": "registry/default/particles/p-accordion-4.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full sm:**:data-[slot=preview]:max-w-[80%]" }, "name": "p-accordion-4", "registryDependencies": [ "@coss/accordion", "@coss/button" ], "type": "registry:block" }, { "categories": [ "alert" ], "description": "Basic alert", "files": [ { "path": "registry/default/particles/p-alert-1.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full" }, "name": "p-alert-1", "registryDependencies": [ "@coss/alert" ], "type": "registry:block" }, { "categories": [ "alert" ], "dependencies": [ "lucide-react" ], "description": "Alert with icon", "files": [ { "path": "registry/default/particles/p-alert-2.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full" }, "name": "p-alert-2", "registryDependencies": [ "@coss/alert" ], "type": "registry:block" }, { "categories": [ "alert" ], "dependencies": [ "lucide-react" ], "description": "Alert with icon and action buttons", "files": [ { "path": "registry/default/particles/p-alert-3.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full" }, "name": "p-alert-3", "registryDependencies": [ "@coss/alert", "@coss/button" ], "type": "registry:block" }, { "categories": [ "alert", "info" ], "dependencies": [ "lucide-react" ], "description": "Info alert", "files": [ { "path": "registry/default/particles/p-alert-4.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full" }, "name": "p-alert-4", "registryDependencies": [ "@coss/alert" ], "type": "registry:block" }, { "categories": [ "alert", "success" ], "dependencies": [ "lucide-react" ], "description": "Success alert", "files": [ { "path": "registry/default/particles/p-alert-5.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full" }, "name": "p-alert-5", "registryDependencies": [ "@coss/alert" ], "type": "registry:block" }, { "categories": [ "alert", "warning" ], "dependencies": [ "lucide-react" ], "description": "Warning alert", "files": [ { "path": "registry/default/particles/p-alert-6.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full" }, "name": "p-alert-6", "registryDependencies": [ "@coss/alert" ], "type": "registry:block" }, { "categories": [ "alert", "error" ], "dependencies": [ "lucide-react" ], "description": "Error alert", "files": [ { "path": "registry/default/particles/p-alert-7.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full" }, "name": "p-alert-7", "registryDependencies": [ "@coss/alert" ], "type": "registry:block" }, { "categories": [ "alert dialog", "dialog" ], "description": "Alert dialog", "files": [ { "path": "registry/default/particles/p-alert-dialog-1.tsx", "type": "registry:block" } ], "name": "p-alert-dialog-1", "registryDependencies": [ "@coss/alert-dialog", "@coss/button" ], "type": "registry:block" }, { "categories": [ "alert dialog", "dialog" ], "description": "Alert dialog with bare footer", "files": [ { "path": "registry/default/particles/p-alert-dialog-2.tsx", "type": "registry:block" } ], "name": "p-alert-dialog-2", "registryDependencies": [ "@coss/alert-dialog", "@coss/button" ], "type": "registry:block" }, { "categories": [ "autocomplete", "input" ], "description": "Basic autocomplete", "files": [ { "path": "registry/default/particles/p-autocomplete-1.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-autocomplete-1", "registryDependencies": [ "@coss/autocomplete" ], "type": "registry:block" }, { "categories": [ "autocomplete", "input", "disabled" ], "description": "Disabled autocomplete", "files": [ { "path": "registry/default/particles/p-autocomplete-2.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-autocomplete-2", "registryDependencies": [ "@coss/autocomplete" ], "type": "registry:block" }, { "categories": [ "autocomplete", "input" ], "description": "Small autocomplete", "files": [ { "path": "registry/default/particles/p-autocomplete-3.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-autocomplete-3", "registryDependencies": [ "@coss/autocomplete" ], "type": "registry:block" }, { "categories": [ "autocomplete", "input" ], "description": "Large autocomplete", "files": [ { "path": "registry/default/particles/p-autocomplete-4.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-autocomplete-4", "registryDependencies": [ "@coss/autocomplete" ], "type": "registry:block" }, { "categories": [ "autocomplete", "input" ], "description": "Autocomplete with label", "files": [ { "path": "registry/default/particles/p-autocomplete-5.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-autocomplete-5", "registryDependencies": [ "@coss/autocomplete", "@coss/label" ], "type": "registry:block" }, { "categories": [ "autocomplete", "input" ], "description": "Autocomplete autofilling the input with the highlighted item", "files": [ { "path": "registry/default/particles/p-autocomplete-6.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-autocomplete-6", "registryDependencies": [ "@coss/autocomplete" ], "type": "registry:block" }, { "categories": [ "autocomplete", "input" ], "description": "Autocomplete auto highlighting the first option", "files": [ { "path": "registry/default/particles/p-autocomplete-7.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-autocomplete-7", "registryDependencies": [ "@coss/autocomplete" ], "type": "registry:block" }, { "categories": [ "autocomplete", "input" ], "description": "Autocomplete with clear button", "files": [ { "path": "registry/default/particles/p-autocomplete-8.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-autocomplete-8", "registryDependencies": [ "@coss/autocomplete" ], "type": "registry:block" }, { "categories": [ "autocomplete", "input" ], "description": "Autocomplete with trigger and clear buttons", "files": [ { "path": "registry/default/particles/p-autocomplete-9.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-autocomplete-9", "registryDependencies": [ "@coss/autocomplete" ], "type": "registry:block" }, { "categories": [ "autocomplete", "input" ], "description": "Autocomplete with grouped items", "files": [ { "path": "registry/default/particles/p-autocomplete-10.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-autocomplete-10", "registryDependencies": [ "@coss/autocomplete" ], "type": "registry:block" }, { "categories": [ "autocomplete", "input" ], "description": "Autocomplete with limited number of results", "files": [ { "path": "registry/default/particles/p-autocomplete-11.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-autocomplete-11", "registryDependencies": [ "@coss/autocomplete" ], "type": "registry:block" }, { "categories": [ "autocomplete", "input", "async" ], "description": "Autocomplete with async items loading", "files": [ { "path": "registry/default/particles/p-autocomplete-12.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-autocomplete-12", "registryDependencies": [ "@coss/autocomplete", "@coss/spinner" ], "type": "registry:block" }, { "categories": [ "autocomplete", "form", "input" ], "description": "Autocomplete form", "files": [ { "path": "registry/default/particles/p-autocomplete-13.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-autocomplete-13", "registryDependencies": [ "@coss/autocomplete", "@coss/button", "@coss/field", "@coss/form" ], "type": "registry:block" }, { "categories": [ "autocomplete", "input" ], "description": "Autocomplete form", "files": [ { "path": "registry/default/particles/p-autocomplete-14.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-autocomplete-14", "registryDependencies": [ "@coss/autocomplete" ], "type": "registry:block" }, { "categories": [ "autocomplete", "input" ], "description": "Pill-shaped autocomplete", "files": [ { "path": "registry/default/particles/p-autocomplete-15.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-autocomplete-15", "registryDependencies": [ "@coss/autocomplete" ], "type": "registry:block" }, { "categories": [ "autocomplete", "input", "async", "search" ], "dependencies": [ "lucide-react" ], "description": "Address autocomplete with Google Maps Places API", "files": [ { "path": "registry/default/particles/p-autocomplete-16.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-autocomplete-16", "registryDependencies": [ "@coss/autocomplete", "@coss/spinner" ], "type": "registry:block" }, { "categories": [ "avatar" ], "description": "Avatar with image and fallback", "files": [ { "path": "registry/default/particles/p-avatar-1.tsx", "type": "registry:block" } ], "name": "p-avatar-1", "registryDependencies": [ "@coss/avatar" ], "type": "registry:block" }, { "categories": [ "avatar" ], "description": "Fallback-only avatar", "files": [ { "path": "registry/default/particles/p-avatar-2.tsx", "type": "registry:block" } ], "name": "p-avatar-2", "registryDependencies": [ "@coss/avatar" ], "type": "registry:block" }, { "categories": [ "avatar" ], "description": "Avatars with different sizes", "files": [ { "path": "registry/default/particles/p-avatar-3.tsx", "type": "registry:block" } ], "name": "p-avatar-3", "registryDependencies": [ "@coss/avatar" ], "type": "registry:block" }, { "categories": [ "avatar" ], "description": "Avatars with different radii", "files": [ { "path": "registry/default/particles/p-avatar-4.tsx", "type": "registry:block" } ], "name": "p-avatar-4", "registryDependencies": [ "@coss/avatar" ], "type": "registry:block" }, { "categories": [ "avatar" ], "description": "Overlapping avatar group", "files": [ { "path": "registry/default/particles/p-avatar-5.tsx", "type": "registry:block" } ], "name": "p-avatar-5", "registryDependencies": [ "@coss/avatar" ], "type": "registry:block" }, { "categories": [ "avatar" ], "dependencies": [ "lucide-react" ], "description": "Avatar with user icon fallback", "files": [ { "path": "registry/default/particles/p-avatar-6.tsx", "type": "registry:block" } ], "name": "p-avatar-6", "registryDependencies": [ "@coss/avatar" ], "type": "registry:block" }, { "categories": [ "avatar" ], "description": "Avatar with emerald status dot", "files": [ { "path": "registry/default/particles/p-avatar-7.tsx", "type": "registry:block" } ], "name": "p-avatar-7", "registryDependencies": [ "@coss/avatar" ], "type": "registry:block" }, { "categories": [ "avatar" ], "description": "Avatar with muted status dot", "files": [ { "path": "registry/default/particles/p-avatar-8.tsx", "type": "registry:block" } ], "name": "p-avatar-8", "registryDependencies": [ "@coss/avatar" ], "type": "registry:block" }, { "categories": [ "avatar" ], "description": "Rounded avatar with top-right emerald status", "files": [ { "path": "registry/default/particles/p-avatar-9.tsx", "type": "registry:block" } ], "name": "p-avatar-9", "registryDependencies": [ "@coss/avatar" ], "type": "registry:block" }, { "categories": [ "avatar" ], "description": "Avatar with notification badge", "files": [ { "path": "registry/default/particles/p-avatar-10.tsx", "type": "registry:block" } ], "name": "p-avatar-10", "registryDependencies": [ "@coss/avatar", "@coss/badge" ], "type": "registry:block" }, { "categories": [ "avatar" ], "description": "Rounded avatar with notification badge", "files": [ { "path": "registry/default/particles/p-avatar-11.tsx", "type": "registry:block" } ], "name": "p-avatar-11", "registryDependencies": [ "@coss/avatar", "@coss/badge" ], "type": "registry:block" }, { "categories": [ "avatar" ], "description": "Avatar with verified badge", "files": [ { "path": "registry/default/particles/p-avatar-12.tsx", "type": "registry:block" } ], "name": "p-avatar-12", "registryDependencies": [ "@coss/avatar" ], "type": "registry:block" }, { "categories": [ "avatar" ], "description": "Small overlapping avatar group", "files": [ { "path": "registry/default/particles/p-avatar-13.tsx", "type": "registry:block" } ], "name": "p-avatar-13", "registryDependencies": [ "@coss/avatar" ], "type": "registry:block" }, { "categories": [ "avatar" ], "description": "Large overlapping avatar group", "files": [ { "path": "registry/default/particles/p-avatar-14.tsx", "type": "registry:block" } ], "name": "p-avatar-14", "registryDependencies": [ "@coss/avatar" ], "type": "registry:block" }, { "categories": [ "badge" ], "description": "Basic badge", "files": [ { "path": "registry/default/particles/p-badge-1.tsx", "type": "registry:block" } ], "name": "p-badge-1", "registryDependencies": [ "@coss/badge" ], "type": "registry:block" }, { "categories": [ "badge" ], "description": "Outline badge", "files": [ { "path": "registry/default/particles/p-badge-2.tsx", "type": "registry:block" } ], "name": "p-badge-2", "registryDependencies": [ "@coss/badge" ], "type": "registry:block" }, { "categories": [ "badge" ], "description": "Secondary badge", "files": [ { "path": "registry/default/particles/p-badge-3.tsx", "type": "registry:block" } ], "name": "p-badge-3", "registryDependencies": [ "@coss/badge" ], "type": "registry:block" }, { "categories": [ "badge", "error" ], "description": "Destructive badge", "files": [ { "path": "registry/default/particles/p-badge-4.tsx", "type": "registry:block" } ], "name": "p-badge-4", "registryDependencies": [ "@coss/badge" ], "type": "registry:block" }, { "categories": [ "badge", "info" ], "description": "Info badge", "files": [ { "path": "registry/default/particles/p-badge-5.tsx", "type": "registry:block" } ], "name": "p-badge-5", "registryDependencies": [ "@coss/badge" ], "type": "registry:block" }, { "categories": [ "badge", "success" ], "description": "Success badge", "files": [ { "path": "registry/default/particles/p-badge-6.tsx", "type": "registry:block" } ], "name": "p-badge-6", "registryDependencies": [ "@coss/badge" ], "type": "registry:block" }, { "categories": [ "badge", "warning" ], "description": "Warning badge", "files": [ { "path": "registry/default/particles/p-badge-7.tsx", "type": "registry:block" } ], "name": "p-badge-7", "registryDependencies": [ "@coss/badge" ], "type": "registry:block" }, { "categories": [ "badge", "error" ], "description": "Error badge", "files": [ { "path": "registry/default/particles/p-badge-8.tsx", "type": "registry:block" } ], "name": "p-badge-8", "registryDependencies": [ "@coss/badge" ], "type": "registry:block" }, { "categories": [ "badge" ], "description": "Small badge", "files": [ { "path": "registry/default/particles/p-badge-9.tsx", "type": "registry:block" } ], "name": "p-badge-9", "registryDependencies": [ "@coss/badge" ], "type": "registry:block" }, { "categories": [ "badge" ], "description": "Large badge", "files": [ { "path": "registry/default/particles/p-badge-10.tsx", "type": "registry:block" } ], "name": "p-badge-10", "registryDependencies": [ "@coss/badge" ], "type": "registry:block" }, { "categories": [ "badge" ], "dependencies": [ "lucide-react" ], "description": "Badge with icon", "files": [ { "path": "registry/default/particles/p-badge-11.tsx", "type": "registry:block" } ], "name": "p-badge-11", "registryDependencies": [ "@coss/badge" ], "type": "registry:block" }, { "categories": [ "badge" ], "description": "Badge with link", "files": [ { "path": "registry/default/particles/p-badge-12.tsx", "type": "registry:block" } ], "name": "p-badge-12", "registryDependencies": [ "@coss/badge" ], "type": "registry:block" }, { "categories": [ "badge" ], "description": "Badge with count", "files": [ { "path": "registry/default/particles/p-badge-13.tsx", "type": "registry:block" } ], "name": "p-badge-13", "registryDependencies": [ "@coss/badge" ], "type": "registry:block" }, { "categories": [ "badge" ], "description": "Full rounded badge (pill)", "files": [ { "path": "registry/default/particles/p-badge-14.tsx", "type": "registry:block" } ], "name": "p-badge-14", "registryDependencies": [ "@coss/badge" ], "type": "registry:block" }, { "categories": [ "badge" ], "description": "Badge with number after text", "files": [ { "path": "registry/default/particles/p-badge-15.tsx", "type": "registry:block" } ], "name": "p-badge-15", "registryDependencies": [ "@coss/badge" ], "type": "registry:block" }, { "categories": [ "badge" ], "description": "Status badge - Paid", "files": [ { "path": "registry/default/particles/p-badge-16.tsx", "type": "registry:block" } ], "name": "p-badge-16", "registryDependencies": [ "@coss/badge" ], "type": "registry:block" }, { "categories": [ "badge" ], "description": "Status badge - Pending", "files": [ { "path": "registry/default/particles/p-badge-17.tsx", "type": "registry:block" } ], "name": "p-badge-17", "registryDependencies": [ "@coss/badge" ], "type": "registry:block" }, { "categories": [ "badge" ], "description": "Status badge - Failed", "files": [ { "path": "registry/default/particles/p-badge-18.tsx", "type": "registry:block" } ], "name": "p-badge-18", "registryDependencies": [ "@coss/badge" ], "type": "registry:block" }, { "categories": [ "badge", "checkbox" ], "dependencies": [ "lucide-react" ], "description": "Selectable badge with checkbox", "files": [ { "path": "registry/default/particles/p-badge-19.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:flex" }, "name": "p-badge-19", "registryDependencies": [ "@coss/badge", "@coss/checkbox" ], "type": "registry:block" }, { "categories": [ "badge" ], "dependencies": [ "lucide-react" ], "description": "Removable badge", "files": [ { "path": "registry/default/particles/p-badge-20.tsx", "type": "registry:block" } ], "name": "p-badge-20", "registryDependencies": [ "@coss/badge" ], "type": "registry:block" }, { "categories": [ "breadcrumb", "dropdown", "menu" ], "description": "Breadcrumb with menu example", "files": [ { "path": "registry/default/particles/p-breadcrumb-1.tsx", "type": "registry:block" } ], "name": "p-breadcrumb-1", "registryDependencies": [ "@coss/breadcrumb", "@coss/button", "@coss/menu" ], "type": "registry:block" }, { "categories": [ "breadcrumb" ], "description": "Breadcrumb with custom separator", "files": [ { "path": "registry/default/particles/p-breadcrumb-2.tsx", "type": "registry:block" } ], "name": "p-breadcrumb-2", "registryDependencies": [ "@coss/breadcrumb" ], "type": "registry:block" }, { "categories": [ "breadcrumb" ], "dependencies": [ "lucide-react" ], "description": "Breadcrumb with home icon for home link only", "files": [ { "path": "registry/default/particles/p-breadcrumb-3.tsx", "type": "registry:block" } ], "name": "p-breadcrumb-3", "registryDependencies": [ "@coss/breadcrumb" ], "type": "registry:block" }, { "categories": [ "breadcrumb", "dropdown", "menu" ], "dependencies": [ "lucide-react" ], "description": "Breadcrumb with folders icon menu", "files": [ { "path": "registry/default/particles/p-breadcrumb-4.tsx", "type": "registry:block" } ], "name": "p-breadcrumb-4", "registryDependencies": [ "@coss/breadcrumb", "@coss/button", "@coss/menu" ], "type": "registry:block" }, { "categories": [ "breadcrumb" ], "dependencies": [ "lucide-react" ], "description": "Breadcrumb with icons before text", "files": [ { "path": "registry/default/particles/p-breadcrumb-5.tsx", "type": "registry:block" } ], "name": "p-breadcrumb-5", "registryDependencies": [ "@coss/breadcrumb" ], "type": "registry:block" }, { "categories": [ "breadcrumb" ], "dependencies": [ "lucide-react" ], "description": "Breadcrumb with dot separators", "files": [ { "path": "registry/default/particles/p-breadcrumb-6.tsx", "type": "registry:block" } ], "name": "p-breadcrumb-6", "registryDependencies": [ "@coss/breadcrumb" ], "type": "registry:block" }, { "categories": [ "breadcrumb", "select" ], "dependencies": [ "lucide-react" ], "description": "Breadcrumb with select dropdown", "files": [ { "path": "registry/default/particles/p-breadcrumb-7.tsx", "type": "registry:block" } ], "name": "p-breadcrumb-7", "registryDependencies": [ "@coss/breadcrumb", "@coss/select" ], "type": "registry:block" }, { "categories": [ "button" ], "description": "Default button", "files": [ { "path": "registry/default/particles/p-button-1.tsx", "type": "registry:block" } ], "name": "p-button-1", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "description": "Outline button", "files": [ { "path": "registry/default/particles/p-button-2.tsx", "type": "registry:block" } ], "name": "p-button-2", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "description": "Secondary button", "files": [ { "path": "registry/default/particles/p-button-3.tsx", "type": "registry:block" } ], "name": "p-button-3", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "description": "Destructive button", "files": [ { "path": "registry/default/particles/p-button-4.tsx", "type": "registry:block" } ], "name": "p-button-4", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "description": "Destructive outline button", "files": [ { "path": "registry/default/particles/p-button-5.tsx", "type": "registry:block" } ], "name": "p-button-5", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "description": "Ghost button", "files": [ { "path": "registry/default/particles/p-button-6.tsx", "type": "registry:block" } ], "name": "p-button-6", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "description": "Link button", "files": [ { "path": "registry/default/particles/p-button-7.tsx", "type": "registry:block" } ], "name": "p-button-7", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "description": "Extra-small button", "files": [ { "path": "registry/default/particles/p-button-8.tsx", "type": "registry:block" } ], "name": "p-button-8", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "description": "Small button", "files": [ { "path": "registry/default/particles/p-button-9.tsx", "type": "registry:block" } ], "name": "p-button-9", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "description": "Large button", "files": [ { "path": "registry/default/particles/p-button-10.tsx", "type": "registry:block" } ], "name": "p-button-10", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "description": "Extra-large button", "files": [ { "path": "registry/default/particles/p-button-11.tsx", "type": "registry:block" } ], "name": "p-button-11", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button", "disabled" ], "description": "Disabled button", "files": [ { "path": "registry/default/particles/p-button-12.tsx", "type": "registry:block" } ], "name": "p-button-12", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "dependencies": [ "lucide-react" ], "description": "Icon button", "files": [ { "path": "registry/default/particles/p-button-13.tsx", "type": "registry:block" } ], "name": "p-button-13", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "dependencies": [ "lucide-react" ], "description": "Small icon button", "files": [ { "path": "registry/default/particles/p-button-14.tsx", "type": "registry:block" } ], "name": "p-button-14", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "dependencies": [ "lucide-react" ], "description": "Large icon button", "files": [ { "path": "registry/default/particles/p-button-15.tsx", "type": "registry:block" } ], "name": "p-button-15", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "dependencies": [ "lucide-react" ], "description": "Button with icon", "files": [ { "path": "registry/default/particles/p-button-16.tsx", "type": "registry:block" } ], "name": "p-button-16", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "description": "Link rendered as button", "files": [ { "path": "registry/default/particles/p-button-17.tsx", "type": "registry:block" } ], "name": "p-button-17", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button", "loading" ], "description": "Button using the built-in loading prop", "files": [ { "path": "registry/default/particles/p-button-41.tsx", "type": "registry:block" } ], "name": "p-button-41", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button", "loading" ], "description": "Custom loading button with manual Spinner", "files": [ { "path": "registry/default/particles/p-button-18.tsx", "type": "registry:block" } ], "name": "p-button-18", "registryDependencies": [ "@coss/button", "@coss/spinner" ], "type": "registry:block" }, { "categories": [ "button" ], "dependencies": [ "lucide-react" ], "description": "Expandable show more/less toggle button", "files": [ { "path": "registry/default/particles/p-button-19.tsx", "type": "registry:block" } ], "name": "p-button-19", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "dependencies": [ "lucide-react" ], "description": "Back link button with chevron", "files": [ { "path": "registry/default/particles/p-button-20.tsx", "type": "registry:block" } ], "name": "p-button-20", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "dependencies": [ "lucide-react" ], "description": "Card-style button with heading and description", "files": [ { "path": "registry/default/particles/p-button-21.tsx", "type": "registry:block" } ], "name": "p-button-21", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "dependencies": [ "lucide-react" ], "description": "Directional pad control buttons", "files": [ { "path": "registry/default/particles/p-button-22.tsx", "type": "registry:block" } ], "name": "p-button-22", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "dependencies": [ "lucide-react" ], "description": "Outline like button with count", "files": [ { "path": "registry/default/particles/p-button-23.tsx", "type": "registry:block" } ], "name": "p-button-23", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "dependencies": [ "@remixicon/react" ], "description": "Social login icon buttons", "files": [ { "path": "registry/default/particles/p-button-24.tsx", "type": "registry:block" } ], "name": "p-button-24", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "dependencies": [ "lucide-react" ], "description": "Star button with count badge", "files": [ { "path": "registry/default/particles/p-button-26.tsx", "type": "registry:block" } ], "name": "p-button-26", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button", "group" ], "dependencies": [ "lucide-react" ], "description": "Button group with QR code icon and sign in", "files": [ { "path": "registry/default/particles/p-button-27.tsx", "type": "registry:block" } ], "name": "p-button-27", "registryDependencies": [ "@coss/button", "@coss/group" ], "type": "registry:block" }, { "categories": [ "button", "avatar" ], "description": "Button with avatar", "files": [ { "path": "registry/default/particles/p-button-28.tsx", "type": "registry:block" } ], "name": "p-button-28", "registryDependencies": [ "@coss/avatar", "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "description": "Pill-shaped button with rounded-full styling", "files": [ { "path": "registry/default/particles/p-button-29.tsx", "type": "registry:block" } ], "name": "p-button-29", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "dependencies": [ "lucide-react" ], "description": "Button with animated arrow on hover", "files": [ { "path": "registry/default/particles/p-button-30.tsx", "type": "registry:block" } ], "name": "p-button-30", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button", "kbd" ], "dependencies": [ "lucide-react" ], "description": "Button with keyboard shortcut indicator", "files": [ { "path": "registry/default/particles/p-button-31.tsx", "type": "registry:block" } ], "name": "p-button-31", "registryDependencies": [ "@coss/button", "@coss/kbd" ], "type": "registry:block" }, { "categories": [ "button", "badge" ], "description": "Button with notification badge", "files": [ { "path": "registry/default/particles/p-button-32.tsx", "type": "registry:block" } ], "name": "p-button-32", "registryDependencies": [ "@coss/badge", "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "description": "Paired buttons (Cancel/Save)", "files": [ { "path": "registry/default/particles/p-button-33.tsx", "type": "registry:block" } ], "name": "p-button-33", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "description": "Button with animated status dot", "files": [ { "path": "registry/default/particles/p-button-34.tsx", "type": "registry:block" } ], "name": "p-button-34", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "dependencies": [ "lucide-react" ], "description": "Icon-only copy button with feedback", "files": [ { "path": "registry/default/particles/p-button-35.tsx", "type": "registry:block" } ], "name": "p-button-35", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "dependencies": [ "lucide-react" ], "description": "Copy button with feedback", "files": [ { "path": "registry/default/particles/p-button-36.tsx", "type": "registry:block" } ], "name": "p-button-36", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "dependencies": [ "lucide-react" ], "description": "Rotating icon button (FAB-style toggle)", "files": [ { "path": "registry/default/particles/p-button-37.tsx", "type": "registry:block" } ], "name": "p-button-37", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button" ], "description": "Hamburger menu button with animated icon", "files": [ { "path": "registry/default/particles/p-button-39.tsx", "type": "registry:block" } ], "name": "p-button-39", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "button", "group", "tooltip", "toast" ], "dependencies": [ "lucide-react" ], "description": "Download button with progress and cancel action", "files": [ { "path": "registry/default/particles/p-button-40.tsx", "type": "registry:block" } ], "name": "p-button-40", "registryDependencies": [ "@coss/button", "@coss/group", "@coss/spinner", "@coss/toast", "@coss/tooltip" ], "type": "registry:block" }, { "categories": [ "button" ], "dependencies": [ "@remixicon/react" ], "description": "Social login buttons (Google, X, GitHub)", "files": [ { "path": "registry/default/particles/p-button-38.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-button-38", "registryDependencies": [ "@coss/button" ], "type": "registry:block" }, { "categories": [ "calendar" ], "description": "Basic calendar", "files": [ { "path": "registry/default/particles/p-calendar-1.tsx", "type": "registry:block" } ], "name": "p-calendar-1", "registryDependencies": [ "@coss/calendar" ], "type": "registry:block" }, { "categories": [ "calendar" ], "description": "Calendar with date range selection", "files": [ { "path": "registry/default/particles/p-calendar-3.tsx", "type": "registry:block" } ], "name": "p-calendar-3", "registryDependencies": [ "@coss/calendar" ], "type": "registry:block" }, { "categories": [ "calendar" ], "description": "Calendar with month/year dropdown navigation", "files": [ { "path": "registry/default/particles/p-calendar-4.tsx", "type": "registry:block" } ], "name": "p-calendar-4", "registryDependencies": [ "@coss/calendar" ], "type": "registry:block" }, { "categories": [ "calendar", "select" ], "description": "Calendar with custom Select dropdown for month/year", "files": [ { "path": "registry/default/particles/p-calendar-5.tsx", "type": "registry:block" } ], "name": "p-calendar-5", "registryDependencies": [ "@coss/calendar", "@coss/select" ], "type": "registry:block" }, { "categories": [ "calendar", "combobox" ], "dependencies": [ "lucide-react" ], "description": "Calendar with Combobox dropdown for month/year", "files": [ { "path": "registry/default/particles/p-calendar-6.tsx", "type": "registry:block" } ], "name": "p-calendar-6", "registryDependencies": [ "@coss/calendar", "@coss/combobox" ], "type": "registry:block" }, { "categories": [ "calendar" ], "dependencies": [ "date-fns" ], "description": "Calendar with disabled dates", "files": [ { "path": "registry/default/particles/p-calendar-7.tsx", "type": "registry:block" } ], "name": "p-calendar-7", "registryDependencies": [ "@coss/calendar" ], "type": "registry:block" }, { "categories": [ "calendar" ], "dependencies": [ "date-fns" ], "description": "Calendar with multiple date selection", "files": [ { "path": "registry/default/particles/p-calendar-8.tsx", "type": "registry:block" } ], "name": "p-calendar-8", "registryDependencies": [ "@coss/calendar" ], "type": "registry:block" }, { "categories": [ "calendar" ], "description": "Calendar with custom cell size", "files": [ { "path": "registry/default/particles/p-calendar-2.tsx", "type": "registry:block" } ], "name": "p-calendar-2", "registryDependencies": [ "@coss/calendar" ], "type": "registry:block" }, { "categories": [ "calendar" ], "description": "Calendar with rounded day buttons", "files": [ { "path": "registry/default/particles/p-calendar-9.tsx", "type": "registry:block" } ], "name": "p-calendar-9", "registryDependencies": [ "@coss/calendar" ], "type": "registry:block" }, { "categories": [ "calendar" ], "dependencies": [ "date-fns" ], "description": "Calendar with rounded range selection style", "files": [ { "path": "registry/default/particles/p-calendar-10.tsx", "type": "registry:block" } ], "name": "p-calendar-10", "registryDependencies": [ "@coss/calendar" ], "type": "registry:block" }, { "categories": [ "calendar" ], "description": "Calendar with right-aligned navigation", "files": [ { "path": "registry/default/particles/p-calendar-11.tsx", "type": "registry:block" } ], "name": "p-calendar-11", "registryDependencies": [ "@coss/calendar" ], "type": "registry:block" }, { "categories": [ "calendar" ], "description": "Calendar with week numbers", "files": [ { "path": "registry/default/particles/p-calendar-12.tsx", "type": "registry:block" } ], "name": "p-calendar-12", "registryDependencies": [ "@coss/calendar" ], "type": "registry:block" }, { "categories": [ "calendar", "combobox" ], "description": "Calendar with year-only combobox dropdown", "files": [ { "path": "registry/default/particles/p-calendar-13.tsx", "type": "registry:block" } ], "name": "p-calendar-13", "registryDependencies": [ "@coss/calendar", "@coss/combobox" ], "type": "registry:block" }, { "categories": [ "calendar", "select" ], "description": "Calendar without arrow navigation (dropdown only)", "files": [ { "path": "registry/default/particles/p-calendar-14.tsx", "type": "registry:block" } ], "name": "p-calendar-14", "registryDependencies": [ "@coss/calendar", "@coss/select" ], "type": "registry:block" }, { "categories": [ "calendar", "button" ], "dependencies": [ "date-fns" ], "description": "Calendar with current month button", "files": [ { "path": "registry/default/particles/p-calendar-15.tsx", "type": "registry:block" } ], "name": "p-calendar-15", "registryDependencies": [ "@coss/calendar", "@coss/button" ], "type": "registry:block" }, { "categories": [ "calendar", "button" ], "dependencies": [ "date-fns" ], "description": "Calendar with today button", "files": [ { "path": "registry/default/particles/p-calendar-16.tsx", "type": "registry:block" } ], "name": "p-calendar-16", "registryDependencies": [ "@coss/calendar", "@coss/button" ], "type": "registry:block" }, { "categories": [ "calendar", "input", "field" ], "dependencies": [ "date-fns", "lucide-react" ], "description": "Calendar with date input", "files": [ { "path": "registry/default/particles/p-calendar-17.tsx", "type": "registry:block" } ], "name": "p-calendar-17", "registryDependencies": [ "@coss/calendar", "@coss/field", "@coss/input-group" ], "type": "registry:block" }, { "categories": [ "calendar", "input", "field" ], "dependencies": [ "lucide-react" ], "description": "Calendar with time input", "files": [ { "path": "registry/default/particles/p-calendar-18.tsx", "type": "registry:block" } ], "name": "p-calendar-18", "registryDependencies": [ "@coss/calendar", "@coss/field", "@coss/input-group" ], "type": "registry:block" }, { "categories": [ "calendar", "toggle", "toggle group", "scroll area" ], "dependencies": [ "date-fns" ], "description": "Calendar with time slots (appointment picker)", "files": [ { "path": "registry/default/particles/p-calendar-19.tsx", "type": "registry:block" } ], "name": "p-calendar-19", "registryDependencies": [ "@coss/calendar", "@coss/scroll-area", "@coss/toggle", "@coss/toggle-group" ], "type": "registry:block" }, { "categories": [ "calendar", "button" ], "dependencies": [ "date-fns" ], "description": "Calendar with date presets", "files": [ { "path": "registry/default/particles/p-calendar-20.tsx", "type": "registry:block" } ], "name": "p-calendar-20", "registryDependencies": [ "@coss/calendar", "@coss/button" ], "type": "registry:block" }, { "categories": [ "calendar", "button" ], "dependencies": [ "date-fns" ], "description": "Range calendar with date presets", "files": [ { "path": "registry/default/particles/p-calendar-21.tsx", "type": "registry:block" } ], "name": "p-calendar-21", "registryDependencies": [ "@coss/calendar", "@coss/button" ], "type": "registry:block" }, { "categories": [ "calendar" ], "dependencies": [ "date-fns" ], "description": "Two months calendar", "files": [ { "path": "registry/default/particles/p-calendar-22.tsx", "type": "registry:block" } ], "meta": { "colSpan": 2 }, "name": "p-calendar-22", "registryDependencies": [ "@coss/calendar" ], "type": "registry:block" }, { "categories": [ "calendar" ], "dependencies": [ "date-fns" ], "description": "Three months calendar", "files": [ { "path": "registry/default/particles/p-calendar-23.tsx", "type": "registry:block" } ], "meta": { "colSpan": 2 }, "name": "p-calendar-23", "registryDependencies": [ "@coss/calendar" ], "type": "registry:block" }, { "categories": [ "calendar" ], "dependencies": [ "date-fns" ], "description": "Pricing calendar with custom day buttons", "files": [ { "path": "registry/default/particles/p-calendar-24.tsx", "type": "registry:block" } ], "meta": { "colSpan": 2 }, "name": "p-calendar-24", "registryDependencies": [ "@coss/calendar" ], "type": "registry:block" }, { "categories": [ "calendar", "autocomplete", "field", "time" ], "dependencies": [ "date-fns", "lucide-react" ], "description": "Calendar with 24-hour autocomplete time input", "files": [ { "path": "registry/default/particles/p-calendar-25.tsx", "type": "registry:block" } ], "name": "p-calendar-25", "registryDependencies": [ "@coss/calendar", "@coss/autocomplete", "@coss/field" ], "type": "registry:block" }, { "categories": [ "date picker", "calendar", "popover", "button" ], "dependencies": [ "date-fns", "lucide-react" ], "description": "Basic date picker", "files": [ { "path": "registry/default/particles/p-date-picker-1.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-date-picker-1", "registryDependencies": [ "@coss/calendar", "@coss/popover", "@coss/button" ], "type": "registry:block" }, { "categories": [ "date picker", "calendar", "popover", "button" ], "dependencies": [ "date-fns", "lucide-react" ], "description": "Date range picker", "files": [ { "path": "registry/default/particles/p-date-picker-2.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-date-picker-2", "registryDependencies": [ "@coss/calendar", "@coss/popover", "@coss/button" ], "type": "registry:block" }, { "categories": [ "date picker", "calendar", "popover", "button" ], "dependencies": [ "date-fns", "lucide-react" ], "description": "Two months calendar with range date", "files": [ { "path": "registry/default/particles/p-date-picker-9.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-date-picker-9", "registryDependencies": [ "@coss/calendar", "@coss/popover", "@coss/button" ], "type": "registry:block" }, { "categories": [ "date picker", "calendar", "popover", "button", "field", "combobox" ], "dependencies": [ "date-fns", "lucide-react" ], "description": "Date picker with field and dropdown navigation", "files": [ { "path": "registry/default/particles/p-date-picker-3.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-date-picker-3", "registryDependencies": [ "@coss/button", "@coss/calendar", "@coss/combobox", "@coss/field", "@coss/popover" ], "type": "registry:block" }, { "categories": [ "date picker", "calendar", "popover", "button" ], "dependencies": [ "date-fns", "lucide-react" ], "description": "Date picker with presets", "files": [ { "path": "registry/default/particles/p-date-picker-4.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-date-picker-4", "registryDependencies": [ "@coss/button", "@coss/calendar", "@coss/popover" ], "type": "registry:block" }, { "categories": [ "date picker", "calendar", "popover", "button", "input" ], "dependencies": [ "date-fns", "lucide-react" ], "description": "Date picker with input", "files": [ { "path": "registry/default/particles/p-date-picker-5.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-date-picker-5", "registryDependencies": [ "@coss/button", "@coss/calendar", "@coss/input-group", "@coss/popover" ], "type": "registry:block" }, { "categories": [ "date picker", "calendar", "popover", "button" ], "dependencies": [ "date-fns", "lucide-react" ], "description": "Date picker that closes on select", "files": [ { "path": "registry/default/particles/p-date-picker-6.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-date-picker-6", "registryDependencies": [ "@coss/calendar", "@coss/popover", "@coss/button" ], "type": "registry:block" }, { "categories": [ "date picker", "calendar", "popover", "button", "badge" ], "dependencies": [ "date-fns", "lucide-react" ], "description": "Multiple dates picker", "files": [ { "path": "registry/default/particles/p-date-picker-7.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-date-picker-7", "registryDependencies": [ "@coss/badge", "@coss/button", "@coss/calendar", "@coss/popover" ], "type": "registry:block" }, { "categories": [ "date picker", "calendar", "popover", "button" ], "dependencies": [ "date-fns", "lucide-react" ], "description": "Date picker with select-like trigger", "files": [ { "path": "registry/default/particles/p-date-picker-8.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-date-picker-8", "registryDependencies": [ "@coss/calendar", "@coss/popover", "@coss/select" ], "type": "registry:block" }, { "categories": [ "card", "form" ], "dependencies": [ "lucide-react" ], "description": "A basic card with header and footer", "files": [ { "path": "registry/default/particles/p-card-1.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:flex **:data-[slot=preview]:justify-center" }, "name": "p-card-1", "registryDependencies": [ "@coss/button", "@coss/card", "@coss/field", "@coss/form", "@coss/input", "@coss/select" ], "type": "registry:block" }, { "categories": [ "card", "form" ], "description": "Authentication card with actions", "files": [ { "path": "registry/default/particles/p-card-2.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:flex **:data-[slot=preview]:justify-center" }, "name": "p-card-2", "registryDependencies": [ "@coss/button", "@coss/card", "@coss/field", "@coss/form", "@coss/input" ], "type": "registry:block" }, { "categories": [ "card", "form" ], "dependencies": [ "lucide-react" ], "description": "Authentication card with separators", "files": [ { "path": "registry/default/particles/p-card-3.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:flex **:data-[slot=preview]:justify-center" }, "name": "p-card-3", "registryDependencies": [ "@coss/button", "@coss/card", "@coss/field", "@coss/form", "@coss/input" ], "type": "registry:block" }, { "categories": [ "card", "form" ], "dependencies": [ "lucide-react" ], "description": "Framed card with footer", "files": [ { "path": "registry/default/particles/p-card-4.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:flex **:data-[slot=preview]:justify-center" }, "name": "p-card-4", "registryDependencies": [ "@coss/button", "@coss/card", "@coss/field", "@coss/form", "@coss/input", "@coss/select" ], "type": "registry:block" }, { "categories": [ "card", "form" ], "description": "Framed card with header", "files": [ { "path": "registry/default/particles/p-card-5.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:flex **:data-[slot=preview]:justify-center" }, "name": "p-card-5", "registryDependencies": [ "@coss/button", "@coss/card", "@coss/field", "@coss/form", "@coss/input", "@coss/select" ], "type": "registry:block" }, { "categories": [ "card", "form" ], "dependencies": [ "lucide-react" ], "description": "Framed card with header and footer", "files": [ { "path": "registry/default/particles/p-card-6.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:flex **:data-[slot=preview]:justify-center" }, "name": "p-card-6", "registryDependencies": [ "@coss/button", "@coss/card", "@coss/field", "@coss/form", "@coss/input", "@coss/select" ], "type": "registry:block" }, { "categories": [ "card", "form" ], "dependencies": [ "lucide-react" ], "description": "Framed card with no rounded bottom", "files": [ { "path": "registry/default/particles/p-card-7.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:flex **:data-[slot=preview]:justify-center" }, "name": "p-card-7", "registryDependencies": [ "@coss/button", "@coss/card", "@coss/field", "@coss/form", "@coss/input", "@coss/select" ], "type": "registry:block" }, { "categories": [ "card", "form", "frame" ], "description": "Card within a frame and footer", "files": [ { "path": "registry/default/particles/p-card-8.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:flex **:data-[slot=preview]:justify-center" }, "name": "p-card-8", "registryDependencies": [ "@coss/button", "@coss/card", "@coss/field", "@coss/form", "@coss/frame", "@coss/input", "@coss/select" ], "type": "registry:block" }, { "categories": [ "card", "form", "frame" ], "dependencies": [ "lucide-react" ], "description": "Card within a frame and footer", "files": [ { "path": "registry/default/particles/p-card-9.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:flex **:data-[slot=preview]:justify-center" }, "name": "p-card-9", "registryDependencies": [ "@coss/button", "@coss/card", "@coss/field", "@coss/form", "@coss/frame", "@coss/input", "@coss/select" ], "type": "registry:block" }, { "categories": [ "card", "form", "frame" ], "dependencies": [ "lucide-react" ], "description": "Card within a frame with header and footer", "files": [ { "path": "registry/default/particles/p-card-10.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:flex **:data-[slot=preview]:justify-center" }, "name": "p-card-10", "registryDependencies": [ "@coss/button", "@coss/card", "@coss/field", "@coss/form", "@coss/frame", "@coss/input", "@coss/select" ], "type": "registry:block" }, { "categories": [ "card", "frame" ], "dependencies": [ "lucide-react" ], "description": "CardFrame with header action", "files": [ { "path": "registry/default/particles/p-card-11.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:flex **:data-[slot=preview]:justify-center" }, "name": "p-card-11", "registryDependencies": [ "@coss/button", "@coss/card", "@coss/empty" ], "type": "registry:block" }, { "categories": [ "checkbox" ], "description": "Basic checkbox", "files": [ { "path": "registry/default/particles/p-checkbox-1.tsx", "type": "registry:block" } ], "name": "p-checkbox-1", "registryDependencies": [ "@coss/checkbox", "@coss/label" ], "type": "registry:block" }, { "categories": [ "checkbox", "disabled" ], "description": "Disabled checkbox", "files": [ { "path": "registry/default/particles/p-checkbox-2.tsx", "type": "registry:block" } ], "name": "p-checkbox-2", "registryDependencies": [ "@coss/checkbox", "@coss/label" ], "type": "registry:block" }, { "categories": [ "checkbox" ], "description": "Checkbox with description", "files": [ { "path": "registry/default/particles/p-checkbox-3.tsx", "type": "registry:block" } ], "name": "p-checkbox-3", "registryDependencies": [ "@coss/checkbox", "@coss/label" ], "type": "registry:block" }, { "categories": [ "checkbox" ], "description": "Card-style checkbox", "files": [ { "path": "registry/default/particles/p-checkbox-4.tsx", "type": "registry:block" } ], "name": "p-checkbox-4", "registryDependencies": [ "@coss/checkbox", "@coss/label" ], "type": "registry:block" }, { "categories": [ "checkbox", "form" ], "description": "Checkbox form", "files": [ { "path": "registry/default/particles/p-checkbox-5.tsx", "type": "registry:block" } ], "name": "p-checkbox-5", "registryDependencies": [ "@coss/button", "@coss/checkbox", "@coss/field", "@coss/form" ], "type": "registry:block" }, { "categories": [ "checkbox", "checkbox group" ], "description": "Basic checkbox group", "files": [ { "path": "registry/default/particles/p-checkbox-group-1.tsx", "type": "registry:block" } ], "name": "p-checkbox-group-1", "registryDependencies": [ "@coss/checkbox", "@coss/checkbox-group", "@coss/label" ], "type": "registry:block" }, { "categories": [ "checkbox", "checkbox group", "disabled" ], "description": "Checkbox group with disabled items", "files": [ { "path": "registry/default/particles/p-checkbox-group-2.tsx", "type": "registry:block" } ], "name": "p-checkbox-group-2", "registryDependencies": [ "@coss/checkbox", "@coss/checkbox-group", "@coss/label" ], "type": "registry:block" }, { "categories": [ "checkbox", "checkbox group" ], "description": "Checkbox group with parent checkbox", "files": [ { "path": "registry/default/particles/p-checkbox-group-3.tsx", "type": "registry:block" } ], "name": "p-checkbox-group-3", "registryDependencies": [ "@coss/checkbox", "@coss/checkbox-group", "@coss/label" ], "type": "registry:block" }, { "categories": [ "checkbox", "checkbox group" ], "description": "Nested checkbox group with parent", "files": [ { "path": "registry/default/particles/p-checkbox-group-4.tsx", "type": "registry:block" } ], "name": "p-checkbox-group-4", "registryDependencies": [ "@coss/checkbox", "@coss/checkbox-group", "@coss/label" ], "type": "registry:block" }, { "categories": [ "checkbox", "checkbox group", "form" ], "description": "Checkbox group form", "files": [ { "path": "registry/default/particles/p-checkbox-group-5.tsx", "type": "registry:block" } ], "name": "p-checkbox-group-5", "registryDependencies": [ "@coss/button", "@coss/checkbox", "@coss/checkbox-group", "@coss/field", "@coss/fieldset", "@coss/form" ], "type": "registry:block" }, { "categories": [ "collapsible" ], "dependencies": [ "lucide-react" ], "description": "Basic collapsible", "files": [ { "path": "registry/default/particles/p-collapsible-1.tsx", "type": "registry:block" } ], "name": "p-collapsible-1", "registryDependencies": [ "@coss/collapsible" ], "type": "registry:block" }, { "categories": [ "combobox", "input" ], "description": "Basic combobox", "files": [ { "path": "registry/default/particles/p-combobox-1.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-combobox-1", "registryDependencies": [ "@coss/combobox" ], "type": "registry:block" }, { "categories": [ "combobox", "input", "disabled" ], "description": "Disabled combobox", "files": [ { "path": "registry/default/particles/p-combobox-2.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-combobox-2", "registryDependencies": [ "@coss/combobox" ], "type": "registry:block" }, { "categories": [ "combobox", "input" ], "description": "Small combobox", "files": [ { "path": "registry/default/particles/p-combobox-3.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-combobox-3", "registryDependencies": [ "@coss/combobox" ], "type": "registry:block" }, { "categories": [ "combobox", "input" ], "description": "Large combobox", "files": [ { "path": "registry/default/particles/p-combobox-4.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-combobox-4", "registryDependencies": [ "@coss/combobox" ], "type": "registry:block" }, { "categories": [ "combobox", "input" ], "description": "Combobox with label", "files": [ { "path": "registry/default/particles/p-combobox-5.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-combobox-5", "registryDependencies": [ "@coss/combobox", "@coss/label" ], "type": "registry:block" }, { "categories": [ "combobox", "input" ], "description": "Combobox auto highlighting the first option", "files": [ { "path": "registry/default/particles/p-combobox-6.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-combobox-6", "registryDependencies": [ "@coss/combobox" ], "type": "registry:block" }, { "categories": [ "combobox", "input" ], "description": "Combobox with clear button", "files": [ { "path": "registry/default/particles/p-combobox-7.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-combobox-7", "registryDependencies": [ "@coss/combobox" ], "type": "registry:block" }, { "categories": [ "combobox", "input" ], "description": "Combobox with grouped items", "files": [ { "path": "registry/default/particles/p-combobox-8.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-combobox-8", "registryDependencies": [ "@coss/combobox" ], "type": "registry:block" }, { "categories": [ "combobox", "input" ], "description": "Combobox with multiple selection", "files": [ { "path": "registry/default/particles/p-combobox-9.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-combobox-9", "registryDependencies": [ "@coss/combobox" ], "type": "registry:block" }, { "categories": [ "combobox", "input" ], "dependencies": [ "lucide-react" ], "description": "Combobox with input inside popup", "files": [ { "path": "registry/default/particles/p-combobox-10.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-combobox-10", "registryDependencies": [ "@coss/button", "@coss/combobox" ], "type": "registry:block" }, { "categories": [ "combobox", "form", "input" ], "description": "Combobox form", "files": [ { "path": "registry/default/particles/p-combobox-11.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-combobox-11", "registryDependencies": [ "@coss/button", "@coss/combobox", "@coss/field", "@coss/form" ], "type": "registry:block" }, { "categories": [ "combobox", "form", "input" ], "description": "Combobox multiple form", "files": [ { "path": "registry/default/particles/p-combobox-12.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-combobox-12", "registryDependencies": [ "@coss/button", "@coss/combobox", "@coss/field", "@coss/form" ], "type": "registry:block" }, { "categories": [ "combobox", "input" ], "dependencies": [ "lucide-react" ], "description": "Combobox with start addon", "files": [ { "path": "registry/default/particles/p-combobox-13.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-combobox-13", "registryDependencies": [ "@coss/combobox" ], "type": "registry:block" }, { "categories": [ "combobox", "input" ], "dependencies": [ "lucide-react" ], "description": "Combobox multiple with start addon", "files": [ { "path": "registry/default/particles/p-combobox-14.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-combobox-14", "registryDependencies": [ "@coss/combobox" ], "type": "registry:block" }, { "categories": [ "combobox", "input" ], "description": "Pill-shaped combobox", "files": [ { "path": "registry/default/particles/p-combobox-15.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-combobox-15", "registryDependencies": [ "@coss/combobox" ], "type": "registry:block" }, { "categories": [ "combobox", "input", "timezone" ], "description": "Timezone combobox", "files": [ { "path": "registry/default/particles/p-combobox-16.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-combobox-16", "registryDependencies": [ "@coss/combobox" ], "type": "registry:block" }, { "categories": [ "combobox", "input", "timezone" ], "dependencies": [ "lucide-react" ], "description": "Timezone combobox with search input", "files": [ { "path": "registry/default/particles/p-combobox-17.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-combobox-17", "registryDependencies": [ "@coss/combobox", "@coss/select" ], "type": "registry:block" }, { "categories": [ "combobox", "select" ], "description": "Combobox with select trigger", "files": [ { "path": "registry/default/particles/p-combobox-18.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-combobox-18", "registryDependencies": [ "@coss/combobox", "@coss/select" ], "type": "registry:block" }, { "categories": [ "combobox", "input" ], "dependencies": [ "lucide-react" ], "description": "Combobox multiple with stacked chips", "files": [ { "path": "registry/default/particles/p-combobox-19.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-80" }, "name": "p-combobox-19", "registryDependencies": [ "@coss/avatar", "@coss/badge", "@coss/button", "@coss/combobox" ], "type": "registry:block" }, { "categories": [ "combobox", "input" ], "dependencies": [ "lucide-react" ], "description": "Combobox multiple with stacked divided chips", "files": [ { "path": "registry/default/particles/p-combobox-20.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-80" }, "name": "p-combobox-20", "registryDependencies": [ "@coss/avatar", "@coss/badge", "@coss/button", "@coss/combobox" ], "type": "registry:block" }, { "categories": [ "command", "dialog" ], "dependencies": [ "lucide-react" ], "description": "Command palette with dialog", "files": [ { "path": "registry/default/particles/p-command-1.tsx", "type": "registry:block" } ], "name": "p-command-1", "registryDependencies": [ "@coss/button", "@coss/command", "@coss/kbd" ], "type": "registry:block" }, { "categories": [ "command", "dialog" ], "dependencies": [ "lucide-react" ], "description": "Command palette with AI assistant", "files": [ { "path": "registry/default/particles/p-command-2.tsx", "type": "registry:block" } ], "name": "p-command-2", "registryDependencies": [ "@coss/autocomplete", "@coss/button", "@coss/command", "@coss/empty", "@coss/input", "@coss/kbd", "@coss/scroll-area", "@coss/skeleton", "@coss/spinner" ], "type": "registry:block" }, { "categories": [ "dialog" ], "description": "Dialog with form", "files": [ { "path": "registry/default/particles/p-dialog-1.tsx", "type": "registry:block" } ], "name": "p-dialog-1", "registryDependencies": [ "@coss/button", "@coss/dialog", "@coss/field", "@coss/form", "@coss/input" ], "type": "registry:block" }, { "categories": [ "dialog" ], "description": "Dialog with bare footer", "files": [ { "path": "registry/default/particles/p-dialog-6.tsx", "type": "registry:block" } ], "name": "p-dialog-6", "registryDependencies": [ "@coss/button", "@coss/dialog", "@coss/field", "@coss/form", "@coss/input" ], "type": "registry:block" }, { "categories": [ "dialog", "dropdown", "menu" ], "description": "Dialog opened from menu", "files": [ { "path": "registry/default/particles/p-dialog-2.tsx", "type": "registry:block" } ], "name": "p-dialog-2", "registryDependencies": [ "@coss/button", "@coss/dialog", "@coss/menu" ], "type": "registry:block" }, { "categories": [ "dialog" ], "description": "Nested dialogs", "files": [ { "path": "registry/default/particles/p-dialog-3.tsx", "type": "registry:block" } ], "name": "p-dialog-3", "registryDependencies": [ "@coss/button", "@coss/dialog", "@coss/field", "@coss/input" ], "type": "registry:block" }, { "categories": [ "alert dialog", "dialog" ], "description": "Dialog with close confirmation", "files": [ { "path": "registry/default/particles/p-dialog-4.tsx", "type": "registry:block" } ], "name": "p-dialog-4", "registryDependencies": [ "@coss/alert-dialog", "@coss/button", "@coss/dialog", "@coss/field", "@coss/form", "@coss/textarea" ], "type": "registry:block" }, { "categories": [ "dialog" ], "description": "Dialog with long content", "files": [ { "path": "registry/default/particles/p-dialog-5.tsx", "type": "registry:block" } ], "name": "p-dialog-5", "registryDependencies": [ "@coss/button", "@coss/dialog" ], "type": "registry:block" }, { "categories": [ "drawer" ], "description": "Simple bottom drawer with close button", "files": [ { "path": "registry/default/particles/p-drawer-1.tsx", "type": "registry:block" } ], "name": "p-drawer-1", "registryDependencies": [ "@coss/button", "@coss/drawer" ], "type": "registry:block" }, { "categories": [ "drawer" ], "description": "Bottom drawer without drag bar", "files": [ { "path": "registry/default/particles/p-drawer-2.tsx", "type": "registry:block" } ], "name": "p-drawer-2", "registryDependencies": [ "@coss/button", "@coss/drawer" ], "type": "registry:block" }, { "categories": [ "drawer" ], "description": "Drawer with close button", "files": [ { "path": "registry/default/particles/p-drawer-3.tsx", "type": "registry:block" } ], "name": "p-drawer-3", "registryDependencies": [ "@coss/button", "@coss/drawer" ], "type": "registry:block" }, { "categories": [ "drawer" ], "description": "Inset variant drawers for all four positions", "files": [ { "path": "registry/default/particles/p-drawer-4.tsx", "type": "registry:block" } ], "name": "p-drawer-4", "registryDependencies": [ "@coss/button", "@coss/drawer" ], "type": "registry:block" }, { "categories": [ "drawer" ], "description": "Straight variant drawers for all four positions", "files": [ { "path": "registry/default/particles/p-drawer-5.tsx", "type": "registry:block" } ], "name": "p-drawer-5", "registryDependencies": [ "@coss/button", "@coss/drawer" ], "type": "registry:block" }, { "categories": [ "drawer" ], "description": "Scrollable content with terms and conditions", "files": [ { "path": "registry/default/particles/p-drawer-6.tsx", "type": "registry:block" } ], "name": "p-drawer-6", "registryDependencies": [ "@coss/button", "@coss/drawer" ], "type": "registry:block" }, { "categories": [ "drawer" ], "description": "Nested bottom drawers with centered content", "files": [ { "path": "registry/default/particles/p-drawer-7.tsx", "type": "registry:block" } ], "name": "p-drawer-7", "registryDependencies": [ "@coss/button", "@coss/drawer" ], "type": "registry:block" }, { "categories": [ "drawer" ], "description": "Nested right drawers with inset variant", "files": [ { "path": "registry/default/particles/p-drawer-8.tsx", "type": "registry:block" } ], "name": "p-drawer-8", "registryDependencies": [ "@coss/button", "@coss/drawer", "@coss/field", "@coss/input" ], "type": "registry:block" }, { "categories": [ "drawer" ], "description": "Bottom drawer with snap points", "files": [ { "path": "registry/default/particles/p-drawer-9.tsx", "type": "registry:block" } ], "name": "p-drawer-9", "registryDependencies": [ "@coss/button", "@coss/drawer" ], "type": "registry:block" }, { "categories": [ "drawer" ], "description": "Edit profile form with default and bare footer variants", "files": [ { "path": "registry/default/particles/p-drawer-10.tsx", "type": "registry:block" } ], "name": "p-drawer-10", "registryDependencies": [ "@coss/button", "@coss/drawer", "@coss/field", "@coss/form", "@coss/input" ], "type": "registry:block" }, { "categories": [ "drawer" ], "description": "Mobile menu drawer from the left", "files": [ { "path": "registry/default/particles/p-drawer-11.tsx", "type": "registry:block" } ], "name": "p-drawer-11", "registryDependencies": [ "@coss/button", "@coss/drawer" ], "type": "registry:block" }, { "categories": [ "drawer", "dialog" ], "description": "Responsive edit profile: dialog on desktop, drawer on mobile", "files": [ { "path": "registry/default/particles/p-drawer-12.tsx", "type": "registry:block" } ], "name": "p-drawer-12", "registryDependencies": [ "@coss/button", "@coss/dialog", "@coss/drawer", "@coss/field", "@coss/form", "@coss/input", "@coss/use-media-query" ], "type": "registry:block" }, { "categories": [ "drawer", "menu" ], "dependencies": [ "lucide-react" ], "description": "Responsive actions menu: menu on desktop, drawer on mobile", "files": [ { "path": "registry/default/particles/p-drawer-13.tsx", "type": "registry:block" } ], "name": "p-drawer-13", "registryDependencies": [ "@coss/button", "@coss/drawer", "@coss/menu", "@coss/use-media-query" ], "type": "registry:block" }, { "categories": [ "drawer" ], "description": "Left drawer with swipe area", "files": [ { "path": "registry/default/particles/p-drawer-14.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-md" }, "name": "p-drawer-14", "registryDependencies": [ "@coss/button", "@coss/drawer" ], "type": "registry:block" }, { "categories": [ "empty state" ], "dependencies": [ "lucide-react" ], "description": "Empty state with icon and actions", "files": [ { "path": "registry/default/particles/p-empty-1.tsx", "type": "registry:block" } ], "name": "p-empty-1", "registryDependencies": [ "@coss/button", "@coss/empty" ], "type": "registry:block" }, { "categories": [ "field", "input", "label" ], "description": "Field with description", "files": [ { "path": "registry/default/particles/p-field-1.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-field-1", "registryDependencies": [ "@coss/field", "@coss/input" ], "type": "registry:block" }, { "categories": [ "field", "input", "label" ], "description": "Field with required indicator", "files": [ { "path": "registry/default/particles/p-field-2.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-field-2", "registryDependencies": [ "@coss/field", "@coss/input" ], "type": "registry:block" }, { "categories": [ "disabled", "field", "input", "label" ], "description": "Field in disabled state", "files": [ { "path": "registry/default/particles/p-field-3.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-field-3", "registryDependencies": [ "@coss/field", "@coss/input" ], "type": "registry:block" }, { "categories": [ "error", "field", "input", "label" ], "description": "Field showing validation error", "files": [ { "path": "registry/default/particles/p-field-4.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-field-4", "registryDependencies": [ "@coss/field", "@coss/input" ], "type": "registry:block" }, { "categories": [ "field", "input" ], "description": "Show field validity state", "files": [ { "path": "registry/default/particles/p-field-5.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-field-5", "registryDependencies": [ "@coss/field", "@coss/input" ], "type": "registry:block" }, { "categories": [ "button", "field", "input", "input group" ], "description": "Input group with field", "files": [ { "path": "registry/default/particles/p-field-6.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-field-6", "registryDependencies": [ "@coss/button", "@coss/field", "@coss/input-group" ], "type": "registry:block" }, { "categories": [ "autocomplete", "field", "input", "label" ], "description": "Field with autocomplete", "files": [ { "path": "registry/default/particles/p-field-7.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-field-7", "registryDependencies": [ "@coss/autocomplete", "@coss/field" ], "type": "registry:block" }, { "categories": [ "combobox", "field", "input", "label" ], "description": "Field with combobox", "files": [ { "path": "registry/default/particles/p-field-8.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-field-8", "registryDependencies": [ "@coss/combobox", "@coss/field" ], "type": "registry:block" }, { "categories": [ "combobox", "field", "input", "label" ], "description": "Field with multiple selection combobox", "files": [ { "path": "registry/default/particles/p-field-9.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-field-9", "registryDependencies": [ "@coss/combobox", "@coss/field" ], "type": "registry:block" }, { "categories": [ "field", "label", "textarea" ], "description": "Field with textarea", "files": [ { "path": "registry/default/particles/p-field-10.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-field-10", "registryDependencies": [ "@coss/field", "@coss/textarea" ], "type": "registry:block" }, { "categories": [ "field", "label", "select" ], "description": "Field with select", "files": [ { "path": "registry/default/particles/p-field-11.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-field-11", "registryDependencies": [ "@coss/field", "@coss/select" ], "type": "registry:block" }, { "categories": [ "checkbox", "field", "label" ], "description": "Field with checkbox", "files": [ { "path": "registry/default/particles/p-field-12.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-field-12", "registryDependencies": [ "@coss/checkbox", "@coss/field" ], "type": "registry:block" }, { "categories": [ "checkbox", "checkbox group", "field", "fieldset", "label" ], "description": "Field with checkbox group", "files": [ { "path": "registry/default/particles/p-field-13.tsx", "type": "registry:block" } ], "name": "p-field-13", "registryDependencies": [ "@coss/checkbox", "@coss/checkbox-group", "@coss/field", "@coss/fieldset" ], "type": "registry:block" }, { "categories": [ "field", "fieldset", "label", "radio group" ], "description": "Field with radio group", "files": [ { "path": "registry/default/particles/p-field-14.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-field-14", "registryDependencies": [ "@coss/field", "@coss/fieldset", "@coss/radio-group" ], "type": "registry:block" }, { "categories": [ "field", "label", "switch" ], "description": "Field with toggle switch", "files": [ { "path": "registry/default/particles/p-field-15.tsx", "type": "registry:block" } ], "name": "p-field-15", "registryDependencies": [ "@coss/field", "@coss/switch" ], "type": "registry:block" }, { "categories": [ "field", "label", "slider" ], "description": "Field with slider", "files": [ { "path": "registry/default/particles/p-field-16.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-field-16", "registryDependencies": [ "@coss/field", "@coss/slider" ], "type": "registry:block" }, { "categories": [ "field", "input", "label", "number field" ], "description": "Field with number field", "files": [ { "path": "registry/default/particles/p-field-17.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-field-17", "registryDependencies": [ "@coss/field", "@coss/number-field" ], "type": "registry:block" }, { "categories": [ "button", "checkbox", "field", "form", "input", "label", "select" ], "description": "Complete form built with field", "files": [ { "path": "registry/default/particles/p-field-18.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-field-18", "registryDependencies": [ "@coss/button", "@coss/checkbox", "@coss/field", "@coss/form", "@coss/input", "@coss/select" ], "type": "registry:block" }, { "categories": [ "fieldset", "input" ], "description": "Fieldset with multiple fields", "files": [ { "path": "registry/default/particles/p-fieldset-1.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-fieldset-1", "registryDependencies": [ "@coss/field", "@coss/fieldset", "@coss/input" ], "type": "registry:block" }, { "categories": [ "button", "field", "form", "input" ], "description": "Input in a form", "files": [ { "path": "registry/default/particles/p-form-1.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-form-1", "registryDependencies": [ "@coss/button", "@coss/field", "@coss/form", "@coss/input" ], "type": "registry:block" }, { "categories": [ "button", "field", "form", "label", "validation", "zod" ], "dependencies": [ "zod" ], "description": "Form with zod validation", "files": [ { "path": "registry/default/particles/p-form-2.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-form-2", "registryDependencies": [ "@coss/button", "@coss/field", "@coss/form", "@coss/input" ], "type": "registry:block" }, { "categories": [ "frame" ], "description": "Basic frame", "files": [ { "path": "registry/default/particles/p-frame-1.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full" }, "name": "p-frame-1", "registryDependencies": [ "@coss/frame" ], "type": "registry:block" }, { "categories": [ "frame" ], "description": "Frame with multiple separated panels", "files": [ { "path": "registry/default/particles/p-frame-3.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full" }, "name": "p-frame-3", "registryDependencies": [ "@coss/frame" ], "type": "registry:block" }, { "categories": [ "frame" ], "description": "Frame with multiple stacked panels", "files": [ { "path": "registry/default/particles/p-frame-4.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full" }, "name": "p-frame-4", "registryDependencies": [ "@coss/frame", "@coss/separator" ], "type": "registry:block" }, { "categories": [ "collapsible", "frame" ], "dependencies": [ "lucide-react" ], "description": "Frame with collapsible content and delete button", "files": [ { "path": "registry/default/particles/p-frame-2.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full" }, "name": "p-frame-2", "registryDependencies": [ "@coss/button", "@coss/collapsible", "@coss/frame" ], "type": "registry:block" }, { "categories": [ "kbd" ], "description": "Keyboard shortcuts display", "files": [ { "path": "registry/default/particles/p-kbd-1.tsx", "type": "registry:block" } ], "name": "p-kbd-1", "registryDependencies": [ "@coss/kbd" ], "type": "registry:block" }, { "categories": [ "group" ], "description": "Basic group", "files": [ { "path": "registry/default/particles/p-group-1.tsx", "type": "registry:block" } ], "name": "p-group-1", "registryDependencies": [ "@coss/button", "@coss/group", "@coss/menu" ], "type": "registry:block" }, { "categories": [ "group", "input" ], "description": "Group with input", "files": [ { "path": "registry/default/particles/p-group-2.tsx", "type": "registry:block" } ], "name": "p-group-2", "registryDependencies": [ "@coss/button", "@coss/group", "@coss/input", "@coss/tooltip", "@coss/use-copy-to-clipboard" ], "type": "registry:block" }, { "categories": [ "group" ], "description": "Small group", "files": [ { "path": "registry/default/particles/p-group-3.tsx", "type": "registry:block" } ], "name": "p-group-3", "registryDependencies": [ "@coss/button", "@coss/group", "@coss/menu" ], "type": "registry:block" }, { "categories": [ "group" ], "description": "Large group", "files": [ { "path": "registry/default/particles/p-group-4.tsx", "type": "registry:block" } ], "name": "p-group-4", "registryDependencies": [ "@coss/button", "@coss/group", "@coss/menu" ], "type": "registry:block" }, { "categories": [ "button", "group" ], "description": "Group with disabled button", "files": [ { "path": "registry/default/particles/p-group-5.tsx", "type": "registry:block" } ], "name": "p-group-5", "registryDependencies": [ "@coss/button", "@coss/group", "@coss/menu" ], "type": "registry:block" }, { "categories": [ "button", "group" ], "description": "Group with default button", "files": [ { "path": "registry/default/particles/p-group-6.tsx", "type": "registry:block" } ], "name": "p-group-6", "registryDependencies": [ "@coss/button", "@coss/group", "@coss/menu" ], "type": "registry:block" }, { "categories": [ "group" ], "description": "Group with start text", "files": [ { "path": "registry/default/particles/p-group-7.tsx", "type": "registry:block" } ], "name": "p-group-7", "registryDependencies": [ "@coss/group", "@coss/input", "@coss/label" ], "type": "registry:block" }, { "categories": [ "group" ], "description": "Group with end text", "files": [ { "path": "registry/default/particles/p-group-8.tsx", "type": "registry:block" } ], "name": "p-group-8", "registryDependencies": [ "@coss/group", "@coss/input", "@coss/label" ], "type": "registry:block" }, { "categories": [ "group" ], "description": "Vertical group", "files": [ { "path": "registry/default/particles/p-group-9.tsx", "type": "registry:block" } ], "name": "p-group-9", "registryDependencies": [ "@coss/button", "@coss/group" ], "type": "registry:block" }, { "categories": [ "group" ], "description": "Nested groups", "files": [ { "path": "registry/default/particles/p-group-10.tsx", "type": "registry:block" } ], "name": "p-group-10", "registryDependencies": [ "@coss/button", "@coss/group" ], "type": "registry:block" }, { "categories": [ "group" ], "description": "Group with popup", "files": [ { "path": "registry/default/particles/p-group-11.tsx", "type": "registry:block" } ], "name": "p-group-11", "registryDependencies": [ "@coss/badge", "@coss/button", "@coss/group", "@coss/popover" ], "type": "registry:block" }, { "categories": [ "group", "input group" ], "description": "Group with input group", "files": [ { "path": "registry/default/particles/p-group-12.tsx", "type": "registry:block" } ], "name": "p-group-12", "registryDependencies": [ "@coss/button", "@coss/group", "@coss/input-group", "@coss/tooltip" ], "type": "registry:block" }, { "categories": [ "dropdown", "group", "menu" ], "description": "Group with menu", "files": [ { "path": "registry/default/particles/p-group-13.tsx", "type": "registry:block" } ], "name": "p-group-13", "registryDependencies": [ "@coss/button", "@coss/group", "@coss/menu" ], "type": "registry:block" }, { "categories": [ "group", "select", "number field" ], "description": "Group with select", "files": [ { "path": "registry/default/particles/p-group-14.tsx", "type": "registry:block" } ], "name": "p-group-14", "registryDependencies": [ "@coss/button", "@coss/group", "@coss/number-field", "@coss/select" ], "type": "registry:block" }, { "categories": [ "group", "search" ], "description": "Group with search", "files": [ { "path": "registry/default/particles/p-group-15.tsx", "type": "registry:block" } ], "name": "p-group-15", "registryDependencies": [ "@coss/button", "@coss/group", "@coss/input", "@coss/select" ], "type": "registry:block" }, { "categories": [ "button", "group", "input" ], "dependencies": [ "lucide-react" ], "description": "Group with add button and input", "files": [ { "path": "registry/default/particles/p-group-16.tsx", "type": "registry:block" } ], "name": "p-group-16", "registryDependencies": [ "@coss/button", "@coss/group", "@coss/input" ], "type": "registry:block" }, { "categories": [ "group", "input" ], "description": "Group with input and currency text", "files": [ { "path": "registry/default/particles/p-group-17.tsx", "type": "registry:block" } ], "name": "p-group-17", "registryDependencies": [ "@coss/group", "@coss/input", "@coss/label" ], "type": "registry:block" }, { "categories": [ "group", "input", "select" ], "description": "Group with select and input", "files": [ { "path": "registry/default/particles/p-group-18.tsx", "type": "registry:block" } ], "name": "p-group-18", "registryDependencies": [ "@coss/group", "@coss/input", "@coss/select" ], "type": "registry:block" }, { "categories": [ "group", "input", "select" ], "description": "Group with input and select", "files": [ { "path": "registry/default/particles/p-group-19.tsx", "type": "registry:block" } ], "name": "p-group-19", "registryDependencies": [ "@coss/group", "@coss/input", "@coss/select" ], "type": "registry:block" }, { "categories": [ "button", "group", "input" ], "description": "Group with input and text button", "files": [ { "path": "registry/default/particles/p-group-20.tsx", "type": "registry:block" } ], "name": "p-group-20", "registryDependencies": [ "@coss/button", "@coss/group", "@coss/input" ], "type": "registry:block" }, { "categories": [ "group", "label", "number field" ], "description": "Group with two number inputs for range", "files": [ { "path": "registry/default/particles/p-group-22.tsx", "type": "registry:block" } ], "name": "p-group-22", "registryDependencies": [ "@coss/group", "@coss/label", "@coss/number-field" ], "type": "registry:block" }, { "categories": [ "avatar", "badge", "button", "combobox", "group" ], "description": "Group with filter label, combobox multi-select, and remove button", "files": [ { "path": "registry/default/particles/p-group-23.tsx", "type": "registry:block" } ], "name": "p-group-23", "registryDependencies": [ "@coss/avatar", "@coss/badge", "@coss/button", "@coss/combobox", "@coss/group" ], "type": "registry:block" }, { "categories": [ "input" ], "description": "Basic input", "files": [ { "path": "registry/default/particles/p-input-1.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-1", "registryDependencies": [ "@coss/input" ], "type": "registry:block" }, { "categories": [ "input" ], "description": "Small input", "files": [ { "path": "registry/default/particles/p-input-2.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-2", "registryDependencies": [ "@coss/input" ], "type": "registry:block" }, { "categories": [ "input" ], "description": "Large input", "files": [ { "path": "registry/default/particles/p-input-3.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-3", "registryDependencies": [ "@coss/input" ], "type": "registry:block" }, { "categories": [ "input" ], "description": "Disabled input", "files": [ { "path": "registry/default/particles/p-input-4.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-4", "registryDependencies": [ "@coss/input" ], "type": "registry:block" }, { "categories": [ "input" ], "description": "File input", "files": [ { "path": "registry/default/particles/p-input-5.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-5", "registryDependencies": [ "@coss/input" ], "type": "registry:block" }, { "categories": [ "input", "label" ], "description": "Input with label", "files": [ { "path": "registry/default/particles/p-input-6.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-6", "registryDependencies": [ "@coss/input", "@coss/label" ], "type": "registry:block" }, { "categories": [ "button", "group", "input" ], "description": "Input with button using Group", "files": [ { "path": "registry/default/particles/p-input-7.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-7", "registryDependencies": [ "@coss/button", "@coss/group", "@coss/input" ], "type": "registry:block" }, { "categories": [ "button", "input", "input group", "popover" ], "description": "Input with start text and end tooltip", "files": [ { "path": "registry/default/particles/p-input-8.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-8", "registryDependencies": [ "@coss/button", "@coss/input-group", "@coss/popover" ], "type": "registry:block" }, { "categories": [ "button", "input", "input group", "tooltip" ], "description": "Password input with toggle visibility", "files": [ { "path": "registry/default/particles/p-input-9.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-9", "registryDependencies": [ "@coss/button", "@coss/input-group", "@coss/tooltip" ], "type": "registry:block" }, { "categories": [ "button", "input", "input group", "popover" ], "description": "Input group mimicking a URL bar", "files": [ { "path": "registry/default/particles/p-input-10.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-10", "registryDependencies": [ "@coss/button", "@coss/input-group", "@coss/popover" ], "type": "registry:block" }, { "categories": [ "input", "input group", "kbd", "search" ], "description": "Input group with keyboard shortcut", "files": [ { "path": "registry/default/particles/p-input-11.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-11", "registryDependencies": [ "@coss/input-group", "@coss/kbd" ], "type": "registry:block" }, { "categories": [ "input", "input group", "spinner", "loading" ], "description": "Input group with start loading spinner", "files": [ { "path": "registry/default/particles/p-input-12.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-12", "registryDependencies": [ "@coss/input-group", "@coss/spinner" ], "type": "registry:block" }, { "categories": [ "input", "label" ], "description": "Input with label and required indicator", "files": [ { "path": "registry/default/particles/p-input-13.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-13", "registryDependencies": [ "@coss/input", "@coss/label" ], "type": "registry:block" }, { "categories": [ "input", "label" ], "description": "Input with optional label", "files": [ { "path": "registry/default/particles/p-input-14.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-14", "registryDependencies": [ "@coss/input", "@coss/label" ], "type": "registry:block" }, { "categories": [ "input" ], "description": "Input with custom border and background", "files": [ { "path": "registry/default/particles/p-input-15.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-15", "registryDependencies": [ "@coss/input" ], "type": "registry:block" }, { "categories": [ "input", "input group", "spinner", "loading" ], "description": "Input group with end loading spinner", "files": [ { "path": "registry/default/particles/p-input-16.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-16", "registryDependencies": [ "@coss/input-group", "@coss/spinner" ], "type": "registry:block" }, { "categories": [ "input" ], "description": "Read-only input", "files": [ { "path": "registry/default/particles/p-input-17.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-17", "registryDependencies": [ "@coss/input" ], "type": "registry:block" }, { "categories": [ "otp field", "input" ], "description": "Basic OTP field", "files": [ { "path": "registry/default/particles/p-otp-field-1.tsx", "type": "registry:block" } ], "name": "p-otp-field-1", "registryDependencies": [ "@coss/otp-field" ], "type": "registry:block" }, { "categories": [ "otp field", "input" ], "description": "Large OTP field", "files": [ { "path": "registry/default/particles/p-otp-field-2.tsx", "type": "registry:block" } ], "name": "p-otp-field-2", "registryDependencies": [ "@coss/otp-field" ], "type": "registry:block" }, { "categories": [ "otp field", "input" ], "description": "OTP field with separator", "files": [ { "path": "registry/default/particles/p-otp-field-3.tsx", "type": "registry:block" } ], "name": "p-otp-field-3", "registryDependencies": [ "@coss/otp-field" ], "type": "registry:block" }, { "categories": [ "otp field", "input", "field" ], "description": "OTP field with label", "files": [ { "path": "registry/default/particles/p-otp-field-4.tsx", "type": "registry:block" } ], "name": "p-otp-field-4", "registryDependencies": [ "@coss/otp-field", "@coss/field" ], "type": "registry:block" }, { "categories": [ "otp field", "input", "field", "validation" ], "description": "OTP field with custom sanitization", "files": [ { "path": "registry/default/particles/p-otp-field-6.tsx", "type": "registry:block" } ], "name": "p-otp-field-6", "registryDependencies": [ "@coss/otp-field", "@coss/field" ], "type": "registry:block" }, { "categories": [ "otp field", "input", "validation" ], "description": "OTP field with auto validation", "files": [ { "path": "registry/default/particles/p-otp-field-7.tsx", "type": "registry:block" } ], "name": "p-otp-field-7", "registryDependencies": [ "@coss/otp-field", "@coss/field" ], "type": "registry:block" }, { "categories": [ "otp field", "input", "field" ], "description": "Alphanumeric OTP field", "files": [ { "path": "registry/default/particles/p-otp-field-8.tsx", "type": "registry:block" } ], "name": "p-otp-field-8", "registryDependencies": [ "@coss/otp-field", "@coss/field" ], "type": "registry:block" }, { "categories": [ "otp field", "input", "field" ], "description": "OTP field with placeholder hints", "files": [ { "path": "registry/default/particles/p-otp-field-9.tsx", "type": "registry:block" } ], "name": "p-otp-field-9", "registryDependencies": [ "@coss/otp-field", "@coss/field" ], "type": "registry:block" }, { "categories": [ "otp field", "input", "field" ], "description": "Masked OTP field", "files": [ { "path": "registry/default/particles/p-otp-field-10.tsx", "type": "registry:block" } ], "name": "p-otp-field-10", "registryDependencies": [ "@coss/otp-field", "@coss/field" ], "type": "registry:block" }, { "categories": [ "input group" ], "description": "Basic input group", "files": [ { "path": "registry/default/particles/p-input-group-1.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-group-1", "registryDependencies": [ "@coss/input-group" ], "type": "registry:block" }, { "categories": [ "input group" ], "dependencies": [ "lucide-react" ], "description": "Input group with end icon", "files": [ { "path": "registry/default/particles/p-input-group-2.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-group-2", "registryDependencies": [ "@coss/input-group" ], "type": "registry:block" }, { "categories": [ "input group" ], "description": "Input group with start text", "files": [ { "path": "registry/default/particles/p-input-group-3.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-group-3", "registryDependencies": [ "@coss/input-group" ], "type": "registry:block" }, { "categories": [ "input group" ], "description": "Input group with end text", "files": [ { "path": "registry/default/particles/p-input-group-4.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-group-4", "registryDependencies": [ "@coss/input-group" ], "type": "registry:block" }, { "categories": [ "input group" ], "description": "Input group with start and end text", "files": [ { "path": "registry/default/particles/p-input-group-5.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-group-5", "registryDependencies": [ "@coss/input-group" ], "type": "registry:block" }, { "categories": [ "input group", "number field" ], "description": "Input group with number field", "files": [ { "path": "registry/default/particles/p-input-group-6.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-group-6", "registryDependencies": [ "@coss/input-group", "@coss/number-field" ], "type": "registry:block" }, { "categories": [ "input group", "tooltip" ], "dependencies": [ "lucide-react" ], "description": "Input group with end tooltip", "files": [ { "path": "registry/default/particles/p-input-group-7.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-group-7", "registryDependencies": [ "@coss/button", "@coss/input-group", "@coss/popover" ], "type": "registry:block" }, { "categories": [ "button", "input group" ], "dependencies": [ "lucide-react" ], "description": "Input group with icon button", "files": [ { "path": "registry/default/particles/p-input-group-8.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-group-8", "registryDependencies": [ "@coss/button", "@coss/input-group", "@coss/tooltip", "@coss/use-copy-to-clipboard" ], "type": "registry:block" }, { "categories": [ "button", "input group" ], "description": "Input group with button", "files": [ { "path": "registry/default/particles/p-input-group-9.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-group-9", "registryDependencies": [ "@coss/button", "@coss/input-group" ], "type": "registry:block" }, { "categories": [ "badge", "input group" ], "description": "Input group with badge", "files": [ { "path": "registry/default/particles/p-input-group-10.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-group-10", "registryDependencies": [ "@coss/badge", "@coss/input-group" ], "type": "registry:block" }, { "categories": [ "input group", "kbd" ], "description": "Input group with keyboard shortcut", "files": [ { "path": "registry/default/particles/p-input-group-11.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-group-11", "registryDependencies": [ "@coss/input-group", "@coss/kbd" ], "type": "registry:block" }, { "categories": [ "input group", "label" ], "description": "Input group with inner label", "files": [ { "path": "registry/default/particles/p-input-group-12.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-group-12", "registryDependencies": [ "@coss/button", "@coss/input-group", "@coss/label", "@coss/popover" ], "type": "registry:block" }, { "categories": [ "input group" ], "description": "Small input group", "files": [ { "path": "registry/default/particles/p-input-group-13.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-group-13", "registryDependencies": [ "@coss/input-group" ], "type": "registry:block" }, { "categories": [ "input group" ], "description": "Large input group", "files": [ { "path": "registry/default/particles/p-input-group-14.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-group-14", "registryDependencies": [ "@coss/input-group" ], "type": "registry:block" }, { "categories": [ "input group" ], "description": "Disabled input group", "files": [ { "path": "registry/default/particles/p-input-group-15.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-group-15", "registryDependencies": [ "@coss/button", "@coss/input-group" ], "type": "registry:block" }, { "categories": [ "input group", "spinner" ], "description": "Input group with loading spinner", "files": [ { "path": "registry/default/particles/p-input-group-16.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-group-16", "registryDependencies": [ "@coss/input-group", "@coss/spinner" ], "type": "registry:block" }, { "categories": [ "input group", "textarea" ], "description": "Input group with textarea", "files": [ { "path": "registry/default/particles/p-input-group-17.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-80" }, "name": "p-input-group-17", "registryDependencies": [ "@coss/button", "@coss/input-group", "@coss/menu", "@coss/tooltip" ], "type": "registry:block" }, { "categories": [ "badge", "dropdown", "input group", "menu" ], "dependencies": [ "lucide-react" ], "description": "Input group with badge and menu", "files": [ { "path": "registry/default/particles/p-input-group-18.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-group-18", "registryDependencies": [ "@coss/badge", "@coss/button", "@coss/input-group", "@coss/menu" ], "type": "registry:block" }, { "categories": [ "button", "input group", "textarea", "toggle" ], "dependencies": [ "lucide-react" ], "description": "Mini editor built with input group and toggle", "files": [ { "path": "registry/default/particles/p-input-group-19.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-80" }, "name": "p-input-group-19", "registryDependencies": [ "@coss/button", "@coss/input-group", "@coss/toggle" ], "type": "registry:block" }, { "categories": [ "input", "input group", "search" ], "dependencies": [ "lucide-react" ], "description": "Input group with search icon", "files": [ { "path": "registry/default/particles/p-input-group-20.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-group-20", "registryDependencies": [ "@coss/input-group" ], "type": "registry:block" }, { "categories": [ "button", "input", "input group", "tooltip" ], "dependencies": [ "lucide-react" ], "description": "Input group with start tooltip", "files": [ { "path": "registry/default/particles/p-input-group-21.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-group-21", "registryDependencies": [ "@coss/button", "@coss/input-group", "@coss/tooltip" ], "type": "registry:block" }, { "categories": [ "button", "input", "input group" ], "dependencies": [ "lucide-react" ], "description": "Input group with clear button", "files": [ { "path": "registry/default/particles/p-input-group-22.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-group-22", "registryDependencies": [ "@coss/button", "@coss/input-group" ], "type": "registry:block" }, { "categories": [ "button", "input", "input group", "search", "tooltip" ], "dependencies": [ "lucide-react" ], "description": "Search input group with loader and voice button", "files": [ { "path": "registry/default/particles/p-input-group-23.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-group-23", "registryDependencies": [ "@coss/button", "@coss/input-group", "@coss/tooltip" ], "type": "registry:block" }, { "categories": [ "input", "input group" ], "description": "Input group with character counter", "files": [ { "path": "registry/default/particles/p-input-group-24.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-group-24", "registryDependencies": [ "@coss/input-group" ], "type": "registry:block" }, { "categories": [ "field", "input" ], "description": "Input with characters remaining counter", "files": [ { "path": "registry/default/particles/p-input-18.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-18", "registryDependencies": [ "@coss/field", "@coss/input" ], "type": "registry:block" }, { "categories": [ "input" ], "description": "Pill-shaped input", "files": [ { "path": "registry/default/particles/p-input-19.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-19", "registryDependencies": [ "@coss/input" ], "type": "registry:block" }, { "categories": [ "button", "input", "input group", "label" ], "dependencies": [ "lucide-react" ], "description": "Password input with strength indicator", "files": [ { "path": "registry/default/particles/p-input-group-26.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-input-group-26", "registryDependencies": [ "@coss/button", "@coss/input-group", "@coss/label" ], "type": "registry:block" }, { "categories": [ "button", "input group", "select", "textarea", "tooltip" ], "dependencies": [ "lucide-react" ], "description": "Code snippet input with language selector", "files": [ { "path": "registry/default/particles/p-input-group-27.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-80" }, "name": "p-input-group-27", "registryDependencies": [ "@coss/button", "@coss/input-group", "@coss/select", "@coss/tooltip" ], "type": "registry:block" }, { "categories": [ "button", "input group", "textarea", "tooltip" ], "dependencies": [ "lucide-react" ], "description": "Message composer with attachment buttons", "files": [ { "path": "registry/default/particles/p-input-group-28.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-80" }, "name": "p-input-group-28", "registryDependencies": [ "@coss/button", "@coss/input-group", "@coss/tooltip" ], "type": "registry:block" }, { "categories": [ "button", "input group", "textarea", "tooltip" ], "dependencies": [ "lucide-react" ], "description": "Chat input with voice and send buttons", "files": [ { "path": "registry/default/particles/p-input-group-29.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-80" }, "name": "p-input-group-29", "registryDependencies": [ "@coss/button", "@coss/input-group", "@coss/tooltip" ], "type": "registry:block" }, { "categories": [ "meter" ], "description": "Basic meter", "files": [ { "path": "registry/default/particles/p-meter-1.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-meter-1", "registryDependencies": [ "@coss/meter" ], "type": "registry:block" }, { "categories": [ "meter" ], "description": "Simple meter", "files": [ { "path": "registry/default/particles/p-meter-2.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-meter-2", "registryDependencies": [ "@coss/meter" ], "type": "registry:block" }, { "categories": [ "meter" ], "description": "Meter with formatted value", "files": [ { "path": "registry/default/particles/p-meter-3.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-meter-3", "registryDependencies": [ "@coss/meter" ], "type": "registry:block" }, { "categories": [ "meter" ], "description": "Meter with range", "files": [ { "path": "registry/default/particles/p-meter-4.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-meter-4", "registryDependencies": [ "@coss/meter" ], "type": "registry:block" }, { "categories": [ "dropdown", "menu" ], "description": "Basic menu", "files": [ { "path": "registry/default/particles/p-menu-1.tsx", "type": "registry:block" } ], "name": "p-menu-1", "registryDependencies": [ "@coss/button", "@coss/menu" ], "type": "registry:block" }, { "categories": [ "dropdown", "menu" ], "description": "Menu with hover", "files": [ { "path": "registry/default/particles/p-menu-2.tsx", "type": "registry:block" } ], "name": "p-menu-2", "registryDependencies": [ "@coss/button", "@coss/menu" ], "type": "registry:block" }, { "categories": [ "dropdown", "menu" ], "description": "Menu with checkbox", "files": [ { "path": "registry/default/particles/p-menu-3.tsx", "type": "registry:block" } ], "name": "p-menu-3", "registryDependencies": [ "@coss/button", "@coss/menu" ], "type": "registry:block" }, { "categories": [ "dropdown", "menu", "switch" ], "description": "Menu with checkbox items as switches", "files": [ { "path": "registry/default/particles/p-menu-9.tsx", "type": "registry:block" } ], "name": "p-menu-9", "registryDependencies": [ "@coss/button", "@coss/menu" ], "type": "registry:block" }, { "categories": [ "dropdown", "menu" ], "description": "Menu with radio group", "files": [ { "path": "registry/default/particles/p-menu-4.tsx", "type": "registry:block" } ], "name": "p-menu-4", "registryDependencies": [ "@coss/button", "@coss/menu" ], "type": "registry:block" }, { "categories": [ "dropdown", "menu" ], "description": "Menu with link", "files": [ { "path": "registry/default/particles/p-menu-5.tsx", "type": "registry:block" } ], "name": "p-menu-5", "registryDependencies": [ "@coss/button", "@coss/menu" ], "type": "registry:block" }, { "categories": [ "dropdown", "menu" ], "description": "Menu with group labels", "files": [ { "path": "registry/default/particles/p-menu-6.tsx", "type": "registry:block" } ], "name": "p-menu-6", "registryDependencies": [ "@coss/button", "@coss/menu" ], "type": "registry:block" }, { "categories": [ "dropdown", "menu" ], "description": "Nested menu", "files": [ { "path": "registry/default/particles/p-menu-7.tsx", "type": "registry:block" } ], "name": "p-menu-7", "registryDependencies": [ "@coss/button", "@coss/menu" ], "type": "registry:block" }, { "categories": [ "dropdown", "menu" ], "description": "Menu close on click", "files": [ { "path": "registry/default/particles/p-menu-8.tsx", "type": "registry:block" } ], "name": "p-menu-8", "registryDependencies": [ "@coss/button", "@coss/menu" ], "type": "registry:block" }, { "categories": [ "context menu", "menu" ], "description": "Basic context menu", "files": [ { "path": "registry/default/particles/p-context-menu-1.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-sm" }, "name": "p-context-menu-1", "registryDependencies": [ "@coss/context-menu" ], "type": "registry:block" }, { "categories": [ "context menu", "menu" ], "description": "Context menu with link items", "files": [ { "path": "registry/default/particles/p-context-menu-2.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-sm" }, "name": "p-context-menu-2", "registryDependencies": [ "@coss/context-menu" ], "type": "registry:block" }, { "categories": [ "context menu", "menu" ], "description": "Nested context menu", "files": [ { "path": "registry/default/particles/p-context-menu-3.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-sm" }, "name": "p-context-menu-3", "registryDependencies": [ "@coss/context-menu" ], "type": "registry:block" }, { "categories": [ "context menu", "menu" ], "description": "Context menu with checkbox items", "files": [ { "path": "registry/default/particles/p-context-menu-4.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-sm" }, "name": "p-context-menu-4", "registryDependencies": [ "@coss/context-menu" ], "type": "registry:block" }, { "categories": [ "context menu", "menu" ], "description": "Context menu with group labels", "files": [ { "path": "registry/default/particles/p-context-menu-5.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-sm" }, "name": "p-context-menu-5", "registryDependencies": [ "@coss/context-menu" ], "type": "registry:block" }, { "categories": [ "context menu", "menu" ], "dependencies": [ "lucide-react" ], "description": "Context menu with icons", "files": [ { "path": "registry/default/particles/p-context-menu-6.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-sm" }, "name": "p-context-menu-6", "registryDependencies": [ "@coss/context-menu" ], "type": "registry:block" }, { "categories": [ "context menu", "menu" ], "description": "Context menu with radio group", "files": [ { "path": "registry/default/particles/p-context-menu-7.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-sm" }, "name": "p-context-menu-7", "registryDependencies": [ "@coss/context-menu" ], "type": "registry:block" }, { "categories": [ "context menu", "menu", "switch" ], "description": "Context menu with switch checkbox items", "files": [ { "path": "registry/default/particles/p-context-menu-8.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-sm" }, "name": "p-context-menu-8", "registryDependencies": [ "@coss/context-menu" ], "type": "registry:block" }, { "categories": [ "number field", "input" ], "description": "Basic number field", "files": [ { "path": "registry/default/particles/p-number-field-1.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-number-field-1", "registryDependencies": [ "@coss/number-field" ], "type": "registry:block" }, { "categories": [ "number field", "input" ], "description": "Small number field", "files": [ { "path": "registry/default/particles/p-number-field-2.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-number-field-2", "registryDependencies": [ "@coss/number-field" ], "type": "registry:block" }, { "categories": [ "number field", "input" ], "description": "Large number field", "files": [ { "path": "registry/default/particles/p-number-field-3.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-number-field-3", "registryDependencies": [ "@coss/number-field" ], "type": "registry:block" }, { "categories": [ "number field", "input" ], "description": "Disabled number field", "files": [ { "path": "registry/default/particles/p-number-field-4.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-number-field-4", "registryDependencies": [ "@coss/number-field" ], "type": "registry:block" }, { "categories": [ "number field", "input" ], "description": "Number field with label", "files": [ { "path": "registry/default/particles/p-number-field-5.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-number-field-5", "registryDependencies": [ "@coss/label", "@coss/number-field" ], "type": "registry:block" }, { "categories": [ "number field", "input" ], "description": "Number field with scrub", "files": [ { "path": "registry/default/particles/p-number-field-6.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-number-field-6", "registryDependencies": [ "@coss/number-field" ], "type": "registry:block" }, { "categories": [ "number field", "input" ], "description": "Number field with range", "files": [ { "path": "registry/default/particles/p-number-field-7.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-number-field-7", "registryDependencies": [ "@coss/number-field" ], "type": "registry:block" }, { "categories": [ "number field", "input" ], "description": "Number field with formatted value", "files": [ { "path": "registry/default/particles/p-number-field-8.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-number-field-8", "registryDependencies": [ "@coss/number-field" ], "type": "registry:block" }, { "categories": [ "number field", "input" ], "description": "Number field with step", "files": [ { "path": "registry/default/particles/p-number-field-9.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-number-field-9", "registryDependencies": [ "@coss/number-field" ], "type": "registry:block" }, { "categories": [ "number field", "input", "form", "field", "zod" ], "dependencies": [ "zod" ], "description": "Number field in form", "files": [ { "path": "registry/default/particles/p-number-field-10.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-number-field-10", "registryDependencies": [ "@coss/button", "@coss/field", "@coss/form", "@coss/number-field" ], "type": "registry:block" }, { "categories": [ "number field", "input" ], "description": "Pill-shaped number field", "files": [ { "path": "registry/default/particles/p-number-field-11.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-number-field-11", "registryDependencies": [ "@coss/number-field" ], "type": "registry:block" }, { "categories": [ "navigation", "segmented control" ], "description": "Segmented navigation built with links", "files": [ { "path": "registry/default/particles/p-navigation-1.tsx", "type": "registry:block" } ], "name": "p-navigation-1", "registryDependencies": [ "@coss/segmented-control" ], "type": "registry:block" }, { "categories": [ "navigation", "segmented control" ], "description": "Small segmented navigation built with links", "files": [ { "path": "registry/default/particles/p-navigation-2.tsx", "type": "registry:block" } ], "name": "p-navigation-2", "registryDependencies": [ "@coss/segmented-control" ], "type": "registry:block" }, { "categories": [ "navigation", "segmented control" ], "description": "Large segmented navigation built with links", "files": [ { "path": "registry/default/particles/p-navigation-3.tsx", "type": "registry:block" } ], "name": "p-navigation-3", "registryDependencies": [ "@coss/segmented-control" ], "type": "registry:block" }, { "categories": [ "pagination" ], "description": "Pagination example", "files": [ { "path": "registry/default/particles/p-pagination-1.tsx", "type": "registry:block" } ], "name": "p-pagination-1", "registryDependencies": [ "@coss/pagination" ], "type": "registry:block" }, { "categories": [ "pagination" ], "description": "Pagination with previous and next buttons only", "files": [ { "path": "registry/default/particles/p-pagination-2.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full" }, "name": "p-pagination-2", "registryDependencies": [ "@coss/button", "@coss/pagination" ], "type": "registry:block" }, { "categories": [ "pagination", "select" ], "description": "Pagination with select, and previous and next buttons", "files": [ { "path": "registry/default/particles/p-pagination-3.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full" }, "name": "p-pagination-3", "registryDependencies": [ "@coss/button", "@coss/pagination", "@coss/select" ], "type": "registry:block" }, { "categories": [ "button", "field", "form", "popover", "textarea" ], "description": "Popover with a form", "files": [ { "path": "registry/default/particles/p-popover-1.tsx", "type": "registry:block" } ], "name": "p-popover-1", "registryDependencies": [ "@coss/button", "@coss/field", "@coss/form", "@coss/popover", "@coss/textarea" ], "type": "registry:block" }, { "categories": [ "button", "popover" ], "dependencies": [ "lucide-react" ], "description": "Popover with close button", "files": [ { "path": "registry/default/particles/p-popover-2.tsx", "type": "registry:block" } ], "name": "p-popover-2", "registryDependencies": [ "@coss/button", "@coss/popover" ], "type": "registry:block" }, { "categories": [ "avatar", "button", "popover" ], "dependencies": [ "lucide-react" ], "description": "Animated popovers", "files": [ { "path": "registry/default/particles/p-popover-3.tsx", "type": "registry:block" } ], "name": "p-popover-3", "registryDependencies": [ "@coss/avatar", "@coss/button", "@coss/popover" ], "type": "registry:block" }, { "categories": [ "button", "checkbox", "checkbox group", "group", "popover" ], "dependencies": [ "lucide-react" ], "description": "Split button with popover to confirm multiple occurrences", "files": [ { "path": "registry/default/particles/p-popover-4.tsx", "type": "registry:block" } ], "name": "p-popover-4", "registryDependencies": [ "@coss/badge", "@coss/button", "@coss/checkbox", "@coss/checkbox-group", "@coss/group", "@coss/label", "@coss/popover" ], "type": "registry:block" }, { "categories": [ "preview card" ], "dependencies": [ "lucide-react" ], "description": "Preview card with popup", "files": [ { "path": "registry/default/particles/p-preview-card-1.tsx", "type": "registry:block" } ], "name": "p-preview-card-1", "registryDependencies": [ "@coss/button", "@coss/preview-card" ], "type": "registry:block" }, { "categories": [ "progress" ], "description": "Basic progress bar", "files": [ { "path": "registry/default/particles/p-progress-1.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-progress-1", "registryDependencies": [ "@coss/progress" ], "type": "registry:block" }, { "categories": [ "progress" ], "description": "Progress with label and value", "files": [ { "path": "registry/default/particles/p-progress-2.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-progress-2", "registryDependencies": [ "@coss/progress" ], "type": "registry:block" }, { "categories": [ "progress" ], "description": "Progress with formatted value", "files": [ { "path": "registry/default/particles/p-progress-3.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-progress-3", "registryDependencies": [ "@coss/progress" ], "type": "registry:block" }, { "categories": [ "radio group" ], "description": "Basic radio group", "files": [ { "path": "registry/default/particles/p-radio-group-1.tsx", "type": "registry:block" } ], "name": "p-radio-group-1", "registryDependencies": [ "@coss/label", "@coss/radio-group" ], "type": "registry:block" }, { "categories": [ "radio group" ], "description": "Disabled radio group", "files": [ { "path": "registry/default/particles/p-radio-group-2.tsx", "type": "registry:block" } ], "name": "p-radio-group-2", "registryDependencies": [ "@coss/label", "@coss/radio-group" ], "type": "registry:block" }, { "categories": [ "radio group" ], "description": "Radio group with description", "files": [ { "path": "registry/default/particles/p-radio-group-3.tsx", "type": "registry:block" } ], "name": "p-radio-group-3", "registryDependencies": [ "@coss/label", "@coss/radio-group" ], "type": "registry:block" }, { "categories": [ "radio group" ], "description": "Radio group card", "files": [ { "path": "registry/default/particles/p-radio-group-4.tsx", "type": "registry:block" } ], "name": "p-radio-group-4", "registryDependencies": [ "@coss/label", "@coss/radio-group" ], "type": "registry:block" }, { "categories": [ "radio group", "form" ], "description": "Radio group in form", "files": [ { "path": "registry/default/particles/p-radio-group-5.tsx", "type": "registry:block" } ], "name": "p-radio-group-5", "registryDependencies": [ "@coss/button", "@coss/field", "@coss/fieldset", "@coss/form", "@coss/radio-group" ], "type": "registry:block" }, { "categories": [ "radio group", "form" ], "dependencies": [ "lucide-react" ], "description": "Theme selector with image cards", "files": [ { "path": "registry/default/particles/p-radio-group-6.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-[320px]" }, "name": "p-radio-group-6", "registryDependencies": [ "@coss/field", "@coss/fieldset", "@coss/radio-group" ], "type": "registry:block" }, { "categories": [ "radio group", "segmented control" ], "description": "Small segmented control built with a radio group", "files": [ { "path": "registry/default/particles/p-radio-group-7.tsx", "type": "registry:block" } ], "name": "p-radio-group-7", "registryDependencies": [ "@coss/radio-group", "@coss/segmented-control" ], "type": "registry:block" }, { "categories": [ "radio group", "segmented control" ], "description": "Segmented control built with a radio group", "files": [ { "path": "registry/default/particles/p-radio-group-8.tsx", "type": "registry:block" } ], "name": "p-radio-group-8", "registryDependencies": [ "@coss/radio-group", "@coss/segmented-control" ], "type": "registry:block" }, { "categories": [ "radio group", "segmented control" ], "description": "Large segmented control built with a radio group", "files": [ { "path": "registry/default/particles/p-radio-group-9.tsx", "type": "registry:block" } ], "name": "p-radio-group-9", "registryDependencies": [ "@coss/radio-group", "@coss/segmented-control" ], "type": "registry:block" }, { "categories": [ "scroll area" ], "description": "Basic scroll area", "files": [ { "path": "registry/default/particles/p-scroll-area-1.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-scroll-area-1", "registryDependencies": [ "@coss/scroll-area" ], "type": "registry:block" }, { "categories": [ "scroll area" ], "description": "Horizontal scroll area", "files": [ { "path": "registry/default/particles/p-scroll-area-2.tsx", "type": "registry:block" } ], "name": "p-scroll-area-2", "registryDependencies": [ "@coss/scroll-area" ], "type": "registry:block" }, { "categories": [ "scroll area" ], "description": "Scroll area with both directions", "files": [ { "path": "registry/default/particles/p-scroll-area-3.tsx", "type": "registry:block" } ], "name": "p-scroll-area-3", "registryDependencies": [ "@coss/scroll-area" ], "type": "registry:block" }, { "categories": [ "scroll area" ], "description": "Scroll area with fading edges", "files": [ { "path": "registry/default/particles/p-scroll-area-4.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-scroll-area-4", "registryDependencies": [ "@coss/scroll-area" ], "type": "registry:block" }, { "categories": [ "scroll area" ], "description": "Horizontal scroll area with scrollbar gutter", "files": [ { "path": "registry/default/particles/p-scroll-area-5.tsx", "type": "registry:block" } ], "name": "p-scroll-area-5", "registryDependencies": [ "@coss/scroll-area" ], "type": "registry:block" }, { "categories": [ "select" ], "description": "Basic select", "files": [ { "path": "registry/default/particles/p-select-1.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-select-1", "registryDependencies": [ "@coss/select" ], "type": "registry:block" }, { "categories": [ "select" ], "description": "Small select", "files": [ { "path": "registry/default/particles/p-select-2.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-select-2", "registryDependencies": [ "@coss/select" ], "type": "registry:block" }, { "categories": [ "select" ], "description": "Large select", "files": [ { "path": "registry/default/particles/p-select-3.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-select-3", "registryDependencies": [ "@coss/select" ], "type": "registry:block" }, { "categories": [ "select" ], "description": "Disabled select", "files": [ { "path": "registry/default/particles/p-select-4.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-select-4", "registryDependencies": [ "@coss/select" ], "type": "registry:block" }, { "categories": [ "select" ], "description": "Select without item alignment", "files": [ { "path": "registry/default/particles/p-select-5.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-select-5", "registryDependencies": [ "@coss/select" ], "type": "registry:block" }, { "categories": [ "select" ], "description": "Select with groups", "files": [ { "path": "registry/default/particles/p-select-6.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-select-6", "registryDependencies": [ "@coss/select" ], "type": "registry:block" }, { "categories": [ "select" ], "description": "Multiple select", "files": [ { "path": "registry/default/particles/p-select-7.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-select-7", "registryDependencies": [ "@coss/select" ], "type": "registry:block" }, { "categories": [ "select" ], "dependencies": [ "lucide-react" ], "description": "Select with icon", "files": [ { "path": "registry/default/particles/p-select-8.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-select-8", "registryDependencies": [ "@coss/select" ], "type": "registry:block" }, { "categories": [ "select" ], "dependencies": [ "lucide-react" ], "description": "Select options with icon", "files": [ { "path": "registry/default/particles/p-select-9.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-select-9", "registryDependencies": [ "@coss/select" ], "type": "registry:block" }, { "categories": [ "select" ], "description": "Select with object values", "files": [ { "path": "registry/default/particles/p-select-10.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-select-10", "registryDependencies": [ "@coss/select" ], "type": "registry:block" }, { "categories": [ "select", "disabled" ], "description": "Select with disabled items", "files": [ { "path": "registry/default/particles/p-select-12.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-select-12", "registryDependencies": [ "@coss/select" ], "type": "registry:block" }, { "categories": [ "select", "time", "timezone" ], "description": "Timezone select", "files": [ { "path": "registry/default/particles/p-select-13.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-select-13", "registryDependencies": [ "@coss/select" ], "type": "registry:block" }, { "categories": [ "select" ], "description": "Status select with colored dot", "files": [ { "path": "registry/default/particles/p-select-14.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-select-14", "registryDependencies": [ "@coss/select" ], "type": "registry:block" }, { "categories": [ "select" ], "description": "Pill-shaped select trigger", "files": [ { "path": "registry/default/particles/p-select-15.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-select-15", "registryDependencies": [ "@coss/select" ], "type": "registry:block" }, { "categories": [ "select" ], "description": "Select with left text label", "files": [ { "path": "registry/default/particles/p-select-16.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-select-16", "registryDependencies": [ "@coss/select" ], "type": "registry:block" }, { "categories": [ "select" ], "description": "Select with country flags", "files": [ { "path": "registry/default/particles/p-select-17.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-select-17", "registryDependencies": [ "@coss/select" ], "type": "registry:block" }, { "categories": [ "select" ], "description": "Select with description in options only", "files": [ { "path": "registry/default/particles/p-select-18.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-select-18", "registryDependencies": [ "@coss/select" ], "type": "registry:block" }, { "categories": [ "select", "avatar" ], "description": "Select with avatars", "files": [ { "path": "registry/default/particles/p-select-19.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-select-19", "registryDependencies": [ "@coss/avatar", "@coss/select" ], "type": "registry:block" }, { "categories": [ "select", "avatar" ], "description": "Rich select with avatars and usernames", "files": [ { "path": "registry/default/particles/p-select-20.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-select-20", "registryDependencies": [ "@coss/avatar", "@coss/select" ], "type": "registry:block" }, { "categories": [ "select" ], "description": "Auto width select", "files": [ { "path": "registry/default/particles/p-select-21.tsx", "type": "registry:block" } ], "name": "p-select-21", "registryDependencies": [ "@coss/select" ], "type": "registry:block" }, { "categories": [ "select" ], "description": "Select with custom border and background", "files": [ { "path": "registry/default/particles/p-select-22.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-select-22", "registryDependencies": [ "@coss/select" ], "type": "registry:block" }, { "categories": [ "select" ], "description": "Select with label", "files": [ { "path": "registry/default/particles/p-select-23.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-select-23", "registryDependencies": [ "@coss/select" ], "type": "registry:block" }, { "categories": [ "select" ], "description": "Select in form", "files": [ { "path": "registry/default/particles/p-select-11.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-select-11", "registryDependencies": [ "@coss/button", "@coss/field", "@coss/form", "@coss/select" ], "type": "registry:block" }, { "categories": [ "separator" ], "description": "Separator with horizontal and vertical orientations", "files": [ { "path": "registry/default/particles/p-separator-1.tsx", "type": "registry:block" } ], "name": "p-separator-1", "registryDependencies": [ "@coss/separator" ], "type": "registry:block" }, { "categories": [ "sheet" ], "description": "Basic sheet", "files": [ { "path": "registry/default/particles/p-sheet-1.tsx", "type": "registry:block" } ], "name": "p-sheet-1", "registryDependencies": [ "@coss/button", "@coss/field", "@coss/form", "@coss/input", "@coss/sheet" ], "type": "registry:block" }, { "categories": [ "sheet" ], "description": "Sheet inset", "files": [ { "path": "registry/default/particles/p-sheet-2.tsx", "type": "registry:block" } ], "name": "p-sheet-2", "registryDependencies": [ "@coss/button", "@coss/field", "@coss/form", "@coss/input", "@coss/sheet" ], "type": "registry:block" }, { "categories": [ "sheet" ], "description": "Sheet position", "files": [ { "path": "registry/default/particles/p-sheet-3.tsx", "type": "registry:block" } ], "name": "p-sheet-3", "registryDependencies": [ "@coss/button", "@coss/sheet" ], "type": "registry:block" }, { "categories": [ "skeleton" ], "description": "Basic skeleton", "files": [ { "path": "registry/default/particles/p-skeleton-1.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:flex **:data-[slot=preview]:justify-center" }, "name": "p-skeleton-1", "registryDependencies": [ "@coss/avatar", "@coss/button", "@coss/skeleton" ], "type": "registry:block" }, { "categories": [ "skeleton" ], "description": "Skeleton only", "files": [ { "path": "registry/default/particles/p-skeleton-2.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:flex **:data-[slot=preview]:justify-center" }, "name": "p-skeleton-2", "registryDependencies": [ "@coss/skeleton" ], "type": "registry:block" }, { "categories": [ "slider" ], "description": "Basic slider", "files": [ { "path": "registry/default/particles/p-slider-1.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-slider-1", "registryDependencies": [ "@coss/slider" ], "type": "registry:block" }, { "categories": [ "slider" ], "description": "Slider with label and value", "files": [ { "path": "registry/default/particles/p-slider-2.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-slider-2", "registryDependencies": [ "@coss/field", "@coss/slider" ], "type": "registry:block" }, { "categories": [ "slider", "disabled" ], "description": "Disabled slider", "files": [ { "path": "registry/default/particles/p-slider-3.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-slider-3", "registryDependencies": [ "@coss/slider" ], "type": "registry:block" }, { "categories": [ "slider" ], "description": "Slider with reference labels", "files": [ { "path": "registry/default/particles/p-slider-4.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-slider-4", "registryDependencies": [ "@coss/slider" ], "type": "registry:block" }, { "categories": [ "slider" ], "description": "Slider with ticks", "files": [ { "path": "registry/default/particles/p-slider-5.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-slider-5", "registryDependencies": [ "@coss/slider" ], "type": "registry:block" }, { "categories": [ "slider" ], "description": "Slider with labels above", "files": [ { "path": "registry/default/particles/p-slider-6.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-slider-6", "registryDependencies": [ "@coss/slider" ], "type": "registry:block" }, { "categories": [ "slider" ], "description": "Range slider", "files": [ { "path": "registry/default/particles/p-slider-7.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-slider-7", "registryDependencies": [ "@coss/slider" ], "type": "registry:block" }, { "categories": [ "slider" ], "description": "Slider with 3 thumbs", "files": [ { "path": "registry/default/particles/p-slider-8.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-slider-8", "registryDependencies": [ "@coss/slider" ], "type": "registry:block" }, { "categories": [ "slider" ], "description": "Range slider with collision behavior none", "files": [ { "path": "registry/default/particles/p-slider-9.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-slider-9", "registryDependencies": [ "@coss/slider" ], "type": "registry:block" }, { "categories": [ "slider" ], "description": "Range slider with collision behavior swap", "files": [ { "path": "registry/default/particles/p-slider-10.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-slider-10", "registryDependencies": [ "@coss/slider" ], "type": "registry:block" }, { "categories": [ "slider" ], "dependencies": [ "lucide-react" ], "description": "Slider with icons", "files": [ { "path": "registry/default/particles/p-slider-11.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-slider-11", "registryDependencies": [ "@coss/field", "@coss/slider" ], "type": "registry:block" }, { "categories": [ "slider", "number field" ], "description": "Slider with input", "files": [ { "path": "registry/default/particles/p-slider-12.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-slider-12", "registryDependencies": [ "@coss/number-field", "@coss/slider" ], "type": "registry:block" }, { "categories": [ "slider", "number field" ], "description": "Range slider with inputs", "files": [ { "path": "registry/default/particles/p-slider-13.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-slider-13", "registryDependencies": [ "@coss/number-field", "@coss/slider" ], "type": "registry:block" }, { "categories": [ "slider", "button" ], "dependencies": [ "lucide-react" ], "description": "Slider with increment and decrement buttons", "files": [ { "path": "registry/default/particles/p-slider-14.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-slider-14", "registryDependencies": [ "@coss/button", "@coss/field", "@coss/slider" ], "type": "registry:block" }, { "categories": [ "slider" ], "description": "Price range slider", "files": [ { "path": "registry/default/particles/p-slider-15.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-slider-15", "registryDependencies": [ "@coss/fieldset", "@coss/slider" ], "type": "registry:block" }, { "categories": [ "slider" ], "description": "Emoji rating slider", "files": [ { "path": "registry/default/particles/p-slider-16.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-slider-16", "registryDependencies": [ "@coss/field", "@coss/slider" ], "type": "registry:block" }, { "categories": [ "slider" ], "description": "Vertical slider", "files": [ { "path": "registry/default/particles/p-slider-17.tsx", "type": "registry:block" } ], "name": "p-slider-17", "registryDependencies": [ "@coss/slider" ], "type": "registry:block" }, { "categories": [ "slider" ], "description": "Vertical range slider", "files": [ { "path": "registry/default/particles/p-slider-18.tsx", "type": "registry:block" } ], "name": "p-slider-18", "registryDependencies": [ "@coss/slider" ], "type": "registry:block" }, { "categories": [ "slider", "number field" ], "description": "Vertical slider with input", "files": [ { "path": "registry/default/particles/p-slider-19.tsx", "type": "registry:block" } ], "name": "p-slider-19", "registryDependencies": [ "@coss/number-field", "@coss/slider" ], "type": "registry:block" }, { "categories": [ "slider" ], "description": "Equalizer with vertical sliders", "files": [ { "path": "registry/default/particles/p-slider-20.tsx", "type": "registry:block" } ], "name": "p-slider-20", "registryDependencies": [ "@coss/slider" ], "type": "registry:block" }, { "categories": [ "slider", "number field", "button" ], "dependencies": [ "lucide-react" ], "description": "Object position sliders with reset", "files": [ { "path": "registry/default/particles/p-slider-21.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-slider-21", "registryDependencies": [ "@coss/button", "@coss/fieldset", "@coss/label", "@coss/number-field", "@coss/slider" ], "type": "registry:block" }, { "categories": [ "slider", "number field", "input group", "button", "filter" ], "description": "Price slider with histogram", "files": [ { "path": "registry/default/particles/p-slider-22.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-slider-22", "registryDependencies": [ "@coss/button", "@coss/input-group", "@coss/number-field", "@coss/slider" ], "type": "registry:block" }, { "categories": [ "slider", "form" ], "description": "Slider in form", "files": [ { "path": "registry/default/particles/p-slider-23.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-slider-23", "registryDependencies": [ "@coss/button", "@coss/field", "@coss/fieldset", "@coss/form", "@coss/slider" ], "type": "registry:block" }, { "categories": [ "spinner" ], "description": "Basic spinner", "files": [ { "path": "registry/default/particles/p-spinner-1.tsx", "type": "registry:block" } ], "name": "p-spinner-1", "registryDependencies": [ "@coss/spinner" ], "type": "registry:block" }, { "categories": [ "switch" ], "description": "Basic switch", "files": [ { "path": "registry/default/particles/p-switch-1.tsx", "type": "registry:block" } ], "name": "p-switch-1", "registryDependencies": [ "@coss/label", "@coss/switch" ], "type": "registry:block" }, { "categories": [ "switch" ], "description": "Disabled switch", "files": [ { "path": "registry/default/particles/p-switch-2.tsx", "type": "registry:block" } ], "name": "p-switch-2", "registryDependencies": [ "@coss/label", "@coss/switch" ], "type": "registry:block" }, { "categories": [ "switch" ], "description": "Switch with description", "files": [ { "path": "registry/default/particles/p-switch-3.tsx", "type": "registry:block" } ], "name": "p-switch-3", "registryDependencies": [ "@coss/label", "@coss/switch" ], "type": "registry:block" }, { "categories": [ "switch" ], "description": "Switch card", "files": [ { "path": "registry/default/particles/p-switch-4.tsx", "type": "registry:block" } ], "name": "p-switch-4", "registryDependencies": [ "@coss/label", "@coss/switch" ], "type": "registry:block" }, { "categories": [ "switch" ], "description": "Switch in form", "files": [ { "path": "registry/default/particles/p-switch-5.tsx", "type": "registry:block" } ], "name": "p-switch-5", "registryDependencies": [ "@coss/button", "@coss/field", "@coss/form", "@coss/switch" ], "type": "registry:block" }, { "categories": [ "switch" ], "description": "Custom size switch", "files": [ { "path": "registry/default/particles/p-switch-6.tsx", "type": "registry:block" } ], "name": "p-switch-6", "registryDependencies": [ "@coss/switch" ], "type": "registry:block" }, { "categories": [ "switch", "combobox", "popover", "time" ], "dependencies": [ "lucide-react" ], "description": "Weekly availability editor with time range combobox pickers", "files": [ { "path": "registry/default/particles/p-switch-7.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full sm:**:data-[slot=preview]:max-w-4xl", "colSpan": 2 }, "name": "p-switch-7", "registryDependencies": [ "@coss/button", "@coss/checkbox", "@coss/checkbox-group", "@coss/combobox", "@coss/label", "@coss/popover", "@coss/select", "@coss/switch", "@coss/tooltip" ], "type": "registry:block" }, { "categories": [ "switch", "combobox", "group", "popover", "time" ], "dependencies": [ "lucide-react" ], "description": "Weekly availability editor with grouped time range controls", "files": [ { "path": "registry/default/particles/p-switch-8.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full sm:**:data-[slot=preview]:max-w-4xl", "colSpan": 2 }, "name": "p-switch-8", "registryDependencies": [ "@coss/button", "@coss/checkbox", "@coss/checkbox-group", "@coss/combobox", "@coss/group", "@coss/label", "@coss/popover", "@coss/switch", "@coss/tooltip" ], "type": "registry:block" }, { "categories": [ "switch", "combobox", "group", "popover", "time" ], "dependencies": [ "lucide-react" ], "description": "Weekly availability editor with From/To labeled time groups", "files": [ { "path": "registry/default/particles/p-switch-9.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full sm:**:data-[slot=preview]:max-w-4xl", "colSpan": 2 }, "name": "p-switch-9", "registryDependencies": [ "@coss/button", "@coss/checkbox", "@coss/checkbox-group", "@coss/combobox", "@coss/group", "@coss/label", "@coss/popover", "@coss/switch", "@coss/tooltip" ], "type": "registry:block" }, { "categories": [ "table" ], "description": "Basic table", "files": [ { "path": "registry/default/particles/p-table-1.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full sm:**:data-[slot=preview]:max-w-4xl", "colSpan": 2 }, "name": "p-table-1", "registryDependencies": [ "@coss/badge", "@coss/table" ], "type": "registry:block" }, { "categories": [ "frame", "table" ], "description": "Frame with card-style table", "files": [ { "path": "registry/default/particles/p-table-2.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full sm:**:data-[slot=preview]:max-w-4xl", "colSpan": 2 }, "name": "p-table-2", "registryDependencies": [ "@coss/badge", "@coss/frame", "@coss/table" ], "type": "registry:block" }, { "categories": [ "checkbox", "table", "tanstack" ], "dependencies": [ "@tanstack/react-table" ], "description": "Table with TanStack Table and checkboxes", "files": [ { "path": "registry/default/particles/p-table-3.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full sm:**:data-[slot=preview]:max-w-4xl", "colSpan": 2 }, "name": "p-table-3", "registryDependencies": [ "@coss/badge", "@coss/checkbox", "@coss/frame", "@coss/table" ], "type": "registry:block" }, { "categories": [ "checkbox", "pagination", "select", "table", "tanstack" ], "dependencies": [ "@tanstack/react-table", "lucide-react" ], "description": "Table with TanStack Table, sorting, and pagination", "files": [ { "path": "registry/default/particles/p-table-4.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full sm:**:data-[slot=preview]:max-w-4xl", "colSpan": 2 }, "name": "p-table-4", "registryDependencies": [ "@coss/badge", "@coss/button", "@coss/checkbox", "@coss/frame", "@coss/pagination", "@coss/select", "@coss/table" ], "type": "registry:block" }, { "categories": [ "table" ], "description": "Card-style table variant", "files": [ { "path": "registry/default/particles/p-table-5.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full sm:**:data-[slot=preview]:max-w-4xl", "colSpan": 2 }, "name": "p-table-5", "registryDependencies": [ "@coss/badge", "@coss/table" ], "type": "registry:block" }, { "categories": [ "card", "table" ], "description": "CardFrame with card-style table", "files": [ { "path": "registry/default/particles/p-table-7.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full sm:**:data-[slot=preview]:max-w-4xl", "colSpan": 2 }, "name": "p-table-7", "registryDependencies": [ "@coss/badge", "@coss/card", "@coss/table" ], "type": "registry:block" }, { "categories": [ "card", "checkbox", "table", "tanstack" ], "dependencies": [ "@tanstack/react-table" ], "description": "CardFrame with TanStack Table and checkboxes", "files": [ { "path": "registry/default/particles/p-table-6.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full sm:**:data-[slot=preview]:max-w-4xl", "colSpan": 2 }, "name": "p-table-6", "registryDependencies": [ "@coss/badge", "@coss/card", "@coss/checkbox", "@coss/table" ], "type": "registry:block" }, { "categories": [ "card", "checkbox", "pagination", "select", "table", "tanstack" ], "dependencies": [ "@tanstack/react-table", "lucide-react" ], "description": "CardFrame with TanStack Table, sorting, and pagination", "files": [ { "path": "registry/default/particles/p-table-8.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full sm:**:data-[slot=preview]:max-w-4xl", "colSpan": 2 }, "name": "p-table-8", "registryDependencies": [ "@coss/badge", "@coss/button", "@coss/card", "@coss/checkbox", "@coss/pagination", "@coss/select", "@coss/table" ], "type": "registry:block" }, { "categories": [ "tabs" ], "description": "Segmented control built with tabs", "files": [ { "path": "registry/default/particles/p-tabs-1.tsx", "type": "registry:block" } ], "name": "p-tabs-1", "registryDependencies": [ "@coss/tabs" ], "type": "registry:block" }, { "categories": [ "tabs" ], "description": "Tabs with underline", "files": [ { "path": "registry/default/particles/p-tabs-2.tsx", "type": "registry:block" } ], "name": "p-tabs-2", "registryDependencies": [ "@coss/tabs" ], "type": "registry:block" }, { "categories": [ "tabs" ], "description": "Vertical tabs", "files": [ { "path": "registry/default/particles/p-tabs-3.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full sm:**:data-[slot=preview]:max-w-80" }, "name": "p-tabs-3", "registryDependencies": [ "@coss/tabs" ], "type": "registry:block" }, { "categories": [ "tabs" ], "description": "Vertical tabs with underline", "files": [ { "path": "registry/default/particles/p-tabs-4.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full sm:**:data-[slot=preview]:max-w-80" }, "name": "p-tabs-4", "registryDependencies": [ "@coss/tabs" ], "type": "registry:block" }, { "categories": [ "tabs" ], "description": "Tabs with full rounded triggers", "files": [ { "path": "registry/default/particles/p-tabs-5.tsx", "type": "registry:block" } ], "name": "p-tabs-5", "registryDependencies": [ "@coss/tabs" ], "type": "registry:block" }, { "categories": [ "tabs" ], "dependencies": [ "lucide-react" ], "description": "Tabs with icon before name", "files": [ { "path": "registry/default/particles/p-tabs-6.tsx", "type": "registry:block" } ], "name": "p-tabs-6", "registryDependencies": [ "@coss/tabs" ], "type": "registry:block" }, { "categories": [ "tabs" ], "dependencies": [ "lucide-react" ], "description": "Tabs with icon before name and underline", "files": [ { "path": "registry/default/particles/p-tabs-7.tsx", "type": "registry:block" } ], "name": "p-tabs-7", "registryDependencies": [ "@coss/tabs" ], "type": "registry:block" }, { "categories": [ "tabs" ], "dependencies": [ "lucide-react" ], "description": "Tabs with icon only", "files": [ { "path": "registry/default/particles/p-tabs-8.tsx", "type": "registry:block" } ], "name": "p-tabs-8", "registryDependencies": [ "@coss/tabs" ], "type": "registry:block" }, { "categories": [ "tabs" ], "dependencies": [ "lucide-react" ], "description": "Tabs with underline and icon on top", "files": [ { "path": "registry/default/particles/p-tabs-9.tsx", "type": "registry:block" } ], "name": "p-tabs-9", "registryDependencies": [ "@coss/tabs" ], "type": "registry:block" }, { "categories": [ "tabs", "badge" ], "description": "Tabs with count badge", "files": [ { "path": "registry/default/particles/p-tabs-10.tsx", "type": "registry:block" } ], "name": "p-tabs-10", "registryDependencies": [ "@coss/badge", "@coss/tabs" ], "type": "registry:block" }, { "categories": [ "tabs" ], "dependencies": [ "lucide-react" ], "description": "Vertical tabs with underline and icon before name", "files": [ { "path": "registry/default/particles/p-tabs-11.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full sm:**:data-[slot=preview]:max-w-80" }, "name": "p-tabs-11", "registryDependencies": [ "@coss/tabs" ], "type": "registry:block" }, { "categories": [ "tabs", "badge" ], "dependencies": [ "lucide-react" ], "description": "Tabs with icon only and count badge", "files": [ { "path": "registry/default/particles/p-tabs-12.tsx", "type": "registry:block" } ], "name": "p-tabs-12", "registryDependencies": [ "@coss/badge", "@coss/tabs" ], "type": "registry:block" }, { "categories": [ "tabs", "tooltip" ], "dependencies": [ "lucide-react" ], "description": "Tabs with icon only and grouped tooltips", "files": [ { "path": "registry/default/particles/p-tabs-13.tsx", "type": "registry:block" } ], "name": "p-tabs-13", "registryDependencies": [ "@coss/tabs", "@coss/tooltip" ], "type": "registry:block" }, { "categories": [ "tabs" ], "description": "Small segmented control built with tabs", "files": [ { "path": "registry/default/particles/p-tabs-14.tsx", "type": "registry:block" } ], "name": "p-tabs-14", "registryDependencies": [ "@coss/tabs" ], "type": "registry:block" }, { "categories": [ "tabs" ], "description": "Large segmented control built with tabs", "files": [ { "path": "registry/default/particles/p-tabs-15.tsx", "type": "registry:block" } ], "name": "p-tabs-15", "registryDependencies": [ "@coss/tabs" ], "type": "registry:block" }, { "categories": [ "textarea" ], "description": "Basic textarea", "files": [ { "path": "registry/default/particles/p-textarea-1.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-textarea-1", "registryDependencies": [ "@coss/textarea" ], "type": "registry:block" }, { "categories": [ "textarea" ], "description": "Small textarea", "files": [ { "path": "registry/default/particles/p-textarea-2.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-textarea-2", "registryDependencies": [ "@coss/textarea" ], "type": "registry:block" }, { "categories": [ "textarea" ], "description": "Large textarea", "files": [ { "path": "registry/default/particles/p-textarea-3.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-textarea-3", "registryDependencies": [ "@coss/textarea" ], "type": "registry:block" }, { "categories": [ "textarea" ], "description": "Disabled textarea", "files": [ { "path": "registry/default/particles/p-textarea-4.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-textarea-4", "registryDependencies": [ "@coss/textarea" ], "type": "registry:block" }, { "categories": [ "textarea" ], "description": "Textarea with label", "files": [ { "path": "registry/default/particles/p-textarea-5.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-textarea-5", "registryDependencies": [ "@coss/label", "@coss/textarea" ], "type": "registry:block" }, { "categories": [ "textarea" ], "description": "Textarea in form", "files": [ { "path": "registry/default/particles/p-textarea-6.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-textarea-6", "registryDependencies": [ "@coss/button", "@coss/field", "@coss/form", "@coss/textarea" ], "type": "registry:block" }, { "categories": [ "label", "textarea" ], "description": "Textarea with label and required indicator", "files": [ { "path": "registry/default/particles/p-textarea-7.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-textarea-7", "registryDependencies": [ "@coss/label", "@coss/textarea" ], "type": "registry:block" }, { "categories": [ "label", "textarea" ], "description": "Textarea with optional label", "files": [ { "path": "registry/default/particles/p-textarea-8.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-textarea-8", "registryDependencies": [ "@coss/label", "@coss/textarea" ], "type": "registry:block" }, { "categories": [ "textarea" ], "description": "Textarea with custom border and background", "files": [ { "path": "registry/default/particles/p-textarea-9.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-textarea-9", "registryDependencies": [ "@coss/textarea" ], "type": "registry:block" }, { "categories": [ "textarea" ], "description": "Read-only textarea", "files": [ { "path": "registry/default/particles/p-textarea-10.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-textarea-10", "registryDependencies": [ "@coss/textarea" ], "type": "registry:block" }, { "categories": [ "field", "textarea" ], "description": "Textarea with characters remaining counter", "files": [ { "path": "registry/default/particles/p-textarea-11.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-textarea-11", "registryDependencies": [ "@coss/field", "@coss/textarea" ], "type": "registry:block" }, { "categories": [ "field", "label", "textarea" ], "description": "Textarea field with required indicator", "files": [ { "path": "registry/default/particles/p-textarea-12.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-textarea-12", "registryDependencies": [ "@coss/field", "@coss/textarea" ], "type": "registry:block" }, { "categories": [ "textarea" ], "description": "Shorter textarea with fixed height", "files": [ { "path": "registry/default/particles/p-textarea-13.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-textarea-13", "registryDependencies": [ "@coss/textarea" ], "type": "registry:block" }, { "categories": [ "button", "textarea" ], "description": "Textarea with button aligned right", "files": [ { "path": "registry/default/particles/p-textarea-14.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-textarea-14", "registryDependencies": [ "@coss/button", "@coss/textarea" ], "type": "registry:block" }, { "categories": [ "button", "textarea" ], "description": "Textarea with button aligned left", "files": [ { "path": "registry/default/particles/p-textarea-15.tsx", "type": "registry:block" } ], "meta": { "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64" }, "name": "p-textarea-15", "registryDependencies": [ "@coss/button", "@coss/textarea" ], "type": "registry:block" }, { "categories": [ "toast" ], "description": "Default stacked toast with title and description", "files": [ { "path": "registry/default/particles/p-toast-1.tsx", "type": "registry:block" } ], "name": "p-toast-1", "registryDependencies": [ "@coss/button", "@coss/toast" ], "type": "registry:block" }, { "categories": [ "toast" ], "description": "Stacked toasts by semantic type (success, error, info, warning)", "files": [ { "path": "registry/default/particles/p-toast-2.tsx", "type": "registry:block" } ], "name": "p-toast-2", "registryDependencies": [ "@coss/button", "@coss/toast" ], "type": "registry:block" }, { "categories": [ "toast" ], "description": "Loading-state stacked toast", "files": [ { "path": "registry/default/particles/p-toast-3.tsx", "type": "registry:block" } ], "name": "p-toast-3", "registryDependencies": [ "@coss/button", "@coss/toast" ], "type": "registry:block" }, { "categories": [ "toast" ], "description": "Stacked toast with primary action (undo)", "files": [ { "path": "registry/default/particles/p-toast-4.tsx", "type": "registry:block" } ], "name": "p-toast-4", "registryDependencies": [ "@coss/button", "@coss/toast" ], "type": "registry:block" }, { "categories": [ "toast" ], "description": "Promise-based stacked toast", "files": [ { "path": "registry/default/particles/p-toast-5.tsx", "type": "registry:block" } ], "name": "p-toast-5", "registryDependencies": [ "@coss/button", "@coss/toast" ], "type": "registry:block" }, { "categories": [ "toast" ], "description": "Stacked toasts with varying content height", "files": [ { "path": "registry/default/particles/p-toast-6.tsx", "type": "registry:block" } ], "name": "p-toast-6", "registryDependencies": [ "@coss/button", "@coss/toast" ], "type": "registry:block" }, { "categories": [ "toast" ], "description": "Anchored tooltip-style toast after copy", "files": [ { "path": "registry/default/particles/p-toast-7.tsx", "type": "registry:block" } ], "name": "p-toast-7", "registryDependencies": [ "@coss/button", "@coss/toast", "@coss/tooltip", "@coss/use-copy-to-clipboard" ], "type": "registry:block" }, { "categories": [ "toast" ], "description": "Anchored error toast after async failure", "files": [ { "path": "registry/default/particles/p-toast-8.tsx", "type": "registry:block" } ], "name": "p-toast-8", "registryDependencies": [ "@coss/button", "@coss/spinner", "@coss/toast" ], "type": "registry:block" }, { "categories": [ "toast", "button" ], "dependencies": [ "lucide-react" ], "description": "Long-running promise toast with cancel", "files": [ { "path": "registry/default/particles/p-toast-9.tsx", "type": "registry:block" } ], "name": "p-toast-9", "registryDependencies": [ "@coss/button", "@coss/toast" ], "type": "registry:block" }, { "categories": [ "toast", "button" ], "description": "Deduplicated success toast", "files": [ { "path": "registry/default/particles/p-toast-10.tsx", "type": "registry:block" } ], "name": "p-toast-10", "registryDependencies": [ "@coss/button", "@coss/toast" ], "type": "registry:block" }, { "categories": [ "toast", "button", "error" ], "description": "Deduplicated error toast", "files": [ { "path": "registry/default/particles/p-toast-11.tsx", "type": "registry:block" } ], "name": "p-toast-11", "registryDependencies": [ "@coss/button", "@coss/toast" ], "type": "registry:block" }, { "categories": [ "toast", "button" ], "dependencies": [ "lucide-react" ], "description": "Anchored deduplicated success toast", "files": [ { "path": "registry/default/particles/p-toast-12.tsx", "type": "registry:block" } ], "name": "p-toast-12", "registryDependencies": [ "@coss/button", "@coss/toast", "@coss/tooltip" ], "type": "registry:block" }, { "categories": [ "toast", "button", "error" ], "dependencies": [ "lucide-react" ], "description": "Anchored deduplicated error toast", "files": [ { "path": "registry/default/particles/p-toast-13.tsx", "type": "registry:block" } ], "name": "p-toast-13", "registryDependencies": [ "@coss/button", "@coss/toast", "@coss/tooltip" ], "type": "registry:block" }, { "categories": [ "toggle", "toggle group" ], "description": "Basic toggle group", "files": [ { "path": "registry/default/particles/p-toggle-group-1.tsx", "type": "registry:block" } ], "name": "p-toggle-group-1", "registryDependencies": [ "@coss/toggle-group" ], "type": "registry:block" }, { "categories": [ "toggle", "toggle group" ], "description": "Small toggle group", "files": [ { "path": "registry/default/particles/p-toggle-group-2.tsx", "type": "registry:block" } ], "name": "p-toggle-group-2", "registryDependencies": [ "@coss/toggle-group" ], "type": "registry:block" }, { "categories": [ "toggle", "toggle group" ], "description": "Large toggle group", "files": [ { "path": "registry/default/particles/p-toggle-group-3.tsx", "type": "registry:block" } ], "name": "p-toggle-group-3", "registryDependencies": [ "@coss/toggle-group" ], "type": "registry:block" }, { "categories": [ "toggle", "toggle group" ], "description": "Toggle group with outline", "files": [ { "path": "registry/default/particles/p-toggle-group-4.tsx", "type": "registry:block" } ], "name": "p-toggle-group-4", "registryDependencies": [ "@coss/toggle-group" ], "type": "registry:block" }, { "categories": [ "toggle", "toggle group" ], "description": "Vertical toggle group with outline", "files": [ { "path": "registry/default/particles/p-toggle-group-5.tsx", "type": "registry:block" } ], "name": "p-toggle-group-5", "registryDependencies": [ "@coss/toggle-group" ], "type": "registry:block" }, { "categories": [ "toggle", "toggle group" ], "description": "Disabled toggle group", "files": [ { "path": "registry/default/particles/p-toggle-group-6.tsx", "type": "registry:block" } ], "name": "p-toggle-group-6", "registryDependencies": [ "@coss/toggle-group" ], "type": "registry:block" }, { "categories": [ "toggle", "toggle group" ], "description": "Toggle group with disabled item", "files": [ { "path": "registry/default/particles/p-toggle-group-7.tsx", "type": "registry:block" } ], "name": "p-toggle-group-7", "registryDependencies": [ "@coss/toggle-group" ], "type": "registry:block" }, { "categories": [ "toggle", "toggle group" ], "description": "Multiple selection toggle group", "files": [ { "path": "registry/default/particles/p-toggle-group-8.tsx", "type": "registry:block" } ], "name": "p-toggle-group-8", "registryDependencies": [ "@coss/toggle-group" ], "type": "registry:block" }, { "categories": [ "toggle", "toggle group" ], "description": "Toggle group with tooltips", "files": [ { "path": "registry/default/particles/p-toggle-group-9.tsx", "type": "registry:block" } ], "name": "p-toggle-group-9", "registryDependencies": [ "@coss/toggle-group", "@coss/tooltip" ], "type": "registry:block" }, { "categories": [ "toggle" ], "description": "Basic toggle", "files": [ { "path": "registry/default/particles/p-toggle-1.tsx", "type": "registry:block" } ], "name": "p-toggle-1", "registryDependencies": [ "@coss/toggle" ], "type": "registry:block" }, { "categories": [ "toggle" ], "description": "Toggle with outline", "files": [ { "path": "registry/default/particles/p-toggle-2.tsx", "type": "registry:block" } ], "name": "p-toggle-2", "registryDependencies": [ "@coss/toggle" ], "type": "registry:block" }, { "categories": [ "toggle" ], "dependencies": [ "lucide-react" ], "description": "Toggle with icon", "files": [ { "path": "registry/default/particles/p-toggle-3.tsx", "type": "registry:block" } ], "name": "p-toggle-3", "registryDependencies": [ "@coss/toggle" ], "type": "registry:block" }, { "categories": [ "toggle" ], "description": "Small toggle", "files": [ { "path": "registry/default/particles/p-toggle-4.tsx", "type": "registry:block" } ], "name": "p-toggle-4", "registryDependencies": [ "@coss/toggle" ], "type": "registry:block" }, { "categories": [ "toggle" ], "description": "Large toggle", "files": [ { "path": "registry/default/particles/p-toggle-5.tsx", "type": "registry:block" } ], "name": "p-toggle-5", "registryDependencies": [ "@coss/toggle" ], "type": "registry:block" }, { "categories": [ "toggle" ], "description": "Disabled toggle", "files": [ { "path": "registry/default/particles/p-toggle-6.tsx", "type": "registry:block" } ], "name": "p-toggle-6", "registryDependencies": [ "@coss/toggle" ], "type": "registry:block" }, { "categories": [ "toggle" ], "dependencies": [ "lucide-react" ], "description": "Toggle icon group", "files": [ { "path": "registry/default/particles/p-toggle-7.tsx", "type": "registry:block" } ], "name": "p-toggle-7", "registryDependencies": [ "@coss/toggle" ], "type": "registry:block" }, { "categories": [ "toggle", "tooltip", "toast" ], "dependencies": [ "lucide-react" ], "description": "Bookmark toggle with tooltip and success toast", "files": [ { "path": "registry/default/particles/p-toggle-8.tsx", "type": "registry:block" } ], "name": "p-toggle-8", "registryDependencies": [ "@coss/toggle", "@coss/tooltip", "@coss/toast" ], "type": "registry:block" }, { "categories": [ "toolbar" ], "dependencies": [ "lucide-react" ], "description": "Toolbar with toggles, buttons, and select", "files": [ { "path": "registry/default/particles/p-toolbar-1.tsx", "type": "registry:block" } ], "name": "p-toolbar-1", "registryDependencies": [ "@coss/button", "@coss/select", "@coss/toggle-group", "@coss/toolbar", "@coss/tooltip" ], "type": "registry:block" }, { "categories": [ "tooltip" ], "description": "Basic tooltip", "files": [ { "path": "registry/default/particles/p-tooltip-1.tsx", "type": "registry:block" } ], "name": "p-tooltip-1", "registryDependencies": [ "@coss/button", "@coss/tooltip" ], "type": "registry:block" }, { "categories": [ "tooltip" ], "description": "Grouped tooltips", "files": [ { "path": "registry/default/particles/p-tooltip-2.tsx", "type": "registry:block" } ], "name": "p-tooltip-2", "registryDependencies": [ "@coss/toggle-group", "@coss/tooltip" ], "type": "registry:block" }, { "categories": [ "tooltip" ], "description": "Toggle group animated tooltip", "files": [ { "path": "registry/default/particles/p-tooltip-3.tsx", "type": "registry:block" } ], "name": "p-tooltip-3", "registryDependencies": [ "@coss/toggle-group", "@coss/tooltip" ], "type": "registry:block" }, { "categories": [ "tooltip" ], "description": "Vertical group with animated tooltip", "files": [ { "path": "registry/default/particles/p-tooltip-4.tsx", "type": "registry:block" } ], "name": "p-tooltip-4", "registryDependencies": [ "@coss/button", "@coss/group", "@coss/tooltip" ], "type": "registry:block" }, { "css": { "@layer base": { "*": { "@apply border-border outline-ring/50": {} }, "body": { "@apply bg-background text-foreground": {} }, "code, kbd, samp, pre": { "font-family": "var(--font-mono)" } } }, "cssVars": { "dark": { "accent": "--alpha(var(--color-white) / 4%)", "accent-foreground": "var(--color-neutral-100)", "background": "color-mix(in srgb, var(--color-neutral-950) 95%, var(--color-white))", "border": "--alpha(var(--color-white) / 6%)", "card": "color-mix(in srgb, var(--background) 98%, var(--color-white))", "card-foreground": "var(--color-neutral-100)", "destructive": "color-mix(in srgb, var(--color-red-500) 90%, var(--color-white))", "destructive-foreground": "var(--color-red-400)", "foreground": "var(--color-neutral-100)", "info": "var(--color-blue-500)", "info-foreground": "var(--color-blue-400)", "input": "--alpha(var(--color-white) / 8%)", "muted": "--alpha(var(--color-white) / 4%)", "muted-foreground": "color-mix(in srgb, var(--color-neutral-500) 90%, var(--color-white))", "popover": "color-mix(in srgb, var(--background) 98%, var(--color-white))", "popover-foreground": "var(--color-neutral-100)", "primary": "var(--color-neutral-100)", "primary-foreground": "var(--color-neutral-800)", "ring": "var(--color-neutral-500)", "secondary": "--alpha(var(--color-white) / 4%)", "secondary-foreground": "var(--color-neutral-100)", "success": "var(--color-emerald-500)", "success-foreground": "var(--color-emerald-400)", "warning": "var(--color-amber-500)", "warning-foreground": "var(--color-amber-400)", "chart-1": "var(--color-blue-700)", "chart-2": "var(--color-emerald-500)", "chart-3": "var(--color-amber-500)", "chart-4": "var(--color-purple-500)", "chart-5": "var(--color-rose-500)", "code": "color-mix(in srgb, var(--background) 98%, var(--color-white))", "code-foreground": "var(--foreground)", "code-highlight": "--alpha(var(--color-white) / 4%)", "sidebar": "color-mix(in srgb, var(--color-neutral-950) 97%, var(--color-white))", "sidebar-accent": "--alpha(var(--color-white) / 4%)", "sidebar-accent-foreground": "var(--color-neutral-100)", "sidebar-border": "--alpha(var(--color-white) / 5%)", "sidebar-foreground": "color-mix(in srgb, var(--color-neutral-100) 64%, var(--sidebar))", "sidebar-primary": "var(--color-neutral-100)", "sidebar-primary-foreground": "var(--color-neutral-800)", "sidebar-ring": "var(--color-neutral-400)" }, "light": { "accent": "--alpha(var(--color-black) / 4%)", "accent-foreground": "var(--color-neutral-800)", "background": "var(--color-white)", "border": "--alpha(var(--color-black) / 8%)", "card": "var(--color-white)", "card-foreground": "var(--color-neutral-800)", "destructive": "var(--color-red-500)", "destructive-foreground": "var(--color-red-700)", "foreground": "var(--color-neutral-800)", "info": "var(--color-blue-500)", "info-foreground": "var(--color-blue-700)", "input": "--alpha(var(--color-black) / 10%)", "muted": "--alpha(var(--color-black) / 4%)", "muted-foreground": "color-mix(in srgb, var(--color-neutral-500) 90%, var(--color-black))", "popover": "var(--color-white)", "popover-foreground": "var(--color-neutral-800)", "primary": "var(--color-neutral-800)", "primary-foreground": "var(--color-neutral-50)", "ring": "var(--color-neutral-400)", "secondary": "--alpha(var(--color-black) / 4%)", "secondary-foreground": "var(--color-neutral-800)", "success": "var(--color-emerald-500)", "success-foreground": "var(--color-emerald-700)", "warning": "var(--color-amber-500)", "warning-foreground": "var(--color-amber-700)", "chart-1": "var(--color-orange-600)", "chart-2": "var(--color-teal-600)", "chart-3": "var(--color-cyan-900)", "chart-4": "var(--color-amber-400)", "chart-5": "var(--color-amber-500)", "code": "var(--color-white)", "code-foreground": "var(--foreground)", "code-highlight": "--alpha(var(--color-black) / 4%)", "radius": "0.625rem", "sidebar": "var(--color-neutral-50)", "sidebar-accent": "--alpha(var(--color-black) / 4%)", "sidebar-accent-foreground": "var(--color-neutral-800)", "sidebar-border": "--alpha(var(--color-black) / 6%)", "sidebar-foreground": "color-mix(in srgb, var(--color-neutral-800) 64%, var(--sidebar))", "sidebar-primary": "var(--color-neutral-800)", "sidebar-primary-foreground": "var(--color-neutral-50)", "sidebar-ring": "var(--color-neutral-400)" }, "theme": { "font-heading": "var(--font-sans, ui-sans-serif, system-ui, sans-serif)", "font-mono": "var(--font-mono, ui-monospace, monospace)", "font-sans": "var(--font-sans, ui-sans-serif, system-ui, sans-serif)" } }, "dependencies": [ "@base-ui/react", "class-variance-authority", "lucide-react" ], "description": "Complete coss theme: colors, sidebar, fonts, and base styles. Use with `npx shadcn init @coss/style` for full project setup.", "devDependencies": [ "tw-animate-css" ], "extends": "none", "name": "style", "registryDependencies": [ "utils", "@coss/ui", "@coss/fonts" ], "type": "registry:style" }, { "cssVars": { "dark": { "accent": "--alpha(var(--color-white) / 4%)", "accent-foreground": "var(--color-neutral-100)", "background": "color-mix(in srgb, var(--color-neutral-950) 95%, var(--color-white))", "border": "--alpha(var(--color-white) / 6%)", "card": "color-mix(in srgb, var(--background) 98%, var(--color-white))", "card-foreground": "var(--color-neutral-100)", "destructive": "color-mix(in srgb, var(--color-red-500) 90%, var(--color-white))", "destructive-foreground": "var(--color-red-400)", "foreground": "var(--color-neutral-100)", "info": "var(--color-blue-500)", "info-foreground": "var(--color-blue-400)", "input": "--alpha(var(--color-white) / 8%)", "muted": "--alpha(var(--color-white) / 4%)", "muted-foreground": "color-mix(in srgb, var(--color-neutral-500) 90%, var(--color-white))", "popover": "color-mix(in srgb, var(--background) 98%, var(--color-white))", "popover-foreground": "var(--color-neutral-100)", "primary": "var(--color-neutral-100)", "primary-foreground": "var(--color-neutral-800)", "ring": "var(--color-neutral-500)", "secondary": "--alpha(var(--color-white) / 4%)", "secondary-foreground": "var(--color-neutral-100)", "success": "var(--color-emerald-500)", "success-foreground": "var(--color-emerald-400)", "warning": "var(--color-amber-500)", "warning-foreground": "var(--color-amber-400)" }, "light": { "accent": "--alpha(var(--color-black) / 4%)", "accent-foreground": "var(--color-neutral-800)", "background": "var(--color-white)", "border": "--alpha(var(--color-black) / 8%)", "card": "var(--color-white)", "card-foreground": "var(--color-neutral-800)", "destructive": "var(--color-red-500)", "destructive-foreground": "var(--color-red-700)", "foreground": "var(--color-neutral-800)", "info": "var(--color-blue-500)", "info-foreground": "var(--color-blue-700)", "input": "--alpha(var(--color-black) / 10%)", "muted": "--alpha(var(--color-black) / 4%)", "muted-foreground": "color-mix(in srgb, var(--color-neutral-500) 90%, var(--color-black))", "popover": "var(--color-white)", "popover-foreground": "var(--color-neutral-800)", "primary": "var(--color-neutral-800)", "primary-foreground": "var(--color-neutral-50)", "ring": "var(--color-neutral-400)", "secondary": "--alpha(var(--color-black) / 4%)", "secondary-foreground": "var(--color-neutral-800)", "success": "var(--color-emerald-500)", "success-foreground": "var(--color-emerald-700)", "warning": "var(--color-amber-500)", "warning-foreground": "var(--color-amber-700)" } }, "name": "colors-neutral", "type": "registry:style" }, { "name": "fonts", "type": "registry:ui", "registryDependencies": [ "@coss/font-sans", "@coss/font-heading", "@coss/font-mono" ], "files": [] }, { "name": "font-sans", "type": "registry:font", "font": { "family": "'Inter', sans-serif", "import": "Inter", "provider": "google", "subsets": [ "latin" ], "variable": "--font-sans", "dependency": "@fontsource-variable/inter" } }, { "name": "font-heading", "type": "registry:font", "font": { "family": "'Inter', sans-serif", "import": "Inter", "provider": "google", "subsets": [ "latin" ], "variable": "--font-heading", "dependency": "@fontsource-variable/inter" } }, { "name": "font-mono", "type": "registry:font", "font": { "family": "'Geist Mono', monospace", "import": "Geist_Mono", "provider": "google", "subsets": [ "latin" ], "variable": "--font-mono", "dependency": "geist" } }, { "dependencies": [ "class-variance-authority" ], "files": [ { "path": "registry/default/lib/segmented-control.ts", "type": "registry:lib" } ], "name": "segmented-control", "type": "registry:lib" }, { "dependencies": [ "clsx", "tailwind-merge" ], "files": [ { "path": "registry/default/lib/utils.ts", "type": "registry:lib" } ], "name": "utils", "type": "registry:lib" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/base-ui/use-render.ts", "type": "registry:lib" } ], "name": "use-render", "type": "registry:lib" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/base-ui/merge-props.ts", "type": "registry:lib" } ], "name": "merge-props", "type": "registry:lib" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/base-ui/csp-provider.ts", "type": "registry:lib" } ], "name": "csp-provider", "type": "registry:lib" }, { "dependencies": [ "@base-ui/react" ], "files": [ { "path": "registry/default/base-ui/direction-provider.ts", "type": "registry:lib" } ], "name": "direction-provider", "type": "registry:lib" }, { "files": [ { "path": "registry/default/hooks/use-media-query.ts", "type": "registry:hook" } ], "name": "use-media-query", "type": "registry:hook" }, { "files": [ { "path": "registry/default/hooks/use-copy-to-clipboard.ts", "type": "registry:hook" } ], "name": "use-copy-to-clipboard", "type": "registry:hook" } ], "name": "coss ui" }