{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"notchset-foundation","type":"registry:item","title":"Notchset foundation","description":"Notchset's shared CSS: tokens (light at :root, dark on .dark) reading your shadcn theme with Notchset's values as fallbacks, keyframes and the motion levels. Installed once, by any Notchset component.","css":{":root":{"--notchset-key-down":"40ms","--notchset-key-up":"200ms","--notchset-ease-key-up":"cubic-bezier(0.34, 1.5, 0.5, 1)","--notchset-node-bloom":"360ms","--notchset-ease-bloom":"cubic-bezier(0.34, 1.9, 0.5, 1)","--notchset-node-blink":"840ms","--notchset-travel":"300ms","--notchset-ease-travel":"cubic-bezier(0.7, 0, 0.25, 1)","--notchset-block":"340ms","--notchset-ease-block":"cubic-bezier(0.34, 1.25, 0.5, 1)","--notchset-unfold":"380ms","--notchset-ease-unfold":"cubic-bezier(0.16, 1, 0.3, 1)","--notchset-row-settle":"420ms","--notchset-row-stagger":"50ms","--notchset-ease-settle":"cubic-bezier(0.34, 1.5, 0.5, 1)","--notchset-check":"260ms","--notchset-fade":"120ms"},"@keyframes notchset-node-blink":{"0%, 39%":{"r":"3.25px"},"50%, 89%":{"r":"1.1px"},"100%":{"r":"3.25px"}},"@keyframes notchset-row-in":{"from":{"opacity":"0","transform":"translateY(-6px)"}},"@keyframes notchset-unfold":{"from":{"grid-template-rows":"0fr"}},"@keyframes notchset-leader-y":{"from":{"transform":"scaleY(0)"}},"@keyframes notchset-leader-x":{"from":{"transform":"scaleX(0)"}},"@keyframes notchset-fold":{"to":{"grid-template-rows":"0fr"}},"@keyframes notchset-fold-x":{"to":{"grid-template-columns":"0fr"}},"@keyframes notchset-unfold-x":{"from":{"grid-template-columns":"0fr"}},"@keyframes notchset-detent-stretch":{"0%":{"width":"7px"},"32%":{"width":"22px","animation-timing-function":"cubic-bezier(0.34, 1.6, 0.5, 1)"},"100%":{"width":"7px"}},"@keyframes notchset-bloom":{"from":{"transform":"scale(0)"}},"@keyframes notchset-settle":{"from":{"opacity":"0","transform":"translateY(6px)"}},"@keyframes notchset-accordion-down":{"from":{"height":"0"},"to":{"height":"var(--radix-accordion-content-height)"}},"@keyframes notchset-accordion-up":{"from":{"height":"var(--radix-accordion-content-height)"},"to":{"height":"0"}},"@keyframes notchset-unroll":{"from":{"clip-path":"inset(0 0 100% 0)","translate":"-50% calc(-50% - 8px)"}},"@keyframes notchset-rollup":{"to":{"clip-path":"inset(0 0 100% 0)"}},"@keyframes notchset-fade-in":{"from":{"opacity":"0"}},"@keyframes notchset-fade-out":{"to":{"opacity":"0"}},"@keyframes notchset-reveal-up":{"from":{"clip-path":"inset(100% -8px -14px -8px)"},"to":{"clip-path":"inset(-8px -8px -14px -8px)"}},"@keyframes notchset-reveal-down":{"from":{"clip-path":"inset(-14px -8px 100% -8px)"},"to":{"clip-path":"inset(-14px -8px -8px -8px)"}},"@keyframes notchset-conceal-up":{"from":{"clip-path":"inset(-8px -8px -14px -8px)"},"to":{"clip-path":"inset(100% -8px -14px -8px)"}},"@keyframes notchset-conceal-down":{"from":{"clip-path":"inset(-14px -8px -8px -8px)"},"to":{"clip-path":"inset(-14px -8px 100% -8px)"}},"@keyframes notchset-rise":{"from":{"opacity":"0","transform":"translateY(4px)"}},"@keyframes notchset-lift":{"from":{"transform":"translateY(4px)"}},"@keyframes notchset-lift-down":{"from":{"transform":"translateY(-4px)"}},"@keyframes notchset-drop":{"from":{"transform":"translateY(-5px)"}},"@keyframes notchset-head-rise":{"from":{"transform":"translateY(var(--notchset-rise-from, 0px))"}},"@keyframes notchset-corner-tl":{"from":{"clip-path":"inset(0 100% 100% 0)"},"to":{"clip-path":"inset(0)"}},"@keyframes notchset-corner-tr":{"from":{"clip-path":"inset(0 0 100% 100%)"},"to":{"clip-path":"inset(0)"}},"@keyframes notchset-corner-bl":{"from":{"clip-path":"inset(100% 100% 0 0)"},"to":{"clip-path":"inset(0)"}},"@keyframes notchset-corner-br":{"from":{"clip-path":"inset(100% 0 0 100%)"},"to":{"clip-path":"inset(0)"}},"@keyframes notchset-pop":{"from":{"opacity":"0","transform":"scale(0.4)"}},"@keyframes notchset-blink":{"50%":{"opacity":"0"}},"@keyframes notchset-from-end":{"from":{"transform":"translateX(24px)"}},"@keyframes notchset-from-start":{"from":{"transform":"translateX(-24px)"}},"@keyframes notchset-draw":{"from":{"stroke-dashoffset":"var(--notchset-draw-from, 100)"},"to":{"stroke-dashoffset":"0"}},"@keyframes notchset-token-in":{"from":{"opacity":"0","transform":"scale(0.6)"}},"@keyframes notchset-roll-out":{"to":{"transform":"translateY(-100%)"}},"@keyframes notchset-roll-in":{"from":{"transform":"translateY(100%)"}},"@keyframes notchset-settle-10":{"from":{"transform":"translateY(10px)"}},"@keyframes notchset-toast-in":{"from":{"transform":"translateY(20px)"}},"@keyframes notchset-toast-out":{"to":{"opacity":"0","transform":"scale(0.96)"}},"@keyframes notchset-life":{"from":{"transform":"scaleX(var(--notchset-life-from, 1))"},"to":{"transform":"scaleX(0)"}},"@keyframes notchset-scan-tick":{"from":{"opacity":"1"},"to":{"opacity":"0.18"}},"@utility notchset-node":{"flex":"none","overflow":"visible","& [data-slot=\"indicator-ring\"]":{"stroke":"var(--notchset-control-edge, var(--input))","transition":"stroke var(--notchset-fade) linear"},"& [data-slot=\"indicator-dot\"]":{"r":"0px","fill":"var(--foreground)","transition":"r 180ms var(--notchset-ease-travel), fill 80ms linear"},"&:is([data-state=\"on\"], [data-state=\"live\"], [data-state=\"signal\"]) [data-slot=\"indicator-ring\"]":{"stroke":"var(--foreground)"},"&:is([data-state=\"on\"], [data-state=\"signal\"]) [data-slot=\"indicator-dot\"]":{"r":"3.25px","transition":"r var(--notchset-node-bloom) var(--notchset-ease-bloom) var(--notchset-node-delay, 0ms), fill 80ms linear var(--notchset-node-delay, 0ms)"},"&[data-state=\"live\"] [data-slot=\"indicator-dot\"]":{"r":"3.25px","animation":"notchset-node-blink var(--notchset-node-blink) linear infinite"},"&[data-state=\"signal\"] [data-slot=\"indicator-ring\"], &[data-state=\"signal\"] [data-slot=\"indicator-dot\"]":{"stroke":"var(--notchset-signal, var(--destructive))","fill":"var(--notchset-signal, var(--destructive))"},"&[data-state=\"signal\"] [data-slot=\"indicator-ring\"]":{"fill":"none"}},"[data-slot=\"toggle-latch\"]:has([aria-pressed=\"true\"]) > .notchset-node":{"& [data-slot=\"indicator-ring\"]":{"stroke":"var(--foreground)"},"& [data-slot=\"indicator-dot\"]":{"r":"3.25px","transition":"r var(--notchset-node-bloom) var(--notchset-ease-bloom) 60ms, fill 80ms linear 60ms"}},"@utility notchset-focus":{"position":"relative","outline":"none","-webkit-tap-highlight-color":"transparent","&:focus-visible::after":{"content":"\"\"","position":"absolute","inset":"var(--notchset-focus-inset, -5px)","pointer-events":"none","--c":"var(--notchset-focus-color, var(--ring))","background":"linear-gradient(var(--c), var(--c)) top left / 8px 2px, linear-gradient(var(--c), var(--c)) top left / 2px 8px, linear-gradient(var(--c), var(--c)) top right / 8px 2px, linear-gradient(var(--c), var(--c)) top right / 2px 8px, linear-gradient(var(--c), var(--c)) bottom left / 8px 2px, linear-gradient(var(--c), var(--c)) bottom left / 2px 8px, linear-gradient(var(--c), var(--c)) bottom right / 8px 2px, linear-gradient(var(--c), var(--c)) bottom right / 2px 8px","background-repeat":"no-repeat"}},"@media (forced-colors: active)":{".notchset-focus:focus-visible, .notchset-focus:has(> input:focus-visible)":{"outline":"2px solid CanvasText","outline-offset":"3px"}},".notchset-focus:has(> input:focus-visible)::after":{"content":"\"\"","position":"absolute","inset":"var(--notchset-focus-inset, -5px)","pointer-events":"none","--c":"var(--notchset-focus-color, var(--ring))","background":"linear-gradient(var(--c), var(--c)) top left / 8px 2px, linear-gradient(var(--c), var(--c)) top left / 2px 8px, linear-gradient(var(--c), var(--c)) top right / 8px 2px, linear-gradient(var(--c), var(--c)) top right / 2px 8px, linear-gradient(var(--c), var(--c)) bottom left / 8px 2px, linear-gradient(var(--c), var(--c)) bottom left / 2px 8px, linear-gradient(var(--c), var(--c)) bottom right / 8px 2px, linear-gradient(var(--c), var(--c)) bottom right / 2px 8px","background-repeat":"no-repeat"},"@utility notchset-plate":{"position":"absolute","inset":"0","box-sizing":"border-box","border":"1px solid var(--notchset-plate-color, var(--notchset-control-edge, var(--input)))","transform":"translate(2px, 2px)","pointer-events":"none","transition":"border-color var(--notchset-fade) linear"},"@keyframes notchset-check-draw":{"from":{"stroke-dashoffset":"1"},"to":{"stroke-dashoffset":"0"}},"@utility notchset-check-draw":{"stroke-dashoffset":"0","animation":"notchset-check-draw var(--notchset-check) var(--notchset-ease-travel) both"},"@utility notchset-scanner":{"& > span":{"animation":"notchset-scan-tick 700ms linear infinite"}},"@utility notchset-link":{"background-image":"linear-gradient(currentColor, currentColor), linear-gradient(var(--notchset-rule, var(--border)), var(--notchset-rule, var(--border)))","background-repeat":"no-repeat","background-position":"right bottom, left bottom","background-size":"0 1px, 100% 1px","transition":"background-size 280ms var(--notchset-ease-travel), color 120ms linear","& [data-slot=\"button-icon\"], & > svg":{"transition":"transform 300ms cubic-bezier(0.34, 1.6, 0.5, 1)"},"&:is(:hover, :focus-visible, :active)":{"background-position":"left bottom, left bottom","background-size":"100% 1px, 100% 1px","& [data-slot=\"button-icon\"], & > svg":{"transform":"translateX(4px)"}}},"@utility notchset-legend":{"display":"flex","align-items":"center","justify-content":"space-between","gap":"8px","font-family":"var(--font-mono)","font-size":"8px","font-weight":"400","letter-spacing":"0.14em","text-transform":"uppercase","color":"var(--muted-foreground)"},"@keyframes notchset-sweep-from-left":{"from":{"clip-path":"inset(0 100% 0 0)"},"to":{"clip-path":"inset(0)"}},"@keyframes notchset-sweep-from-right":{"from":{"clip-path":"inset(0 0 0 100%)"},"to":{"clip-path":"inset(0)"}},"@keyframes notchset-sweep-line":{"0%":{"transform":"translateX(0)","opacity":"1"},"83%":{"opacity":"1"},"100%":{"transform":"translateX(var(--notchset-sweep-to))","opacity":"0"}},"[data-notchset-sweep-line]":{"position":"fixed","top":"0","bottom":"0","width":"1px","pointer-events":"none","background":"var(--notchset-signal, var(--destructive))","view-transition-name":"notchset-sweep-line"},":root[data-notchset-sweep=\"to-dark\"]":{"--notchset-sweep-to":"100vw","& [data-notchset-sweep-line]":{"left":"0"}},":root[data-notchset-sweep=\"to-light\"]":{"--notchset-sweep-to":"-100vw","& [data-notchset-sweep-line]":{"right":"0"}},":root[data-notchset-sweep]::view-transition-old(root), :root[data-notchset-sweep]::view-transition-new(root)":{"animation":"none","mix-blend-mode":"normal"},":root[data-notchset-sweep=\"to-dark\"]::view-transition-new(root)":{"animation":"notchset-sweep-from-left 580ms var(--notchset-ease-travel) both"},":root[data-notchset-sweep=\"to-light\"]::view-transition-new(root)":{"animation":"notchset-sweep-from-right 580ms var(--notchset-ease-travel) both"},":root[data-notchset-sweep]::view-transition-group(notchset-sweep-line)":{"animation":"none"},":root[data-notchset-sweep]::view-transition-new(notchset-sweep-line)":{"animation":"notchset-sweep-line 580ms var(--notchset-ease-travel) both"},"@keyframes notchset-sweep":{"from":{"left":"0%"},"to":{"left":"100%"}},"@keyframes notchset-ind-r":{"from":{"right":"100%"},"to":{"right":"0%"}},"@keyframes notchset-ind-l":{"from":{"left":"0%"},"to":{"left":"100%"}},"@keyframes notchset-stamp":{"from":{"opacity":"0","transform":"scale(1.18) rotate(-2deg)"},"30%":{"opacity":"1"},"to":{"opacity":"1","transform":"scale(1) rotate(-2deg)"}},"@keyframes notchset-wave":{"0%":{"color":"var(--muted-foreground)"},"6%":{"color":"var(--foreground)"},"15%, 100%":{"color":"var(--muted-foreground)"}},"@keyframes notchset-avatar-in":{"from":{"opacity":"0","transform":"scale(0.4)"}},"@keyframes notchset-avatar-out":{"to":{"opacity":"0","transform":"scale(0.4)"}},"@media (prefers-reduced-motion: reduce)":{":root":{"--notchset-key-down":"0ms","--notchset-key-up":"0ms","--notchset-node-bloom":"0ms","--notchset-travel":"0ms","--notchset-block":"0ms","--notchset-unfold":"0ms","--notchset-row-settle":"0ms","--notchset-row-stagger":"0ms","--notchset-check":"0ms"},":root :is([data-notchset], [data-notchset] *)":{"transition-duration":"0ms !important","transition-delay":"0ms !important","animation-duration":"0ms !important","animation-delay":"0ms !important"},":root .notchset-node[data-state=\"live\"] [data-slot=\"indicator-dot\"],:root .notchset-scanner > span":{"animation":"none !important"},":root [data-notchset] .notchset-life":{"animation-duration":"var(--notchset-life-ms) !important","visibility":"hidden"},":root .notchset-scanner > span":{"opacity":"0.45"},":root .notchset-scanner > span:nth-child(3)":{"opacity":"1"}},"[data-motion=\"off\"]":{"--notchset-key-down":"0ms","--notchset-key-up":"0ms","--notchset-node-bloom":"0ms","--notchset-travel":"0ms","--notchset-block":"0ms","--notchset-unfold":"0ms","--notchset-row-settle":"0ms","--notchset-row-stagger":"0ms","--notchset-check":"0ms","&:is([data-notchset]), & :is([data-notchset], [data-notchset] *), &[data-notchset] *":{"transition-duration":"0ms !important","transition-delay":"0ms !important","animation-duration":"0ms !important","animation-delay":"0ms !important"},"& .notchset-node[data-state=\"live\"] [data-slot=\"indicator-dot\"], & .notchset-scanner > span":{"animation":"none !important"},"& [data-notchset] .notchset-life, &[data-notchset] .notchset-life":{"animation-duration":"var(--notchset-life-ms) !important","visibility":"hidden"},"& .notchset-scanner > span":{"opacity":"0.45"},"& .notchset-scanner > span:nth-child(3)":{"opacity":"1"}},"@keyframes notchset-flow":{"to":{"offset-distance":"100%"}},"@keyframes notchset-scroll-a":{"from":{"transform":"translateX(0)"},"to":{"transform":"translateX(var(--notchset-scroll))"}},"@keyframes notchset-scroll-b":{"from":{"transform":"translateX(0)"},"to":{"transform":"translateX(var(--notchset-scroll))"}},"@keyframes notchset-word-in":{"from":{"opacity":"0","transform":"translateY(4px)"}}},"meta":{"tier":"free","kind":"foundation","theme":"notchset"}}