{ "name": "matos/ui", "homepage": "https://matos-ui.com/", "items": [ { "name": "index", "type": "registry:style", "dependencies": [ "class-variance-authority", "lucide-react" ], "devDependencies": [ "tw-animate-css" ], "registryDependencies": [ "utils" ], "css": { "@theme inline": { "--radius-sm": "calc(var(--radius) - 4px)", "--radius-md": "calc(var(--radius) - 2px)", "--radius-lg": "var(--radius)", "--radius-xl": "calc(var(--radius) + 4px)", "--radius-2xl": "calc(var(--radius) + 10px)", "--radius-3xl": "calc(var(--radius) + 18px)" } }, "files": [] }, { "name": "style", "type": "registry:style", "dependencies": [ "class-variance-authority", "lucide-react" ], "devDependencies": [ "tw-animate-css" ], "registryDependencies": [ "utils" ], "css": { "@theme inline": { "--radius-sm": "calc(var(--radius) - 4px)", "--radius-md": "calc(var(--radius) - 2px)", "--radius-lg": "var(--radius)", "--radius-xl": "calc(var(--radius) + 4px)", "--radius-2xl": "calc(var(--radius) + 10px)", "--radius-3xl": "calc(var(--radius) + 18px)" } }, "files": [] }, { "name": "magnetic-card", "type": "registry:ui", "dependencies": [ "framer-motion", "tailwind-merge", "tailwind-variants" ], "files": [ { "path": "src/registry/new-york-v4/ui/magnetic-card.tsx", "type": "registry:ui" } ] }, { "name": "spring-slider", "type": "registry:ui", "dependencies": [ "framer-motion", "tailwind-merge", "tailwind-variants" ], "files": [ { "path": "src/registry/new-york-v4/ui/spring-slider.tsx", "type": "registry:ui" } ] }, { "name": "bouncy-toggle", "type": "registry:ui", "dependencies": [ "framer-motion", "tailwind-merge", "tailwind-variants" ], "files": [ { "path": "src/registry/new-york-v4/ui/bouncy-toggle.tsx", "type": "registry:ui" } ] }, { "name": "physics-counter", "type": "registry:ui", "dependencies": [ "framer-motion", "tailwind-merge", "tailwind-variants" ], "files": [ { "path": "src/registry/new-york-v4/ui/physics-counter.tsx", "type": "registry:ui" } ] }, { "name": "progress-ring", "type": "registry:ui", "dependencies": [ "framer-motion", "tailwind-merge", "tailwind-variants", "lucide-react" ], "registryDependencies": [ "motion-tokens" ], "files": [ { "path": "src/registry/new-york-v4/ui/progress-ring.tsx", "type": "registry:ui" } ] }, { "name": "avatar-group", "type": "registry:ui", "dependencies": [ "framer-motion", "tailwind-merge", "tailwind-variants" ], "registryDependencies": [ "motion-tokens" ], "files": [ { "path": "src/registry/new-york-v4/ui/avatar-group.tsx", "type": "registry:ui" } ] }, { "name": "rating", "type": "registry:ui", "dependencies": [ "framer-motion", "tailwind-merge", "tailwind-variants", "lucide-react" ], "registryDependencies": [ "motion-tokens" ], "files": [ { "path": "src/registry/new-york-v4/ui/rating.tsx", "type": "registry:ui" } ] }, { "name": "stepper-input", "type": "registry:ui", "cssVars": { "theme": { "ease-lift": "cubic-bezier(0.4, 0, 0.2, 1)", "duration-lift": "320ms", "duration-lift-press": "120ms" } }, "css": { "@utility hover-lift": { "--lift": "2px", "transition-property": "translate, scale, box-shadow, background-color, border-color, border-radius, color, opacity", "transition-duration": "var(--duration-lift)", "transition-timing-function": "var(--ease-lift)", "@media (hover: hover)": { "&:hover": { "translate": "0 calc(var(--lift) * -1)" } }, "&:active": { "translate": "0 0", "transition-duration": "var(--duration-lift-press)" }, "@media (prefers-reduced-motion: reduce)": { "transition-property": "background-color, border-color, color, opacity", "&:hover, &:active": { "translate": "none", "scale": "none" } } } }, "dependencies": [ "framer-motion", "tailwind-merge", "tailwind-variants", "lucide-react" ], "registryDependencies": [ "elevated", "motion-tokens" ], "files": [ { "path": "src/registry/new-york-v4/ui/stepper-input.tsx", "type": "registry:ui" } ] }, { "name": "copy-button", "type": "registry:ui", "cssVars": { "theme": { "ease-lift": "cubic-bezier(0.4, 0, 0.2, 1)", "duration-lift": "320ms", "duration-lift-press": "120ms" } }, "css": { "@utility hover-lift": { "--lift": "2px", "transition-property": "translate, scale, box-shadow, background-color, border-color, border-radius, color, opacity", "transition-duration": "var(--duration-lift)", "transition-timing-function": "var(--ease-lift)", "@media (hover: hover)": { "&:hover": { "translate": "0 calc(var(--lift) * -1)" } }, "&:active": { "translate": "0 0", "transition-duration": "var(--duration-lift-press)" }, "@media (prefers-reduced-motion: reduce)": { "transition-property": "background-color, border-color, color, opacity", "&:hover, &:active": { "translate": "none", "scale": "none" } } } }, "dependencies": [ "framer-motion", "tailwind-merge", "tailwind-variants", "lucide-react" ], "registryDependencies": [ "motion-tokens" ], "files": [ { "path": "src/registry/new-york-v4/ui/copy-button.tsx", "type": "registry:ui" } ] }, { "name": "confirm-button", "type": "registry:ui", "description": "A destructive action that arms in place instead of opening a dialog — the trash slides aside and a ✓ / ✕ pair fills the space it left, cursor landing on cancel.", "cssVars": { "theme": { "ease-lift": "cubic-bezier(0.4, 0, 0.2, 1)", "duration-lift": "320ms", "duration-lift-press": "120ms" } }, "css": { "@utility hover-lift": { "--lift": "2px", "transition-property": "translate, scale, box-shadow, background-color, border-color, border-radius, color, opacity", "transition-duration": "var(--duration-lift)", "transition-timing-function": "var(--ease-lift)", "@media (hover: hover)": { "&:hover": { "translate": "0 calc(var(--lift) * -1)" } }, "&:active": { "translate": "0 0", "transition-duration": "var(--duration-lift-press)" }, "@media (prefers-reduced-motion: reduce)": { "transition-property": "background-color, border-color, color, opacity", "&:hover, &:active": { "translate": "none", "scale": "none" } } } }, "dependencies": [ "framer-motion", "tailwind-merge", "tailwind-variants", "lucide-react" ], "registryDependencies": [ "elevated", "motion-tokens" ], "files": [ { "path": "src/registry/new-york-v4/ui/confirm-button.tsx", "type": "registry:ui" } ] }, { "name": "cover-image", "type": "registry:ui", "description": "An image that never shows a broken frame — a missing src, a 404, a mixed-content block or a decode failure all resolve to an elevated fallback, not a flat placeholder. Optional URL sanitiser for Google Books thumbnails.", "dependencies": [ "framer-motion", "tailwind-merge", "tailwind-variants", "lucide-react" ], "registryDependencies": [ "elevated", "motion-tokens" ], "files": [ { "path": "src/registry/new-york-v4/ui/cover-image.tsx", "type": "registry:ui" } ] }, { "name": "async-boundary", "type": "registry:ui", "description": "Wraps a TanStack Query result and resolves its four states — pending, error, empty, success — on one motion system. Error lifts a rung; skeleton and content stay flush so the swap doesn't jump.", "cssVars": { "theme": { "ease-lift": "cubic-bezier(0.4, 0, 0.2, 1)", "duration-lift": "320ms", "duration-lift-press": "120ms" } }, "css": { "@utility hover-lift": { "--lift": "2px", "transition-property": "translate, scale, box-shadow, background-color, border-color, border-radius, color, opacity", "transition-duration": "var(--duration-lift)", "transition-timing-function": "var(--ease-lift)", "@media (hover: hover)": { "&:hover": { "translate": "0 calc(var(--lift) * -1)" } }, "&:active": { "translate": "0 0", "transition-duration": "var(--duration-lift-press)" }, "@media (prefers-reduced-motion: reduce)": { "transition-property": "background-color, border-color, color, opacity", "&:hover, &:active": { "translate": "none", "scale": "none" } } } }, "dependencies": [ "framer-motion", "lucide-react", "tailwind-merge" ], "registryDependencies": [ "elevated", "motion-tokens" ], "files": [ { "path": "src/registry/new-york-v4/ui/async-boundary.tsx", "type": "registry:ui" } ] }, { "name": "skeleton-morph", "type": "registry:ui", "description": "A skeleton whose geometry is the content's geometry — each Skel is sized to its final content, so the arrival is a crossfade in place, not a rectangle swapped for real content and everything jumping.", "dependencies": [ "framer-motion" ], "registryDependencies": [ "motion-tokens" ], "files": [ { "path": "src/registry/new-york-v4/ui/skeleton-morph.tsx", "type": "registry:ui" } ] }, { "name": "inline-select", "type": "registry:ui", "description": "A value picked in place — the current value is a pill, a click opens a small menu of options. The pill magic-moves on spring.fast when a status change re-sorts the list and its row travels on spring.moderate.", "dependencies": [ "@base-ui/react", "framer-motion", "lucide-react" ], "registryDependencies": [ "motion-tokens", "surface-classes", "surface-context" ], "files": [ { "path": "src/registry/new-york-v4/ui/inline-select.tsx", "type": "registry:ui" } ] }, { "name": "edit-in-place", "type": "registry:ui", "description": "Text that becomes an input where it sits — one click and the box climbs a rung and morphs its padding, radius and border while you edit; committing drops it back.", "dependencies": [ "framer-motion", "lucide-react", "tailwind-variants" ], "registryDependencies": [ "motion-tokens", "surface-classes", "surface-context" ], "files": [ { "path": "src/registry/new-york-v4/ui/edit-in-place.tsx", "type": "registry:ui" } ] }, { "name": "calendar", "type": "registry:ui", "cssVars": { "theme": { "ease-lift": "cubic-bezier(0.4, 0, 0.2, 1)", "duration-lift": "320ms", "duration-lift-press": "120ms" } }, "css": { "@utility hover-lift": { "--lift": "2px", "transition-property": "translate, scale, box-shadow, background-color, border-color, border-radius, color, opacity", "transition-duration": "var(--duration-lift)", "transition-timing-function": "var(--ease-lift)", "@media (hover: hover)": { "&:hover": { "translate": "0 calc(var(--lift) * -1)" } }, "&:active": { "translate": "0 0", "transition-duration": "var(--duration-lift-press)" }, "@media (prefers-reduced-motion: reduce)": { "transition-property": "background-color, border-color, color, opacity", "&:hover, &:active": { "translate": "none", "scale": "none" } } } }, "dependencies": [ "framer-motion", "tailwind-merge", "tailwind-variants", "lucide-react" ], "registryDependencies": [ "motion-tokens", "date" ], "files": [ { "path": "src/registry/new-york-v4/ui/calendar.tsx", "type": "registry:ui" } ] }, { "name": "date-picker", "type": "registry:ui", "dependencies": [ "framer-motion", "lucide-react", "tailwind-merge" ], "registryDependencies": [ "calendar", "popover", "input", "surface-classes", "surface-context" ], "files": [ { "path": "src/registry/new-york-v4/ui/date-picker.tsx", "type": "registry:ui" } ] }, { "name": "tag-input", "type": "registry:ui", "dependencies": [ "@base-ui/react", "class-variance-authority", "framer-motion", "lucide-react" ], "registryDependencies": [ "field", "motion-tokens", "surface-classes", "surface-context" ], "files": [ { "path": "src/registry/new-york-v4/ui/tag-input.tsx", "type": "registry:ui" } ] }, { "name": "nested-menu", "type": "registry:ui", "dependencies": [ "@base-ui/react", "framer-motion", "lucide-react" ], "registryDependencies": [ "motion-tokens", "surface-classes", "surface-context" ], "files": [ { "path": "src/registry/new-york-v4/ui/nested-menu.tsx", "type": "registry:ui" } ] }, { "name": "coachmark", "type": "registry:ui", "cssVars": { "theme": { "ease-lift": "cubic-bezier(0.4, 0, 0.2, 1)", "duration-lift": "320ms", "duration-lift-press": "120ms" } }, "css": { "@utility hover-lift": { "--lift": "2px", "transition-property": "translate, scale, box-shadow, background-color, border-color, border-radius, color, opacity", "transition-duration": "var(--duration-lift)", "transition-timing-function": "var(--ease-lift)", "@media (hover: hover)": { "&:hover": { "translate": "0 calc(var(--lift) * -1)" } }, "&:active": { "translate": "0 0", "transition-duration": "var(--duration-lift-press)" }, "@media (prefers-reduced-motion: reduce)": { "transition-property": "background-color, border-color, color, opacity", "&:hover, &:active": { "translate": "none", "scale": "none" } } } }, "dependencies": [ "framer-motion", "lucide-react" ], "registryDependencies": [ "elevated", "motion-tokens", "surface-context" ], "files": [ { "path": "src/registry/new-york-v4/ui/coachmark.tsx", "type": "registry:ui" } ] }, { "name": "floating-action-menu", "type": "registry:ui", "dependencies": [ "framer-motion", "tailwind-merge", "tailwind-variants", "lucide-react" ], "registryDependencies": [ "elevated", "motion-tokens" ], "files": [ { "path": "src/registry/new-york-v4/ui/floating-action-menu.tsx", "type": "registry:ui" } ] }, { "name": "button", "type": "registry:ui", "cssVars": { "theme": { "ease-lift": "cubic-bezier(0.4, 0, 0.2, 1)", "duration-lift": "320ms", "duration-lift-press": "120ms" } }, "css": { "@utility hover-lift": { "--lift": "2px", "transition-property": "translate, scale, box-shadow, background-color, border-color, border-radius, color, opacity", "transition-duration": "var(--duration-lift)", "transition-timing-function": "var(--ease-lift)", "@media (hover: hover)": { "&:hover": { "translate": "0 calc(var(--lift) * -1)" } }, "&:active": { "translate": "0 0", "transition-duration": "var(--duration-lift-press)" }, "@media (prefers-reduced-motion: reduce)": { "transition-property": "background-color, border-color, color, opacity", "&:hover, &:active": { "translate": "none", "scale": "none" } } } }, "dependencies": [ "@base-ui/react" ], "files": [ { "path": "src/registry/new-york-v4/ui/button.tsx", "type": "registry:ui" } ] }, { "name": "reactive-button", "type": "registry:ui", "cssVars": { "theme": { "ease-lift": "cubic-bezier(0.4, 0, 0.2, 1)", "duration-lift": "320ms", "duration-lift-press": "120ms" } }, "css": { "@utility hover-lift": { "--lift": "2px", "transition-property": "translate, scale, box-shadow, background-color, border-color, border-radius, color, opacity", "transition-duration": "var(--duration-lift)", "transition-timing-function": "var(--ease-lift)", "@media (hover: hover)": { "&:hover": { "translate": "0 calc(var(--lift) * -1)" } }, "&:active": { "translate": "0 0", "transition-duration": "var(--duration-lift-press)" }, "@media (prefers-reduced-motion: reduce)": { "transition-property": "background-color, border-color, color, opacity", "&:hover, &:active": { "translate": "none", "scale": "none" } } } }, "dependencies": [ "framer-motion", "lucide-react", "tailwind-merge", "tailwind-variants" ], "files": [ { "path": "src/registry/new-york-v4/ui/reactive-button.tsx", "type": "registry:ui" } ] }, { "name": "theme-toggler-button", "type": "registry:ui", "description": "An icon button that switches theme with a full-page reveal animation seeded at the button, via the View Transitions API — ten reveal shapes (circle, iris, rectangle, zoom, diagonal, blinds…), with an instant fallback where the API is missing.", "dependencies": [ "framer-motion", "lucide-react", "next-themes", "tailwind-merge", "tailwind-variants" ], "registryDependencies": [ "motion-tokens" ], "files": [ { "path": "src/registry/new-york-v4/ui/theme-toggler-button.tsx", "type": "registry:ui" } ] }, { "name": "badge", "type": "registry:ui", "cssVars": { "theme": { "ease-lift": "cubic-bezier(0.4, 0, 0.2, 1)", "duration-lift": "320ms", "duration-lift-press": "120ms" } }, "css": { "@utility hover-lift": { "--lift": "2px", "transition-property": "translate, scale, box-shadow, background-color, border-color, border-radius, color, opacity", "transition-duration": "var(--duration-lift)", "transition-timing-function": "var(--ease-lift)", "@media (hover: hover)": { "&:hover": { "translate": "0 calc(var(--lift) * -1)" } }, "&:active": { "translate": "0 0", "transition-duration": "var(--duration-lift-press)" }, "@media (prefers-reduced-motion: reduce)": { "transition-property": "background-color, border-color, color, opacity", "&:hover, &:active": { "translate": "none", "scale": "none" } } } }, "dependencies": [ "tailwind-merge", "tailwind-variants" ], "registryDependencies": [ "surface-context", "surface-classes" ], "files": [ { "path": "src/registry/new-york-v4/ui/badge.tsx", "type": "registry:ui" } ] }, { "name": "data-table", "type": "registry:ui", "dependencies": [ "@tanstack/react-table", "lucide-react" ], "registryDependencies": [ "elevated" ], "files": [ { "path": "src/registry/new-york-v4/ui/data-table.tsx", "type": "registry:ui" } ] }, { "name": "inset-command-dock", "type": "registry:ui", "dependencies": [ "framer-motion", "lucide-react", "tailwind-merge", "tailwind-variants" ], "files": [ { "path": "src/registry/new-york-v4/ui/inset-command-dock.tsx", "type": "registry:ui" } ] }, { "name": "accordion", "type": "registry:ui", "dependencies": [ "framer-motion", "lucide-react", "clsx", "tailwind-merge" ], "files": [ { "path": "src/registry/new-york-v4/ui/accordion.tsx", "type": "registry:ui" } ] }, { "name": "action-bar", "type": "registry:ui", "dependencies": [ "framer-motion", "lucide-react", "tailwind-merge", "tailwind-variants" ], "registryDependencies": [ "button", "elevated", "motion-tokens" ], "files": [ { "path": "src/registry/new-york-v4/ui/action-bar.tsx", "type": "registry:ui" } ] }, { "name": "command-dock", "type": "registry:ui", "dependencies": [ "framer-motion", "lucide-react", "tailwind-merge", "tailwind-variants" ], "registryDependencies": [ "motion-tokens" ], "files": [ { "path": "src/registry/new-york-v4/ui/command-dock.tsx", "type": "registry:ui" } ] }, { "name": "file-upload", "type": "registry:ui", "dependencies": [ "framer-motion", "lucide-react", "tailwind-merge", "tailwind-variants" ], "registryDependencies": [ "elevated", "motion-tokens" ], "files": [ { "path": "src/registry/new-york-v4/ui/file-upload.tsx", "type": "registry:ui" } ] }, { "name": "achievement-toast", "type": "registry:ui", "dependencies": [ "framer-motion", "lucide-react" ], "registryDependencies": [ "elevated", "motion-tokens" ], "files": [ { "path": "src/registry/new-york-v4/ui/achievement-toast.tsx", "type": "registry:ui" } ] }, { "name": "context-menu", "type": "registry:ui", "dependencies": [ "@base-ui/react", "framer-motion", "lucide-react" ], "registryDependencies": [ "elevated", "motion-tokens" ], "files": [ { "path": "src/registry/new-york-v4/ui/context-menu.tsx", "type": "registry:ui" } ] }, { "name": "metric-card", "type": "registry:ui", "dependencies": [ "framer-motion", "lucide-react", "tailwind-merge", "tailwind-variants" ], "files": [ { "path": "src/registry/new-york-v4/ui/metric-card.tsx", "type": "registry:ui" } ] }, { "name": "animated-area-chart", "type": "registry:ui", "dependencies": [ "framer-motion", "recharts", "tailwind-merge", "tailwind-variants" ], "registryDependencies": [ "motion-tokens", "surface-classes", "surface-context" ], "files": [ { "path": "src/registry/new-york-v4/ui/animated-area-chart.tsx", "type": "registry:ui" }, { "path": "src/registry/new-york-v4/ui/chart-interaction.ts", "type": "registry:ui" }, { "path": "src/registry/new-york-v4/ui/chart-motion.ts", "type": "registry:ui" } ] }, { "name": "allocation-performance-chart", "type": "registry:ui", "dependencies": [ "framer-motion", "lucide-react", "tailwind-merge", "tailwind-variants" ], "registryDependencies": [ "motion-tokens", "surface-classes", "surface-context" ], "files": [ { "path": "src/registry/new-york-v4/ui/allocation-performance-chart.tsx", "type": "registry:ui" }, { "path": "src/registry/new-york-v4/ui/chart-interaction.ts", "type": "registry:ui" }, { "path": "src/registry/new-york-v4/ui/chart-motion.ts", "type": "registry:ui" } ] }, { "name": "sparkline-card", "type": "registry:ui", "dependencies": [ "framer-motion", "lucide-react", "recharts", "tailwind-merge", "tailwind-variants" ], "registryDependencies": [ "motion-tokens", "surface-classes", "surface-context" ], "files": [ { "path": "src/registry/new-york-v4/ui/sparkline-card.tsx", "type": "registry:ui" }, { "path": "src/registry/new-york-v4/ui/chart-interaction.ts", "type": "registry:ui" }, { "path": "src/registry/new-york-v4/ui/chart-motion.ts", "type": "registry:ui" } ] }, { "name": "signal-flow-chart", "type": "registry:ui", "dependencies": [ "framer-motion", "tailwind-merge", "tailwind-variants" ], "registryDependencies": [ "motion-tokens", "surface-classes", "surface-context" ], "files": [ { "path": "src/registry/new-york-v4/ui/signal-flow-chart.tsx", "type": "registry:ui" }, { "path": "src/registry/new-york-v4/ui/chart-interaction.ts", "type": "registry:ui" }, { "path": "src/registry/new-york-v4/ui/chart-motion.ts", "type": "registry:ui" } ] }, { "name": "activity-heatmap-chart", "type": "registry:ui", "dependencies": [ "framer-motion", "tailwind-merge", "tailwind-variants" ], "registryDependencies": [ "motion-tokens", "surface-classes", "surface-context" ], "files": [ { "path": "src/registry/new-york-v4/ui/activity-heatmap-chart.tsx", "type": "registry:ui" }, { "path": "src/registry/new-york-v4/ui/chart-interaction.ts", "type": "registry:ui" }, { "path": "src/registry/new-york-v4/ui/chart-motion.ts", "type": "registry:ui" } ] }, { "name": "candlestick-chart", "type": "registry:ui", "dependencies": [ "framer-motion", "tailwind-merge", "tailwind-variants" ], "registryDependencies": [ "motion-tokens", "surface-classes", "surface-context" ], "files": [ { "path": "src/registry/new-york-v4/ui/candlestick-chart.tsx", "type": "registry:ui" }, { "path": "src/registry/new-york-v4/ui/chart-interaction.ts", "type": "registry:ui" }, { "path": "src/registry/new-york-v4/ui/chart-motion.ts", "type": "registry:ui" } ] }, { "name": "bubble-chart", "type": "registry:ui", "dependencies": [ "framer-motion", "tailwind-merge", "tailwind-variants" ], "registryDependencies": [ "motion-tokens", "surface-classes", "surface-context" ], "files": [ { "path": "src/registry/new-york-v4/ui/bubble-chart.tsx", "type": "registry:ui" }, { "path": "src/registry/new-york-v4/ui/chart-interaction.ts", "type": "registry:ui" }, { "path": "src/registry/new-york-v4/ui/chart-motion.ts", "type": "registry:ui" } ] }, { "name": "activity-waveform-chart", "type": "registry:ui", "dependencies": [ "framer-motion", "tailwind-merge", "tailwind-variants" ], "registryDependencies": [ "motion-tokens", "surface-classes", "surface-context" ], "files": [ { "path": "src/registry/new-york-v4/ui/activity-waveform-chart.tsx", "type": "registry:ui" }, { "path": "src/registry/new-york-v4/ui/chart-interaction.ts", "type": "registry:ui" }, { "path": "src/registry/new-york-v4/ui/chart-motion.ts", "type": "registry:ui" } ] }, { "name": "performance-waterfall-chart", "type": "registry:ui", "dependencies": [ "framer-motion", "tailwind-merge", "tailwind-variants" ], "registryDependencies": [ "motion-tokens", "surface-classes", "surface-context" ], "files": [ { "path": "src/registry/new-york-v4/ui/performance-waterfall-chart.tsx", "type": "registry:ui" }, { "path": "src/registry/new-york-v4/ui/chart-interaction.ts", "type": "registry:ui" }, { "path": "src/registry/new-york-v4/ui/chart-motion.ts", "type": "registry:ui" } ] }, { "name": "threshold-band-chart", "type": "registry:ui", "dependencies": [ "framer-motion", "tailwind-merge", "tailwind-variants" ], "registryDependencies": [ "motion-tokens", "surface-classes", "surface-context" ], "files": [ { "path": "src/registry/new-york-v4/ui/threshold-band-chart.tsx", "type": "registry:ui" }, { "path": "src/registry/new-york-v4/ui/chart-interaction.ts", "type": "registry:ui" }, { "path": "src/registry/new-york-v4/ui/chart-motion.ts", "type": "registry:ui" } ] }, { "name": "impact-priority-matrix", "type": "registry:ui", "dependencies": [ "framer-motion", "tailwind-merge", "tailwind-variants" ], "registryDependencies": [ "motion-tokens", "surface-classes", "surface-context" ], "files": [ { "path": "src/registry/new-york-v4/ui/impact-priority-matrix.tsx", "type": "registry:ui" }, { "path": "src/registry/new-york-v4/ui/chart-interaction.ts", "type": "registry:ui" }, { "path": "src/registry/new-york-v4/ui/chart-motion.ts", "type": "registry:ui" } ] }, { "name": "resource-treemap-chart", "type": "registry:ui", "dependencies": [ "framer-motion", "tailwind-merge", "tailwind-variants" ], "registryDependencies": [ "motion-tokens", "surface-classes", "surface-context" ], "files": [ { "path": "src/registry/new-york-v4/ui/resource-treemap-chart.tsx", "type": "registry:ui" }, { "path": "src/registry/new-york-v4/ui/chart-interaction.ts", "type": "registry:ui" }, { "path": "src/registry/new-york-v4/ui/chart-motion.ts", "type": "registry:ui" } ] }, { "name": "score-radar-chart", "type": "registry:ui", "dependencies": [ "framer-motion", "tailwind-merge", "tailwind-variants" ], "registryDependencies": [ "motion-tokens", "surface-classes", "surface-context" ], "files": [ { "path": "src/registry/new-york-v4/ui/score-radar-chart.tsx", "type": "registry:ui" }, { "path": "src/registry/new-york-v4/ui/chart-interaction.ts", "type": "registry:ui" }, { "path": "src/registry/new-york-v4/ui/chart-motion.ts", "type": "registry:ui" } ] }, { "name": "motion-tabs", "type": "registry:ui", "dependencies": [ "framer-motion", "tailwind-merge", "tailwind-variants" ], "registryDependencies": [ "elevated", "motion-tokens" ], "files": [ { "path": "src/registry/new-york-v4/ui/motion-tabs.tsx", "type": "registry:ui" } ] }, { "name": "feedback-card", "type": "registry:ui", "dependencies": [ "framer-motion", "lucide-react", "tailwind-merge", "tailwind-variants" ], "registryDependencies": [ "elevated", "motion-tokens" ], "files": [ { "path": "src/registry/new-york-v4/ui/feedback-card.tsx", "type": "registry:ui" } ] }, { "name": "spotlight-card", "type": "registry:ui", "dependencies": [ "framer-motion", "tailwind-merge", "tailwind-variants" ], "files": [ { "path": "src/registry/new-york-v4/ui/spotlight-card.tsx", "type": "registry:ui" } ] }, { "name": "process-timeline-engine", "type": "registry:ui", "dependencies": [ "framer-motion", "lucide-react", "tailwind-merge", "tailwind-variants" ], "files": [ { "path": "src/registry/new-york-v4/ui/process-timeline-engine.tsx", "type": "registry:ui" } ] }, { "name": "field", "type": "registry:ui", "dependencies": [ "framer-motion", "lucide-react", "tailwind-merge", "tailwind-variants" ], "files": [ { "path": "src/registry/new-york-v4/ui/field.tsx", "type": "registry:ui" } ] }, { "name": "input", "type": "registry:ui", "dependencies": [ "@base-ui/react", "class-variance-authority", "framer-motion", "lucide-react" ], "registryDependencies": [ "field" ], "files": [ { "path": "src/registry/new-york-v4/ui/input.tsx", "type": "registry:ui" } ] }, { "name": "password-input", "type": "registry:ui", "dependencies": [ "framer-motion", "lucide-react", "tailwind-merge", "tailwind-variants" ], "registryDependencies": [ "field", "input" ], "files": [ { "path": "src/registry/new-york-v4/ui/password-input.tsx", "type": "registry:ui" } ] }, { "name": "select", "type": "registry:ui", "dependencies": [ "@base-ui/react", "class-variance-authority", "lucide-react" ], "registryDependencies": [ "field" ], "files": [ { "path": "src/registry/new-york-v4/ui/select.tsx", "type": "registry:ui" } ] }, { "name": "textarea", "type": "registry:ui", "dependencies": [ "tailwind-merge", "tailwind-variants" ], "registryDependencies": [ "field" ], "files": [ { "path": "src/registry/new-york-v4/ui/textarea.tsx", "type": "registry:ui" } ] }, { "name": "form-grid", "type": "registry:ui", "dependencies": [ "tailwind-merge", "tailwind-variants" ], "files": [ { "path": "src/registry/new-york-v4/ui/form-grid.tsx", "type": "registry:ui" } ] }, { "name": "form-section", "type": "registry:ui", "dependencies": [ "framer-motion", "tailwind-merge", "tailwind-variants" ], "files": [ { "path": "src/registry/new-york-v4/ui/form-section.tsx", "type": "registry:ui" } ] }, { "name": "checkbox", "type": "registry:ui", "dependencies": [ "@base-ui/react", "class-variance-authority", "lucide-react" ], "registryDependencies": [ "field" ], "files": [ { "path": "src/registry/new-york-v4/ui/checkbox.tsx", "type": "registry:ui" } ] }, { "name": "otp-input", "type": "registry:ui", "dependencies": [ "framer-motion", "tailwind-merge", "tailwind-variants" ], "registryDependencies": [ "field" ], "files": [ { "path": "src/registry/new-york-v4/ui/otp-input.tsx", "type": "registry:ui" } ] }, { "name": "popover-card", "type": "registry:ui", "cssVars": { "theme": { "ease-lift": "cubic-bezier(0.4, 0, 0.2, 1)", "duration-lift": "320ms", "duration-lift-press": "120ms" } }, "css": { "@utility hover-lift": { "--lift": "2px", "transition-property": "translate, scale, box-shadow, background-color, border-color, border-radius, color, opacity", "transition-duration": "var(--duration-lift)", "transition-timing-function": "var(--ease-lift)", "@media (hover: hover)": { "&:hover": { "translate": "0 calc(var(--lift) * -1)" } }, "&:active": { "translate": "0 0", "transition-duration": "var(--duration-lift-press)" }, "@media (prefers-reduced-motion: reduce)": { "transition-property": "background-color, border-color, color, opacity", "&:hover, &:active": { "translate": "none", "scale": "none" } } } }, "dependencies": [ "@base-ui/react", "class-variance-authority", "framer-motion" ], "registryDependencies": [ "elevated", "motion-tokens" ], "files": [ { "path": "src/registry/new-york-v4/ui/popover-card.tsx", "type": "registry:ui" } ] }, { "name": "sheet-panel", "type": "registry:ui", "dependencies": [ "@base-ui/react", "class-variance-authority", "framer-motion", "lucide-react" ], "registryDependencies": [ "elevated", "motion-tokens" ], "files": [ { "path": "src/registry/new-york-v4/ui/sheet-panel.tsx", "type": "registry:ui" } ] }, { "name": "stacked-dialog", "type": "registry:ui", "dependencies": [ "@base-ui/react", "class-variance-authority", "framer-motion", "lucide-react" ], "registryDependencies": [ "elevated", "motion-tokens" ], "files": [ { "path": "src/registry/new-york-v4/ui/stacked-dialog.tsx", "type": "registry:ui" } ] }, { "name": "surface-context", "type": "registry:lib", "files": [ { "path": "src/registry/new-york-v4/lib/surface-context.tsx", "type": "registry:lib" } ] }, { "name": "surface-classes", "type": "registry:lib", "files": [ { "path": "src/registry/new-york-v4/lib/surface-classes.ts", "type": "registry:lib" } ] }, { "name": "motion-tokens", "type": "registry:lib", "dependencies": [ "framer-motion" ], "files": [ { "path": "src/registry/new-york-v4/lib/motion-tokens.ts", "type": "registry:lib" } ] }, { "name": "date", "type": "registry:lib", "files": [ { "path": "src/registry/new-york-v4/lib/date.ts", "type": "registry:lib" } ] }, { "name": "elevated", "type": "registry:ui", "registryDependencies": [ "https://matos-ui.com/r/surface-context.json", "https://matos-ui.com/r/surface-classes.json" ], "cssVars": { "light": { "surface-1": "#fafafa", "surface-2": "#fcfcfc", "surface-3": "#ffffff", "surface-4": "#ffffff", "surface-5": "#ffffff", "surface-6": "#ffffff", "surface-7": "#ffffff", "surface-8": "#ffffff", "shadow-color": "rgb(0 0 0 / 0.06)", "lm-ring-2": "rgb(0 0 0 / 0.07)", "lm-ring-3": "rgb(0 0 0 / 0.08)", "lm-ring-4": "rgb(0 0 0 / 0.09)", "lm-ring-5": "rgb(0 0 0 / 0.1)", "lm-ring-6": "rgb(0 0 0 / 0.11)", "lm-ring-7": "rgb(0 0 0 / 0.12)", "lm-ring-8": "rgb(0 0 0 / 0.13)", "lm-drop": "rgb(0 0 0 / 0.07)", "shadow-1": "0 0 0 1px var(--shadow-color)", "shadow-2": "0 0 0 1px var(--lm-ring-2), 0 1px 1px -0.5px var(--lm-drop)", "shadow-3": "0 0 0 1px var(--lm-ring-3), 0 1px 1px -0.5px var(--lm-drop), 0 3px 3px -1.5px var(--lm-drop)", "shadow-4": "0 0 0 1px var(--lm-ring-4), 0 1px 1px -0.5px var(--lm-drop), 0 3px 3px -1.5px var(--lm-drop), 0 6px 6px -3px var(--lm-drop)", "shadow-5": "0 0 0 1px var(--lm-ring-5), 0 1px 1px -0.5px var(--lm-drop), 0 3px 3px -1.5px var(--lm-drop), 0 6px 6px -3px var(--lm-drop), 0 12px 12px -6px var(--lm-drop)", "shadow-6": "0 0 0 1px var(--lm-ring-6), 0 1px 1px -0.5px var(--lm-drop), 0 3px 3px -1.5px var(--lm-drop), 0 6px 6px -3px var(--lm-drop), 0 12px 12px -6px var(--lm-drop), 0 24px 24px -12px var(--lm-drop)", "shadow-7": "0 0 0 1px var(--lm-ring-7), 0 1px 1px -0.5px var(--lm-drop), 0 3px 3px -1.5px var(--lm-drop), 0 6px 6px -3px var(--lm-drop), 0 12px 12px -6px var(--lm-drop), 0 24px 24px -12px var(--lm-drop), 0 48px 48px -24px var(--lm-drop)", "shadow-8": "0 0 0 1px var(--lm-ring-8), 0 1px 1px -0.5px var(--lm-drop), 0 3px 3px -1.5px var(--lm-drop), 0 6px 6px -3px var(--lm-drop), 0 12px 12px -6px var(--lm-drop), 0 24px 24px -12px var(--lm-drop), 0 48px 48px -24px var(--lm-drop), 0 96px 96px -48px var(--lm-drop)" }, "dark": { "surface-1": "#191919", "surface-2": "#242424", "surface-3": "#2e2e2e", "surface-4": "#393939", "surface-5": "#444444", "surface-6": "#4e4e4e", "surface-7": "#575757", "surface-8": "#616161", "dm-hi-base": "rgba(255,255,255,0.01)", "dm-hi-mid": "rgba(255,255,255,0.02)", "dm-hi-high": "rgba(255,255,255,0.04)", "dm-hi-peak": "rgba(255,255,255,0.06)", "dm-ring-base": "rgba(255,255,255,0.02)", "dm-ring-mid": "rgba(255,255,255,0.04)", "dm-ring-high": "rgba(255,255,255,0.06)", "dm-drop": "rgba(0,0,0,0.18)", "shadow-1": "inset 0 0 0 1px var(--dm-ring-base)", "shadow-2": "inset 0 1px 0 0 var(--dm-hi-base), inset 0 0 0 1px var(--dm-ring-base), 0 1px 1px -0.5px var(--dm-drop)", "shadow-3": "inset 0 1px 0 0 var(--dm-hi-mid), inset 0 0 0 1px var(--dm-ring-base), 0 0 0 1px rgba(0,0,0,0.12), 0 1px 1px -0.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop)", "shadow-4": "inset 0 1px 0 0 var(--dm-hi-mid), inset 0 0 0 1px var(--dm-ring-mid), 0 0 0 1px rgba(0,0,0,0.14), 0 1px 1px -0.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop)", "shadow-5": "inset 0 1px 0 0 var(--dm-hi-high), inset 0 0 0 1px var(--dm-ring-mid), 0 0 0 1px rgba(0,0,0,0.16), 0 1px 1px -0.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop), 0 12px 12px -6px var(--dm-drop)", "shadow-6": "inset 0 1px 0 0 var(--dm-hi-high), inset 0 0 0 1px var(--dm-ring-high), 0 0 0 1px rgba(0,0,0,0.18), 0 1px 1px -0.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop), 0 12px 12px -6px var(--dm-drop), 0 24px 24px -12px var(--dm-drop)", "shadow-7": "inset 0 1px 0 0 var(--dm-hi-peak), inset 0 0 0 1px var(--dm-ring-high), 0 0 0 1px rgba(0,0,0,0.2), 0 1px 1px -0.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop), 0 12px 12px -6px var(--dm-drop), 0 24px 24px -12px var(--dm-drop), 0 48px 48px -24px var(--dm-drop)", "shadow-8": "inset 0 1px 0 0 var(--dm-hi-peak), inset 0 0 0 1px var(--dm-ring-high), 0 0 0 1px rgba(0,0,0,0.22), 0 1px 1px -0.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop), 0 12px 12px -6px var(--dm-drop), 0 24px 24px -12px var(--dm-drop), 0 48px 48px -24px var(--dm-drop), 0 96px 96px -48px var(--dm-drop)" }, "theme": { "ease-lift": "cubic-bezier(0.4, 0, 0.2, 1)", "duration-lift": "320ms", "duration-lift-press": "120ms" } }, "css": { "@theme inline": { "--color-surface-1": "var(--surface-1)", "--color-surface-2": "var(--surface-2)", "--color-surface-3": "var(--surface-3)", "--color-surface-4": "var(--surface-4)", "--color-surface-5": "var(--surface-5)", "--color-surface-6": "var(--surface-6)", "--color-surface-7": "var(--surface-7)", "--color-surface-8": "var(--surface-8)", "--shadow-surface-1": "var(--shadow-1)", "--shadow-surface-2": "var(--shadow-2)", "--shadow-surface-3": "var(--shadow-3)", "--shadow-surface-4": "var(--shadow-4)", "--shadow-surface-5": "var(--shadow-5)", "--shadow-surface-6": "var(--shadow-6)", "--shadow-surface-7": "var(--shadow-7)", "--shadow-surface-8": "var(--shadow-8)" }, "@utility hover-lift": { "--lift": "2px", "transition-property": "translate, scale, box-shadow, background-color, border-color, border-radius, color, opacity", "transition-duration": "var(--duration-lift)", "transition-timing-function": "var(--ease-lift)", "@media (hover: hover)": { "&:hover": { "translate": "0 calc(var(--lift) * -1)" } }, "&:active": { "translate": "0 0", "transition-duration": "var(--duration-lift-press)" }, "@media (prefers-reduced-motion: reduce)": { "transition-property": "background-color, border-color, color, opacity", "&:hover, &:active": { "translate": "none", "scale": "none" } } } }, "files": [ { "path": "src/registry/new-york-v4/ui/elevated.tsx", "type": "registry:ui" } ] }, { "name": "notification-center-01", "type": "registry:block", "description": "Notification centre on the Surfaces system — every card lifts one step off the panel and another under the cursor, new items slide in, and dismissals play their exit before the list closes the gap.", "dependencies": [ "framer-motion", "lucide-react", "tailwind-merge" ], "registryDependencies": [ "https://matos-ui.com/r/badge.json", "https://matos-ui.com/r/button.json", "https://matos-ui.com/r/elevated.json", "https://matos-ui.com/r/motion-tokens.json", "https://matos-ui.com/r/surface-classes.json", "https://matos-ui.com/r/surface-context.json" ], "files": [ { "path": "src/registry/new-york-v4/blocks/notification-center-01/notification-center-01.tsx", "type": "registry:block" } ] }, { "name": "command-menu-01", "type": "registry:block", "description": "Command palette that spells out the elevation rule: a dialog-weight Elevated over a scrim, with a popover-weight Elevated highlight nested inside it, sliding between rows on arrow keys.", "dependencies": [ "framer-motion", "lucide-react", "tailwind-merge" ], "registryDependencies": [ "https://matos-ui.com/r/elevated.json", "https://matos-ui.com/r/motion-tokens.json", "https://matos-ui.com/r/surface-classes.json", "https://matos-ui.com/r/surface-context.json" ], "files": [ { "path": "src/registry/new-york-v4/blocks/command-menu-01/command-menu-01.tsx", "type": "registry:block" } ] }, { "name": "pricing-tiers-01", "type": "registry:block", "description": "Pricing table where the featured tier sits a full elevation rung above its neighbours, with a shared-layoutId billing toggle and a price that slides on switch.", "dependencies": [ "framer-motion", "lucide-react", "tailwind-merge" ], "registryDependencies": [ "https://matos-ui.com/r/badge.json", "https://matos-ui.com/r/button.json", "https://matos-ui.com/r/elevated.json", "https://matos-ui.com/r/motion-tokens.json", "https://matos-ui.com/r/surface-classes.json", "https://matos-ui.com/r/surface-context.json" ], "files": [ { "path": "src/registry/new-york-v4/blocks/pricing-tiers-01/pricing-tiers-01.tsx", "type": "registry:block" } ] }, { "name": "stat-tiles-01", "type": "registry:block", "description": "A row of KPI tiles that reads its substrate and animates once on scroll — reveal + stagger, counting numbers, and a self-drawing sparkline per tile.", "dependencies": [ "framer-motion", "lucide-react", "tailwind-merge" ], "registryDependencies": [ "https://matos-ui.com/r/elevated.json", "https://matos-ui.com/r/motion-tokens.json", "https://matos-ui.com/r/surface-classes.json", "https://matos-ui.com/r/surface-context.json" ], "files": [ { "path": "src/registry/new-york-v4/blocks/stat-tiles-01/stat-tiles-01.tsx", "type": "registry:block" } ] }, { "name": "dashboard-overview-01", "type": "registry:block", "description": "Responsive analytics dashboard with selectable date ranges, animated metrics, export actions, and a recent activity feed.", "dependencies": [ "lucide-react" ], "registryDependencies": [ "https://matos-ui.com/r/badge.json", "https://matos-ui.com/r/button.json", "https://matos-ui.com/r/elevated.json", "https://matos-ui.com/r/metric-card.json" ], "files": [ { "path": "src/registry/new-york-v4/blocks/dashboard-overview-01/dashboard-overview-01.tsx", "type": "registry:block" } ] }, { "name": "profile-settings-01", "type": "registry:block", "description": "Responsive account settings screen with profile navigation, editable identity fields, validation, and saving feedback.", "dependencies": [ "lucide-react" ], "registryDependencies": [ "https://matos-ui.com/r/badge.json", "https://matos-ui.com/r/button.json", "https://matos-ui.com/r/input.json", "https://matos-ui.com/r/textarea.json" ], "files": [ { "path": "src/registry/new-york-v4/blocks/profile-settings-01/profile-settings-01.tsx", "type": "registry:block" } ] }, { "name": "sidebar-surface-01", "type": "registry:block", "description": "Application sidebar built on the Surfaces system — the panel lifts off the app background, the active item and the user menu popover elevate one and two steps, and collapsible nav groups keep everything readable in light and dark.", "dependencies": [ "framer-motion", "lucide-react", "tailwind-merge" ], "registryDependencies": [ "https://matos-ui.com/r/elevated.json", "https://matos-ui.com/r/surface-context.json", "https://matos-ui.com/r/surface-classes.json", "https://matos-ui.com/r/badge.json" ], "files": [ { "path": "src/registry/new-york-v4/blocks/sidebar-surface-01/sidebar-surface-01.tsx", "type": "registry:block" }, { "path": "src/registry/new-york-v4/blocks/sidebar-surface-01/components/nav-section.tsx", "type": "registry:component" }, { "path": "src/registry/new-york-v4/blocks/sidebar-surface-01/components/user-menu.tsx", "type": "registry:component" }, { "path": "src/registry/new-york-v4/blocks/sidebar-surface-01/data.tsx", "type": "registry:component" } ] }, { "name": "sign-in-01", "type": "registry:block", "description": "Split sign-in screen with social auth, email and password validation, loading, error and success states, and a responsive marketing aside.", "dependencies": [ "framer-motion", "lucide-react", "tailwind-merge" ], "registryDependencies": [ "https://matos-ui.com/r/button.json", "https://matos-ui.com/r/badge.json", "https://matos-ui.com/r/input.json", "https://matos-ui.com/r/password-input.json", "https://matos-ui.com/r/checkbox.json" ], "files": [ { "path": "src/registry/new-york-v4/blocks/sign-in-01/sign-in-01.tsx", "type": "registry:block" }, { "path": "src/registry/new-york-v4/blocks/sign-in-01/components/auth-aside.tsx", "type": "registry:component" } ] }, { "name": "palette-ink", "type": "registry:theme", "cssVars": { "light": { "primary": "oklch(0.31 0.006 286)", "primary-foreground": "oklch(0.985 0 0)", "accent": "oklch(0.965 0.003 286)", "accent-foreground": "oklch(0.34 0.008 286)", "ring": "oklch(0.62 0.01 286 / 0.5)", "chart-1": "oklch(0.34 0.006 286)", "chart-2": "oklch(0.47 0.008 286)", "chart-3": "oklch(0.59 0.01 286)", "chart-4": "oklch(0.71 0.01 286)", "chart-5": "oklch(0.83 0.008 286)", "sidebar-primary": "oklch(0.31 0.006 286)", "sidebar-primary-foreground": "oklch(0.985 0 0)", "sidebar-ring": "oklch(0.62 0.01 286 / 0.5)" }, "dark": { "primary": "oklch(0.92 0.004 286)", "primary-foreground": "oklch(0.21 0.006 286)", "accent": "oklch(0.27 0.006 286)", "accent-foreground": "oklch(0.9 0.004 286)", "ring": "oklch(0.55 0.01 286 / 0.5)", "chart-1": "oklch(0.92 0.004 286)", "chart-2": "oklch(0.8 0.006 286)", "chart-3": "oklch(0.68 0.008 286)", "chart-4": "oklch(0.56 0.008 286)", "chart-5": "oklch(0.45 0.008 286)", "sidebar-primary": "oklch(0.92 0.004 286)", "sidebar-primary-foreground": "oklch(0.21 0.006 286)", "sidebar-ring": "oklch(0.55 0.01 286 / 0.5)" } } }, { "name": "palette-lume", "type": "registry:theme", "cssVars": { "light": { "primary": "oklch(0.88 0.21 128)", "primary-foreground": "oklch(0.24 0.06 128)", "accent": "oklch(0.96 0.06 128)", "accent-foreground": "oklch(0.42 0.13 128)", "ring": "oklch(0.88 0.21 128 / 0.5)", "chart-1": "oklch(0.94 0.13 128)", "chart-2": "oklch(0.9 0.19 128)", "chart-3": "oklch(0.85 0.21 128)", "chart-4": "oklch(0.77 0.2 128)", "chart-5": "oklch(0.68 0.17 128)", "sidebar-primary": "oklch(0.88 0.21 128)", "sidebar-primary-foreground": "oklch(0.24 0.06 128)", "sidebar-ring": "oklch(0.88 0.21 128 / 0.5)" }, "dark": { "primary": "oklch(0.88 0.22 128)", "primary-foreground": "oklch(0.22 0.06 128)", "accent": "oklch(0.29 0.06 128)", "accent-foreground": "oklch(0.9 0.16 128)", "ring": "oklch(0.88 0.22 128 / 0.5)", "chart-1": "oklch(0.94 0.14 128)", "chart-2": "oklch(0.89 0.2 128)", "chart-3": "oklch(0.82 0.21 128)", "chart-4": "oklch(0.74 0.19 128)", "chart-5": "oklch(0.65 0.16 128)", "sidebar-primary": "oklch(0.88 0.22 128)", "sidebar-primary-foreground": "oklch(0.22 0.06 128)", "sidebar-ring": "oklch(0.88 0.22 128 / 0.5)" } } }, { "name": "palette-orange", "type": "registry:theme", "cssVars": { "light": { "primary": "oklch(0.63 0.22 40)", "primary-foreground": "oklch(0.985 0 0)", "accent": "oklch(0.96 0.045 40)", "accent-foreground": "oklch(0.44 0.15 40)", "ring": "oklch(0.63 0.22 40 / 0.5)", "chart-1": "oklch(0.83 0.12 40)", "chart-2": "oklch(0.75 0.18 40)", "chart-3": "oklch(0.66 0.22 40)", "chart-4": "oklch(0.57 0.2 40)", "chart-5": "oklch(0.49 0.16 40)", "sidebar-primary": "oklch(0.63 0.22 40)", "sidebar-primary-foreground": "oklch(0.985 0 0)", "sidebar-ring": "oklch(0.63 0.22 40 / 0.5)" }, "dark": { "primary": "oklch(0.64 0.21 40)", "primary-foreground": "oklch(0.985 0 0)", "accent": "oklch(0.28 0.06 40)", "accent-foreground": "oklch(0.83 0.13 40)", "ring": "oklch(0.64 0.21 40 / 0.5)", "chart-1": "oklch(0.86 0.11 40)", "chart-2": "oklch(0.78 0.16 40)", "chart-3": "oklch(0.69 0.2 40)", "chart-4": "oklch(0.6 0.2 40)", "chart-5": "oklch(0.52 0.17 40)", "sidebar-primary": "oklch(0.64 0.21 40)", "sidebar-primary-foreground": "oklch(0.985 0 0)", "sidebar-ring": "oklch(0.64 0.21 40 / 0.5)" } } }, { "name": "palette-rose", "type": "registry:theme", "cssVars": { "light": { "primary": "oklch(0.58 0.24 8)", "primary-foreground": "oklch(0.985 0 0)", "accent": "oklch(0.96 0.04 8)", "accent-foreground": "oklch(0.44 0.17 8)", "ring": "oklch(0.58 0.24 8 / 0.5)", "chart-1": "oklch(0.82 0.11 8)", "chart-2": "oklch(0.73 0.18 8)", "chart-3": "oklch(0.63 0.24 8)", "chart-4": "oklch(0.54 0.24 8)", "chart-5": "oklch(0.46 0.2 8)", "sidebar-primary": "oklch(0.58 0.24 8)", "sidebar-primary-foreground": "oklch(0.985 0 0)", "sidebar-ring": "oklch(0.58 0.24 8 / 0.5)" }, "dark": { "primary": "oklch(0.6 0.24 8)", "primary-foreground": "oklch(0.985 0 0)", "accent": "oklch(0.28 0.07 8)", "accent-foreground": "oklch(0.83 0.12 8)", "ring": "oklch(0.6 0.24 8 / 0.5)", "chart-1": "oklch(0.85 0.1 8)", "chart-2": "oklch(0.76 0.16 8)", "chart-3": "oklch(0.67 0.23 8)", "chart-4": "oklch(0.58 0.24 8)", "chart-5": "oklch(0.5 0.21 8)", "sidebar-primary": "oklch(0.6 0.24 8)", "sidebar-primary-foreground": "oklch(0.985 0 0)", "sidebar-ring": "oklch(0.6 0.24 8 / 0.5)" } } }, { "name": "palette-emerald", "type": "registry:theme", "cssVars": { "light": { "primary": "oklch(0.64 0.16 162)", "primary-foreground": "oklch(0.985 0 0)", "accent": "oklch(0.96 0.04 162)", "accent-foreground": "oklch(0.4 0.11 162)", "ring": "oklch(0.64 0.16 162 / 0.5)", "chart-1": "oklch(0.83 0.1 162)", "chart-2": "oklch(0.74 0.14 162)", "chart-3": "oklch(0.66 0.16 162)", "chart-4": "oklch(0.57 0.15 162)", "chart-5": "oklch(0.49 0.12 162)", "sidebar-primary": "oklch(0.64 0.16 162)", "sidebar-primary-foreground": "oklch(0.985 0 0)", "sidebar-ring": "oklch(0.64 0.16 162 / 0.5)" }, "dark": { "primary": "oklch(0.72 0.17 162)", "primary-foreground": "oklch(0.2 0.04 162)", "accent": "oklch(0.28 0.05 162)", "accent-foreground": "oklch(0.85 0.14 162)", "ring": "oklch(0.72 0.17 162 / 0.5)", "chart-1": "oklch(0.88 0.1 162)", "chart-2": "oklch(0.8 0.14 162)", "chart-3": "oklch(0.72 0.16 162)", "chart-4": "oklch(0.63 0.15 162)", "chart-5": "oklch(0.54 0.13 162)", "sidebar-primary": "oklch(0.72 0.17 162)", "sidebar-primary-foreground": "oklch(0.2 0.04 162)", "sidebar-ring": "oklch(0.72 0.17 162 / 0.5)" } } }, { "name": "palette-azure", "type": "registry:theme", "cssVars": { "light": { "primary": "oklch(0.55 0.22 256)", "primary-foreground": "oklch(0.985 0 0)", "accent": "oklch(0.96 0.04 256)", "accent-foreground": "oklch(0.42 0.16 256)", "ring": "oklch(0.55 0.22 256 / 0.5)", "chart-1": "oklch(0.81 0.09 256)", "chart-2": "oklch(0.71 0.15 256)", "chart-3": "oklch(0.61 0.21 256)", "chart-4": "oklch(0.52 0.22 256)", "chart-5": "oklch(0.44 0.18 256)", "sidebar-primary": "oklch(0.55 0.22 256)", "sidebar-primary-foreground": "oklch(0.985 0 0)", "sidebar-ring": "oklch(0.55 0.22 256 / 0.5)" }, "dark": { "primary": "oklch(0.58 0.22 256)", "primary-foreground": "oklch(0.985 0 0)", "accent": "oklch(0.28 0.07 256)", "accent-foreground": "oklch(0.83 0.11 256)", "ring": "oklch(0.58 0.22 256 / 0.5)", "chart-1": "oklch(0.85 0.09 256)", "chart-2": "oklch(0.76 0.15 256)", "chart-3": "oklch(0.67 0.2 256)", "chart-4": "oklch(0.58 0.22 256)", "chart-5": "oklch(0.5 0.19 256)", "sidebar-primary": "oklch(0.58 0.22 256)", "sidebar-primary-foreground": "oklch(0.985 0 0)", "sidebar-ring": "oklch(0.58 0.22 256 / 0.5)" } } }, { "name": "palette-violet", "type": "registry:theme", "cssVars": { "light": { "primary": "oklch(0.56 0.24 288)", "primary-foreground": "oklch(0.985 0 0)", "accent": "oklch(0.96 0.04 288)", "accent-foreground": "oklch(0.42 0.18 288)", "ring": "oklch(0.56 0.24 288 / 0.5)", "chart-1": "oklch(0.82 0.1 288)", "chart-2": "oklch(0.72 0.16 288)", "chart-3": "oklch(0.62 0.23 288)", "chart-4": "oklch(0.54 0.24 288)", "chart-5": "oklch(0.46 0.2 288)", "sidebar-primary": "oklch(0.56 0.24 288)", "sidebar-primary-foreground": "oklch(0.985 0 0)", "sidebar-ring": "oklch(0.56 0.24 288 / 0.5)" }, "dark": { "primary": "oklch(0.58 0.24 288)", "primary-foreground": "oklch(0.985 0 0)", "accent": "oklch(0.28 0.07 288)", "accent-foreground": "oklch(0.84 0.11 288)", "ring": "oklch(0.58 0.24 288 / 0.5)", "chart-1": "oklch(0.85 0.1 288)", "chart-2": "oklch(0.76 0.16 288)", "chart-3": "oklch(0.68 0.21 288)", "chart-4": "oklch(0.59 0.24 288)", "chart-5": "oklch(0.51 0.21 288)", "sidebar-primary": "oklch(0.58 0.24 288)", "sidebar-primary-foreground": "oklch(0.985 0 0)", "sidebar-ring": "oklch(0.58 0.24 288 / 0.5)" } } }, { "name": "magnetic-card-demo", "type": "registry:example", "registryDependencies": [ "magnetic-card" ], "files": [ { "path": "src/registry/new-york-v4/examples/magnetic-card-demo.tsx", "type": "registry:example" } ] }, { "name": "spring-slider-demo", "type": "registry:example", "registryDependencies": [ "spring-slider" ], "files": [ { "path": "src/registry/new-york-v4/examples/spring-slider-demo.tsx", "type": "registry:example" } ] }, { "name": "bouncy-toggle-demo", "type": "registry:example", "registryDependencies": [ "bouncy-toggle" ], "files": [ { "path": "src/registry/new-york-v4/examples/bouncy-toggle-demo.tsx", "type": "registry:example" } ] }, { "name": "rating-demo", "type": "registry:example", "registryDependencies": [ "rating" ], "files": [ { "path": "src/registry/new-york-v4/examples/rating-demo.tsx", "type": "registry:example" } ] }, { "name": "stepper-input-demo", "type": "registry:example", "registryDependencies": [ "stepper-input" ], "files": [ { "path": "src/registry/new-york-v4/examples/stepper-input-demo.tsx", "type": "registry:example" } ] }, { "name": "copy-button-demo", "type": "registry:example", "registryDependencies": [ "copy-button" ], "files": [ { "path": "src/registry/new-york-v4/examples/copy-button-demo.tsx", "type": "registry:example" } ] }, { "name": "confirm-button-demo", "type": "registry:example", "registryDependencies": [ "confirm-button" ], "files": [ { "path": "src/registry/new-york-v4/examples/confirm-button-demo.tsx", "type": "registry:example" } ] }, { "name": "cover-image-demo", "type": "registry:example", "registryDependencies": [ "cover-image", "elevated" ], "files": [ { "path": "src/registry/new-york-v4/examples/cover-image-demo.tsx", "type": "registry:example" } ] }, { "name": "async-boundary-demo", "type": "registry:example", "registryDependencies": [ "async-boundary" ], "files": [ { "path": "src/registry/new-york-v4/examples/async-boundary-demo.tsx", "type": "registry:example" } ] }, { "name": "skeleton-morph-demo", "type": "registry:example", "registryDependencies": [ "skeleton-morph" ], "files": [ { "path": "src/registry/new-york-v4/examples/skeleton-morph-demo.tsx", "type": "registry:example" } ] }, { "name": "inline-select-demo", "type": "registry:example", "registryDependencies": [ "inline-select" ], "files": [ { "path": "src/registry/new-york-v4/examples/inline-select-demo.tsx", "type": "registry:example" } ] }, { "name": "edit-in-place-demo", "type": "registry:example", "registryDependencies": [ "edit-in-place", "elevated" ], "files": [ { "path": "src/registry/new-york-v4/examples/edit-in-place-demo.tsx", "type": "registry:example" } ] }, { "name": "calendar-demo", "type": "registry:example", "registryDependencies": [ "calendar", "elevated" ], "files": [ { "path": "src/registry/new-york-v4/examples/calendar-demo.tsx", "type": "registry:example" } ] }, { "name": "date-picker-demo", "type": "registry:example", "registryDependencies": [ "date-picker" ], "files": [ { "path": "src/registry/new-york-v4/examples/date-picker-demo.tsx", "type": "registry:example" } ] }, { "name": "tag-input-demo", "type": "registry:example", "registryDependencies": [ "tag-input" ], "files": [ { "path": "src/registry/new-york-v4/examples/tag-input-demo.tsx", "type": "registry:example" } ] }, { "name": "nested-menu-demo", "type": "registry:example", "registryDependencies": [ "nested-menu" ], "files": [ { "path": "src/registry/new-york-v4/examples/nested-menu-demo.tsx", "type": "registry:example" } ] }, { "name": "coachmark-demo", "type": "registry:example", "registryDependencies": [ "coachmark" ], "files": [ { "path": "src/registry/new-york-v4/examples/coachmark-demo.tsx", "type": "registry:example" } ] }, { "name": "physics-counter-demo", "type": "registry:example", "registryDependencies": [ "physics-counter" ], "files": [ { "path": "src/registry/new-york-v4/examples/physics-counter-demo.tsx", "type": "registry:example" } ] }, { "name": "progress-ring-demo", "type": "registry:example", "registryDependencies": [ "progress-ring", "elevated", "button" ], "files": [ { "path": "src/registry/new-york-v4/examples/progress-ring-demo.tsx", "type": "registry:example" } ] }, { "name": "avatar-group-demo", "type": "registry:example", "registryDependencies": [ "avatar-group", "elevated" ], "files": [ { "path": "src/registry/new-york-v4/examples/avatar-group-demo.tsx", "type": "registry:example" } ] }, { "name": "floating-action-menu-demo", "type": "registry:example", "registryDependencies": [ "floating-action-menu" ], "files": [ { "path": "src/registry/new-york-v4/examples/floating-action-menu-demo.tsx", "type": "registry:example" } ] }, { "name": "reactive-button-demo", "type": "registry:example", "registryDependencies": [ "reactive-button" ], "files": [ { "path": "src/registry/new-york-v4/examples/reactive-button-demo.tsx", "type": "registry:example" } ] }, { "name": "theme-toggler-button-demo", "type": "registry:example", "registryDependencies": [ "theme-toggler-button", "elevated" ], "files": [ { "path": "src/registry/new-york-v4/examples/theme-toggler-button-demo.tsx", "type": "registry:example" } ] }, { "name": "badge-demo", "type": "registry:example", "registryDependencies": [ "badge" ], "files": [ { "path": "src/registry/new-york-v4/examples/badge-demo.tsx", "type": "registry:example" } ] }, { "name": "data-table-demo", "type": "registry:example", "registryDependencies": [ "data-table" ], "files": [ { "path": "src/registry/new-york-v4/examples/data-table-demo.tsx", "type": "registry:example" } ] }, { "name": "inset-command-dock-demo", "type": "registry:example", "registryDependencies": [ "inset-command-dock" ], "files": [ { "path": "src/registry/new-york-v4/examples/inset-command-dock-demo.tsx", "type": "registry:example" } ] }, { "name": "accordion-demo", "type": "registry:example", "registryDependencies": [ "accordion" ], "files": [ { "path": "src/registry/new-york-v4/examples/accordion-demo.tsx", "type": "registry:example" } ] }, { "name": "action-bar-demo", "type": "registry:example", "registryDependencies": [ "action-bar" ], "files": [ { "path": "src/registry/new-york-v4/examples/action-bar-demo.tsx", "type": "registry:example" } ] }, { "name": "command-dock-demo", "type": "registry:example", "registryDependencies": [ "command-dock" ], "files": [ { "path": "src/registry/new-york-v4/examples/command-dock-demo.tsx", "type": "registry:example" } ] }, { "name": "file-upload-demo", "type": "registry:example", "registryDependencies": [ "file-upload" ], "files": [ { "path": "src/registry/new-york-v4/examples/file-upload-demo.tsx", "type": "registry:example" } ] }, { "name": "stacked-dialog-demo", "type": "registry:example", "registryDependencies": [ "stacked-dialog" ], "files": [ { "path": "src/registry/new-york-v4/examples/stacked-dialog-demo.tsx", "type": "registry:example" } ] }, { "name": "achievement-toast-demo", "type": "registry:example", "registryDependencies": [ "achievement-toast" ], "files": [ { "path": "src/registry/new-york-v4/examples/achievement-toast-demo.tsx", "type": "registry:example" } ] }, { "name": "context-menu-demo", "type": "registry:example", "registryDependencies": [ "context-menu", "elevated" ], "files": [ { "path": "src/registry/new-york-v4/examples/context-menu-demo.tsx", "type": "registry:example" } ] }, { "name": "metric-card-demo", "type": "registry:example", "registryDependencies": [ "metric-card" ], "files": [ { "path": "src/registry/new-york-v4/examples/metric-card-demo.tsx", "type": "registry:example" } ] }, { "name": "animated-area-chart-demo", "type": "registry:example", "registryDependencies": [ "animated-area-chart" ], "files": [ { "path": "src/registry/new-york-v4/examples/animated-area-chart-demo.tsx", "type": "registry:example" } ] }, { "name": "allocation-performance-chart-demo", "type": "registry:example", "registryDependencies": [ "allocation-performance-chart" ], "files": [ { "path": "src/registry/new-york-v4/examples/allocation-performance-chart-demo.tsx", "type": "registry:example" } ] }, { "name": "sparkline-card-demo", "type": "registry:example", "registryDependencies": [ "sparkline-card" ], "files": [ { "path": "src/registry/new-york-v4/examples/sparkline-card-demo.tsx", "type": "registry:example" } ] }, { "name": "signal-flow-chart-demo", "type": "registry:example", "registryDependencies": [ "signal-flow-chart" ], "files": [ { "path": "src/registry/new-york-v4/examples/signal-flow-chart-demo.tsx", "type": "registry:example" } ] }, { "name": "activity-heatmap-chart-demo", "type": "registry:example", "registryDependencies": [ "activity-heatmap-chart" ], "files": [ { "path": "src/registry/new-york-v4/examples/activity-heatmap-chart-demo.tsx", "type": "registry:example" } ] }, { "name": "candlestick-chart-demo", "type": "registry:example", "registryDependencies": [ "candlestick-chart" ], "files": [ { "path": "src/registry/new-york-v4/examples/candlestick-chart-demo.tsx", "type": "registry:example" } ] }, { "name": "bubble-chart-demo", "type": "registry:example", "registryDependencies": [ "bubble-chart" ], "files": [ { "path": "src/registry/new-york-v4/examples/bubble-chart-demo.tsx", "type": "registry:example" } ] }, { "name": "activity-waveform-chart-demo", "type": "registry:example", "registryDependencies": [ "activity-waveform-chart" ], "files": [ { "path": "src/registry/new-york-v4/examples/activity-waveform-chart-demo.tsx", "type": "registry:example" } ] }, { "name": "performance-waterfall-chart-demo", "type": "registry:example", "registryDependencies": [ "performance-waterfall-chart" ], "files": [ { "path": "src/registry/new-york-v4/examples/performance-waterfall-chart-demo.tsx", "type": "registry:example" } ] }, { "name": "threshold-band-chart-demo", "type": "registry:example", "registryDependencies": [ "threshold-band-chart" ], "files": [ { "path": "src/registry/new-york-v4/examples/threshold-band-chart-demo.tsx", "type": "registry:example" } ] }, { "name": "impact-priority-matrix-demo", "type": "registry:example", "registryDependencies": [ "impact-priority-matrix" ], "files": [ { "path": "src/registry/new-york-v4/examples/impact-priority-matrix-demo.tsx", "type": "registry:example" } ] }, { "name": "resource-treemap-chart-demo", "type": "registry:example", "registryDependencies": [ "resource-treemap-chart" ], "files": [ { "path": "src/registry/new-york-v4/examples/resource-treemap-chart-demo.tsx", "type": "registry:example" } ] }, { "name": "score-radar-chart-demo", "type": "registry:example", "registryDependencies": [ "score-radar-chart" ], "files": [ { "path": "src/registry/new-york-v4/examples/score-radar-chart-demo.tsx", "type": "registry:example" } ] }, { "name": "motion-tabs-demo", "type": "registry:example", "registryDependencies": [ "motion-tabs" ], "files": [ { "path": "src/registry/new-york-v4/examples/motion-tabs-demo.tsx", "type": "registry:example" } ] }, { "name": "feedback-card-demo", "type": "registry:example", "registryDependencies": [ "feedback-card" ], "files": [ { "path": "src/registry/new-york-v4/examples/feedback-card-demo.tsx", "type": "registry:example" } ] }, { "name": "spotlight-card-demo", "type": "registry:example", "registryDependencies": [ "spotlight-card" ], "files": [ { "path": "src/registry/new-york-v4/examples/spotlight-card-demo.tsx", "type": "registry:example" } ] }, { "name": "process-timeline-engine-demo", "type": "registry:example", "registryDependencies": [ "process-timeline-engine" ], "files": [ { "path": "src/registry/new-york-v4/examples/process-timeline-engine-demo.tsx", "type": "registry:example" } ] }, { "name": "input-demo", "type": "registry:example", "registryDependencies": [ "input" ], "files": [ { "path": "src/registry/new-york-v4/examples/input-demo.tsx", "type": "registry:example" } ] }, { "name": "password-input-demo", "type": "registry:example", "registryDependencies": [ "password-input" ], "files": [ { "path": "src/registry/new-york-v4/examples/password-input-demo.tsx", "type": "registry:example" } ] }, { "name": "select-demo", "type": "registry:example", "registryDependencies": [ "select" ], "files": [ { "path": "src/registry/new-york-v4/examples/select-demo.tsx", "type": "registry:example" } ] }, { "name": "textarea-demo", "type": "registry:example", "registryDependencies": [ "textarea" ], "files": [ { "path": "src/registry/new-york-v4/examples/textarea-demo.tsx", "type": "registry:example" } ] }, { "name": "checkbox-demo", "type": "registry:example", "registryDependencies": [ "checkbox" ], "files": [ { "path": "src/registry/new-york-v4/examples/checkbox-demo.tsx", "type": "registry:example" } ] }, { "name": "form-grid-demo", "type": "registry:example", "registryDependencies": [ "input", "textarea", "form-grid", "form-section" ], "files": [ { "path": "src/registry/new-york-v4/examples/form-grid-demo.tsx", "type": "registry:example" } ] }, { "name": "form-with-zod-demo", "type": "registry:example", "dependencies": [ "react-hook-form", "@hookform/resolvers", "zod" ], "registryDependencies": [ "button", "input", "select", "form-grid", "form-section" ], "files": [ { "path": "src/registry/new-york-v4/examples/form-with-zod-demo.tsx", "type": "registry:example" } ] }, { "name": "otp-input-demo", "type": "registry:example", "registryDependencies": [ "otp-input" ], "files": [ { "path": "src/registry/new-york-v4/examples/otp-input-demo.tsx", "type": "registry:example" } ] }, { "name": "popover-card-demo", "type": "registry:example", "dependencies": [ "lucide-react" ], "registryDependencies": [ "popover-card" ], "files": [ { "path": "src/registry/new-york-v4/examples/popover-card-demo.tsx", "type": "registry:example" } ] }, { "name": "sheet-panel-demo", "type": "registry:example", "dependencies": [ "lucide-react" ], "registryDependencies": [ "sheet-panel" ], "files": [ { "path": "src/registry/new-york-v4/examples/sheet-panel-demo.tsx", "type": "registry:example" } ] }, { "name": "signup-form-demo", "type": "registry:example", "dependencies": [ "react-hook-form", "@hookform/resolvers", "zod" ], "registryDependencies": [ "button", "checkbox", "form-grid", "form-section", "input", "password-input", "select", "textarea" ], "files": [ { "path": "src/registry/new-york-v4/examples/signup-form-demo.tsx", "type": "registry:example" } ] }, { "name": "elevated-demo", "type": "registry:example", "registryDependencies": [ "elevated" ], "files": [ { "path": "src/registry/new-york-v4/examples/elevated-demo.tsx", "type": "registry:example" } ] }, { "name": "motion-tokens-demo", "type": "registry:example", "registryDependencies": [ "motion-tokens", "elevated", "button" ], "files": [ { "path": "src/registry/new-york-v4/examples/motion-tokens-demo.tsx", "type": "registry:example" } ] }, { "name": "motion-stagger-demo", "type": "registry:example", "registryDependencies": [ "motion-tokens", "elevated", "button" ], "files": [ { "path": "src/registry/new-york-v4/examples/motion-stagger-demo.tsx", "type": "registry:example" } ] }, { "name": "motion-attention-demo", "type": "registry:example", "registryDependencies": [ "motion-tokens", "elevated", "button" ], "files": [ { "path": "src/registry/new-york-v4/examples/motion-attention-demo.tsx", "type": "registry:example" } ] } ] }