@craftzbay/ui 0.7.1 → 0.8.1

package/dist-lib/styles.css

@@ -1 +1 @@
-.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient( var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50% );--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient( var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50% );--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:-moz-fit-content;max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-indigo-500:oklch(58.5% .233 277.117);--color-purple-500:oklch(62.7% .265 303.9);--color-pink-500:oklch(65.6% .241 354.308);--color-neutral-50:#f8fafc;--color-neutral-200:#e1e7ef;--color-neutral-300:#cbd5e1;--color-neutral-700:#344256;--color-neutral-800:#1d283a;--color-neutral-900:#0f1729;--color-neutral-950:#080a17;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:1rem;--text-sm:.8125rem;--text-sm--line-height:1.25rem;--text-base:.875rem;--text-base--line-height:1.5rem;--text-lg:1rem;--text-lg--line-height:1.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-wide:.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--text-xs--letter-spacing:.005em;--text-sm--letter-spacing:0;--text-base--letter-spacing:0;--text-lg--letter-spacing:-.005em;--spacing-0:0rem;--spacing-px:1px;--spacing-0_5:.125rem;--spacing-1:.25rem;--spacing-1_5:.375rem;--spacing-2:.5rem;--spacing-2_5:.625rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--radius-none:0px;--radius-full:9999px;--z-sticky:1100;--z-overlay:1200;--z-modal:1300;--z-popover:1400;--z-toast:1500;--z-tooltip:1600;--duration-fast:.12s;--duration-base:.16s;--duration-slow:.24s;--color-accent-50:#f0f2ff;--color-accent-100:#e2e6fd;--color-accent-200:#c4caf8;--color-accent-300:#9fa7ef;--color-accent-400:#787cdd;--color-accent-500:#595dcf;--color-accent-600:#3e43bb;--color-accent-700:#353897;--color-accent-800:#2f3175;--color-accent-900:#282a5d;--color-accent-950:#14163d;--color-danger-700:#ba1c1c;--color-danger-800:#981b1b;--color-border:var(--border);--color-border-strong:var(--border-strong);--color-accent:var(--accent)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:before,:after{border-color:var(--border)}html{font-family:var(--font-sans);font-feature-settings:"cv11" on,"ss03" on,"rlig" on;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;color-scheme:light dark}body{background-color:var(--background);color:var(--foreground);font-size:var(--text-base);line-height:var(--text-base--line-height);font-weight:var(--font-weight-normal)}::-moz-selection{background-color:var(--selection);color:var(--selection-foreground)}::selection{background-color:var(--selection);color:var(--selection-foreground)}:focus-visible{outline:none}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}.focus-ring{outline:2px solid var(--ring);outline-offset:2px;box-shadow:0 0 0 2px var(--ring-offset)}.tabular{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behaviour:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}*{scrollbar-width:thin;scrollbar-color:transparent transparent}:hover{scrollbar-color:var(--color-border-strong) transparent}@supports (color:color-mix(in lab,red,red)){:hover{scrollbar-color:color-mix(in oklab,var(--color-border-strong) 60%,transparent) transparent}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#0000;background-clip:padding-box;border:2px solid #0000;border-radius:9999px;-webkit-transition:background-color .15s;transition:background-color .15s}:hover::-webkit-scrollbar-thumb{background-color:var(--color-border-strong)}@supports (color:color-mix(in lab,red,red)){:hover::-webkit-scrollbar-thumb{background-color:color-mix(in oklab,var(--color-border-strong) 60%,transparent)}}::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-strong)}::-webkit-scrollbar-corner{background:0 0}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:var(--spacing-0)}.inset-x-0{inset-inline:var(--spacing-0)}.inset-y-0{inset-block:var(--spacing-0)}.-top-12{top:calc(var(--spacing-12) * -1)}.top-0{top:var(--spacing-0)}.top-1\/2{top:50%}.top-2{top:var(--spacing-2)}.top-4{top:var(--spacing-4)}.top-\[20\%\]{top:20%}.-right-12{right:calc(var(--spacing-12) * -1)}.right-0{right:var(--spacing-0)}.right-2{right:var(--spacing-2)}.right-4{right:var(--spacing-4)}.-bottom-12{bottom:calc(var(--spacing-12) * -1)}.bottom-0{bottom:var(--spacing-0)}.-left-12{left:calc(var(--spacing-12) * -1)}.left-0{left:var(--spacing-0)}.left-1\/2{left:50%}.left-2{left:var(--spacing-2)}.z-10{z-index:10}.z-50{z-index:50}.z-\[var\(--z-modal\)\]{z-index:var(--z-modal)}.z-\[var\(--z-overlay\)\]{z-index:var(--z-overlay)}.z-\[var\(--z-popover\)\]{z-index:var(--z-popover)}.z-\[var\(--z-sticky\)\]{z-index:var(--z-sticky)}.z-\[var\(--z-toast\)\]{z-index:var(--z-toast)}.z-\[var\(--z-tooltip\)\]{z-index:var(--z-tooltip)}.order-last{order:9999}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.-mx-1{margin-inline:calc(var(--spacing-1) * -1)}.mx-1\.5{margin-inline:var(--spacing-1_5)}.mx-2{margin-inline:var(--spacing-2)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing-1)}.my-6{margin-block:var(--spacing-6)}.my-auto{margin-block:auto}.-mt-4{margin-top:calc(var(--spacing-4) * -1)}.mt-0\.5{margin-top:var(--spacing-0_5)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-24{margin-top:var(--spacing-24)}.mt-auto{margin-top:auto}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-24{margin-bottom:var(--spacing-24)}.-ml-4{margin-left:calc(var(--spacing-4) * -1)}.ml-2{margin-left:var(--spacing-2)}.ml-6{margin-left:var(--spacing-6)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.size-1\.5{width:var(--spacing-1_5);height:var(--spacing-1_5)}.size-2{width:var(--spacing-2);height:var(--spacing-2)}.size-3{width:var(--spacing-3);height:var(--spacing-3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:var(--spacing-4);height:var(--spacing-4)}.size-5{width:var(--spacing-5);height:var(--spacing-5)}.size-6{width:var(--spacing-6);height:var(--spacing-6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:var(--spacing-8);height:var(--spacing-8)}.size-10{width:var(--spacing-10);height:var(--spacing-10)}.size-12{width:var(--spacing-12);height:var(--spacing-12)}.size-24{width:var(--spacing-24);height:var(--spacing-24)}.size-32{width:var(--spacing-32);height:var(--spacing-32)}.size-\[28\%\]{width:28%;height:28%}.size-full{width:100%;height:100%}.h-1{height:var(--spacing-1)}.h-1\.5{height:var(--spacing-1_5)}.h-2{height:var(--spacing-2)}.h-3{height:var(--spacing-3)}.h-4{height:var(--spacing-4)}.h-5{height:var(--spacing-5)}.h-6{height:var(--spacing-6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:var(--spacing-8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:var(--spacing-10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:var(--spacing-12)}.h-14{height:calc(var(--spacing) * 14)}.h-24{height:var(--spacing-24)}.h-32{height:var(--spacing-32)}.h-64{height:calc(var(--spacing) * 64)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px;height:var(--spacing-px)}.h-screen{height:100vh}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-\[90vh\]{max-height:90vh}.max-h-\[320px\]{max-height:320px}.max-h-screen{max-height:100vh}.min-h-0{min-height:var(--spacing-0)}.min-h-6{min-height:var(--spacing-6)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-20{min-height:var(--spacing-20)}.w-1\.5{width:var(--spacing-1_5)}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-2{width:var(--spacing-2)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:var(--spacing-8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:var(--spacing-10)}.w-12{width:var(--spacing-12)}.w-14{width:calc(var(--spacing) * 14)}.w-24{width:var(--spacing-24)}.w-60{width:calc(var(--spacing) * 60)}.w-72{width:calc(var(--spacing) * 72)}.w-\[7\.5rem\]{width:7.5rem}.w-\[420px\]{width:420px}.w-\[calc\(100\%-1rem\)\]{width:calc(100% - 1rem)}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-\[var\(--radix-popover-trigger-width\)\]{width:var(--radix-popover-trigger-width)}.w-full{width:100%}.w-px{width:1px;width:var(--spacing-px)}.max-w-\[10rem\]{max-width:10rem}.max-w-\[90vw\]{max-width:90vw}.max-w-\[400px\]{max-width:400px}.max-w-\[520px\]{max-width:520px}.max-w-\[640px\]{max-width:640px}.max-w-\[720px\]{max-width:720px}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:var(--spacing-0)}.min-w-5{min-width:var(--spacing-5)}.min-w-6{min-width:var(--spacing-6)}.min-w-\[6ch\]{min-width:6ch}.min-w-\[8ch\]{min-width:8ch}.min-w-\[8rem\]{min-width:8rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-left{transform-origin:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:var(--spacing-0);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[progressIndeterminate_1\.4s_ease-in-out_infinite\]{animation:1.4s ease-in-out infinite progressIndeterminate}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-none{touch-action:none}.resize-none{resize:none}.resize-y{resize:vertical}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:var(--spacing-0_5)}.gap-1{gap:var(--spacing-1)}.gap-1\.5{gap:var(--spacing-1_5)}.gap-2{gap:var(--spacing-2)}.gap-2\.5{gap:var(--spacing-2_5)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-px{gap:1px;gap:var(--spacing-px)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-1) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-1_5) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-1_5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-6) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-8) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-12) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-12) * calc(1 - var(--tw-space-y-reverse)))}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing-2) * -1) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing-2) * -1) * calc(1 - var(--tw-space-x-reverse)))}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-l-xl{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.rounded-r-xl{border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-accent{border-color:var(--accent)}.border-border{border-color:var(--border)}.border-border-strong{border-color:var(--border-strong)}.border-current{border-color:currentColor}.border-danger{border-color:var(--danger-solid)}.border-danger-border-soft{border-color:var(--danger-border)}.border-info-border-soft{border-color:var(--info-border)}.border-success-border-soft{border-color:var(--success-border)}.border-transparent{border-color:#0000}.border-warning-border-soft{border-color:var(--warning-border)}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-accent{background-color:var(--accent)}.bg-accent-soft{background-color:var(--accent-subtle)}.bg-background-muted{background-color:var(--background-muted)}.bg-background-subtle{background-color:var(--background-subtle)}.bg-background\/80{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/80{background-color:color-mix(in oklab,var(--background) 80%,transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-border{background-color:var(--border)}.bg-border-strong{background-color:var(--border-strong)}.bg-card{background-color:var(--card)}.bg-danger{background-color:var(--danger-solid)}.bg-danger-soft{background-color:var(--danger-subtle)}.bg-foreground-subtle{background-color:var(--foreground-subtle)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-info{background-color:var(--info-solid)}.bg-info-soft{background-color:var(--info-subtle)}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-neutral-950\/60{background-color:#080a1799}@supports (color:color-mix(in lab,red,red)){.bg-neutral-950\/60{background-color:color-mix(in oklab,var(--color-neutral-950) 60%,transparent)}}.bg-popover{background-color:var(--popover)}.bg-success{background-color:var(--success-solid)}.bg-success-soft{background-color:var(--success-subtle)}.bg-transparent{background-color:#0000}.bg-warning{background-color:var(--warning-solid)}.bg-warning-soft{background-color:var(--warning-subtle)}.bg-white{background-color:var(--color-white)}.from-purple-500{--tw-gradient-from:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-500{--tw-gradient-to:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-accent{fill:var(--accent)}.fill-none{fill:none}.stroke-accent{stroke:var(--accent)}.stroke-background-muted{stroke:var(--background-muted)}.stroke-danger{stroke:var(--danger-solid)}.stroke-success{stroke:var(--success-solid)}.stroke-warning{stroke:var(--warning-solid)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:var(--spacing-0)}.p-0\.5{padding:var(--spacing-0_5)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-10{padding:var(--spacing-10)}.p-px{padding:1px;padding:var(--spacing-px)}.px-0{padding-inline:var(--spacing-0)}.px-1{padding-inline:var(--spacing-1)}.px-1\.5{padding-inline:var(--spacing-1_5)}.px-2{padding-inline:var(--spacing-2)}.px-2\.5{padding-inline:var(--spacing-2_5)}.px-3{padding-inline:var(--spacing-3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:var(--spacing-4)}.px-6{padding-inline:var(--spacing-6)}.px-8{padding-inline:var(--spacing-8)}.py-0\.5{padding-block:var(--spacing-0_5)}.py-1{padding-block:var(--spacing-1)}.py-1\.5{padding-block:var(--spacing-1_5)}.py-2{padding-block:var(--spacing-2)}.py-3{padding-block:var(--spacing-3)}.py-4{padding-block:var(--spacing-4)}.py-6{padding-block:var(--spacing-6)}.py-8{padding-block:var(--spacing-8)}.pt-0{padding-top:var(--spacing-0)}.pt-2{padding-top:var(--spacing-2)}.pt-4{padding-top:var(--spacing-4)}.pt-6{padding-top:var(--spacing-6)}.pr-2{padding-right:var(--spacing-2)}.pr-8{padding-right:var(--spacing-8)}.pb-1{padding-bottom:var(--spacing-1)}.pb-4{padding-bottom:var(--spacing-4)}.pl-1{padding-left:var(--spacing-1)}.pl-4{padding-left:var(--spacing-4)}.pl-8{padding-left:var(--spacing-8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));letter-spacing:var(--tw-tracking,var(--text-base--letter-spacing))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));letter-spacing:var(--tw-tracking,var(--text-lg--letter-spacing))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));letter-spacing:var(--tw-tracking,var(--text-sm--letter-spacing))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));letter-spacing:var(--tw-tracking,var(--text-xs--letter-spacing))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-accent{color:var(--accent)}.text-card-foreground{color:var(--card-foreground)}.text-danger{color:var(--danger-solid)}.text-danger-text{color:var(--danger-foreground)}.text-foreground{color:var(--foreground)}.text-foreground-muted{color:var(--foreground-muted)}.text-foreground-subtle{color:var(--foreground-subtle)}.text-info-text{color:var(--info-foreground)}.text-neutral-50{color:var(--color-neutral-50)}.text-on-accent{color:var(--accent-foreground)}.text-on-accent-soft{color:var(--accent-subtle-foreground)}.text-on-danger{color:#fff}.text-popover-foreground{color:var(--popover-foreground)}.text-success-text{color:var(--success-foreground)}.text-warning{color:var(--warning-solid)}.text-warning-text{color:var(--warning-foreground)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 12px 24px -6px var(--tw-shadow-color,#00000014), 0 4px 8px -4px var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 8px -2px var(--tw-shadow-color,#0000000f), 0 2px 4px -2px var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000000f), 0 1px 2px -1px var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 24px 48px -12px var(--tw-shadow-color,#0000001f), 0 8px 16px -8px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-background{--tw-ring-color:var(--background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-\[stroke-dashoffset\]{transition-property:stroke-dashoffset;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-\[var\(--duration-base\)\]{--tw-duration:var(--duration-base);transition-duration:var(--duration-base)}.duration-\[var\(--duration-fast\)\]{--tw-duration:var(--duration-fast);transition-duration:var(--duration-fast)}.ease-\[var\(--ease-out\)\]{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-foreground-subtle::-moz-placeholder{color:var(--foreground-subtle)}.placeholder\:text-foreground-subtle::placeholder{color:var(--foreground-subtle)}.last\:flex-initial:last-child{flex:0 auto}.focus-within\:border-accent:focus-within{border-color:var(--accent)}.focus-within\:border-danger:focus-within{border-color:var(--danger-solid)}.focus-within\:border-ring:focus-within{border-color:var(--ring)}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:ring-danger:focus-within{--tw-ring-color:var(--danger-solid)}.focus-within\:ring-ring:focus-within{--tw-ring-color:var(--ring)}.focus-within\:ring-offset-2:focus-within{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-within\:ring-offset-background:focus-within{--tw-ring-offset-color:var(--background)}@media(hover:hover){.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-border-strong:hover{border-color:var(--border-strong)}.hover\:bg-accent-700:hover{background-color:var(--color-accent-700)}.hover\:bg-background-muted:hover{background-color:var(--background-muted)}.hover\:bg-background-subtle:hover{background-color:var(--background-subtle)}.hover\:bg-current\/10:hover{background-color:currentColor}@supports (color:color-mix(in lab,red,red)){.hover\:bg-current\/10:hover{background-color:color-mix(in oklab,currentcolor 10%,transparent)}}.hover\:bg-danger-700:hover{background-color:var(--color-danger-700)}.hover\:bg-neutral-200:hover{background-color:var(--color-neutral-200)}.hover\:text-accent:hover{color:var(--accent)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}}.focus-visible\:border-accent:focus-visible{border-color:var(--accent)}.focus-visible\:border-danger:focus-visible{border-color:var(--danger-solid)}.focus-visible\:bg-background-muted:focus-visible{background-color:var(--background-muted)}.focus-visible\:text-foreground:focus-visible{color:var(--foreground)}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-danger:focus-visible{--tw-ring-color:var(--danger-solid)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--background)}.focus-visible\:ring-offset-card:focus-visible{--tw-ring-offset-color:var(--card)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:bg-accent-800:active{background-color:var(--color-accent-800)}.active\:bg-background-subtle:active{background-color:var(--background-subtle)}.active\:bg-danger-800:active{background-color:var(--color-danger-800)}.active\:bg-neutral-300:active{background-color:var(--color-neutral-300)}.active\:text-accent-700:active{color:var(--color-accent-700)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.has-disabled\:pointer-events-none:has(:disabled){pointer-events:none}.has-disabled\:opacity-50:has(:disabled){opacity:.5}.aria-selected\:bg-accent[aria-selected=true]{background-color:var(--accent)}.aria-selected\:text-on-accent[aria-selected=true]{color:var(--accent-foreground)}@media(hover:hover){.aria-selected\:hover\:bg-accent-700[aria-selected=true]:hover{background-color:var(--color-accent-700)}}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[highlighted\]\:bg-background-muted[data-highlighted]{background-color:var(--background-muted)}.data-\[highlighted\]\:bg-danger-soft[data-highlighted]{background-color:var(--danger-subtle)}.data-\[highlighted\]\:text-danger-text[data-highlighted]{color:var(--danger-foreground)}.data-\[highlighted\]\:text-foreground[data-highlighted]{color:var(--foreground)}.data-\[placeholder\]\:text-foreground-subtle[data-placeholder]{color:var(--foreground-subtle)}.data-\[selected\]\:bg-accent-soft[data-selected]{background-color:var(--accent-subtle)}@media(hover:hover){.data-\[selected\]\:hover\:bg-accent-soft[data-selected]:hover{background-color:var(--accent-subtle)}}.data-\[selected\=true\]\:bg-background-muted[data-selected=true]{background-color:var(--background-muted)}.data-\[selected\=true\]\:text-foreground[data-selected=true]{color:var(--foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing-1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-1[data-side=bottom]{--tw-enter-translate-y:calc(1*var(--spacing)*-1)}.data-\[side\=left\]\:slide-in-from-right-1[data-side=left]{--tw-enter-translate-x:calc(1*var(--spacing))}.data-\[side\=right\]\:slide-in-from-left-1[data-side=right]{--tw-enter-translate-x:calc(1*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing-1) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-1[data-side=top]{--tw-enter-translate-y:calc(1*var(--spacing))}.data-\[state\=checked\]\:translate-x-3[data-state=checked]{--tw-translate-x:var(--spacing-3);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:var(--spacing-4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:border-accent[data-state=checked]{border-color:var(--accent)}.data-\[state\=checked\]\:bg-accent[data-state=checked]{background-color:var(--accent)}.data-\[state\=checked\]\:text-on-accent[data-state=checked]{color:var(--accent-foreground)}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:duration-\[var\(--duration-base\)\][data-state=closed]{--tw-duration:var(--duration-base);transition-duration:var(--duration-base)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:.8}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x: 100% }.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=indeterminate\]\:border-accent[data-state=indeterminate]{border-color:var(--accent)}.data-\[state\=indeterminate\]\:bg-accent[data-state=indeterminate]{background-color:var(--accent)}.data-\[state\=indeterminate\]\:text-on-accent[data-state=indeterminate]{color:var(--accent-foreground)}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-background-muted[data-state=open]{background-color:var(--background-muted)}.data-\[state\=open\]\:duration-\[var\(--duration-slow\)\][data-state=open]{--tw-duration:var(--duration-slow);transition-duration:var(--duration-slow)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-right-full[data-state=open]{--tw-enter-translate-x: 100% }.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=unchecked\]\:bg-neutral-300[data-state=unchecked]{background-color:var(--color-neutral-300)}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:var(--spacing-0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=cancel\]\:transition-transform[data-swipe=cancel]{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);translate:var(--tw-translate-x) var(--tw-translate-y)}@supports (backdrop-filter:var(--tw)){.supports-\[backdrop-filter\]\:bg-background\/60{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.supports-\[backdrop-filter\]\:bg-background\/60{background-color:color-mix(in oklab,var(--background) 60%,transparent)}}}@media(min-width:640px){.sm\:top-4{top:var(--spacing-4)}.sm\:right-4{right:var(--spacing-4)}.sm\:bottom-auto{bottom:auto}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-6{gap:var(--spacing-6)}.sm\:text-left{text-align:left}}@media(min-width:768px){.md\:flex{display:flex}}.dark\:bg-neutral-50:where(.dark,.dark *){background-color:var(--color-neutral-50)}.dark\:text-neutral-900:where(.dark,.dark *){color:var(--color-neutral-900)}@media(hover:hover){.dark\:hover\:bg-neutral-800:where(.dark,.dark *):hover{background-color:var(--color-neutral-800)}}.dark\:active\:bg-neutral-700:where(.dark,.dark *):active,.dark\:data-\[state\=unchecked\]\:bg-neutral-700:where(.dark,.dark *)[data-state=unchecked]{background-color:var(--color-neutral-700)}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:var(--spacing-2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:var(--spacing-1_5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));letter-spacing:var(--tw-tracking,var(--text-xs--letter-spacing))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-foreground-subtle [cmdk-group-heading]{color:var(--foreground-subtle)}.\[\&_button\]\:rounded-none button{border-radius:var(--radius-none)}.\[\&_button\]\:rounded-l-none button{border-top-left-radius:var(--radius-none);border-bottom-left-radius:var(--radius-none)}.\[\&_button\]\:rounded-r-none button{border-top-right-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none)}.\[\&_button\]\:border button{border-style:var(--tw-border-style);border-width:1px}.\[\&_button\]\:border-border button{border-color:var(--border)}.\[\&_button\]\:bg-accent button{background-color:var(--accent)}.\[\&_button\]\:bg-accent-soft button{background-color:var(--accent-subtle)}.\[\&_button\]\:text-foreground button{color:var(--foreground)}.\[\&_button\]\:text-on-accent button{color:var(--accent-foreground)}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-3\.5 svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\]\:size-4 svg{width:var(--spacing-4);height:var(--spacing-4)}.\[\&_svg\]\:size-5 svg{width:var(--spacing-5);height:var(--spacing-5)}.\[\&_svg\]\:size-6 svg{width:var(--spacing-6);height:var(--spacing-6)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\]\:text-foreground-subtle svg{color:var(--foreground-subtle)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\]\:border-border tr{border-color:var(--border)}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:has\(\[role\=checkbox\]\)\]\:w-10:has([role=checkbox]){width:var(--spacing-10)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:var(--spacing-0)}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}[data-variant=pills] .\[\[data-variant\=pills\]_\&\]\:h-full{height:100%}[data-variant=pills] .\[\[data-variant\=pills\]_\&\]\:rounded-md{border-radius:var(--radius-md)}[data-variant=pills] .\[\[data-variant\=pills\]_\&\]\:px-3{padding-inline:var(--spacing-3)}[data-variant=pills] .\[\[data-variant\=pills\]_\&\]\:text-foreground-muted{color:var(--foreground-muted)}@media(hover:hover){[data-variant=pills] .\[\[data-variant\=pills\]_\&\]\:hover\:text-foreground:hover{color:var(--foreground)}}[data-variant=pills] .\[\[data-variant\=pills\]_\&\]\:data-\[state\=active\]\:bg-card[data-state=active]{background-color:var(--card)}[data-variant=pills] .\[\[data-variant\=pills\]_\&\]\:data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}[data-variant=pills] .\[\[data-variant\=pills\]_\&\]\:data-\[state\=active\]\:shadow-xs[data-state=active]{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[data-variant=underline] .\[\[data-variant\=underline\]_\&\]\:relative{position:relative}[data-variant=underline] .\[\[data-variant\=underline\]_\&\]\:h-full{height:100%}[data-variant=underline] .\[\[data-variant\=underline\]_\&\]\:px-1{padding-inline:var(--spacing-1)}[data-variant=underline] .\[\[data-variant\=underline\]_\&\]\:text-foreground-muted{color:var(--foreground-muted)}@media(hover:hover){[data-variant=underline] .\[\[data-variant\=underline\]_\&\]\:hover\:text-foreground:hover{color:var(--foreground)}}[data-variant=underline] .\[\[data-variant\=underline\]_\&\]\:data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}[data-variant=underline] .\[\[data-variant\=underline\]_\&\]\:data-\[state\=active\]\:after\:absolute[data-state=active]:after{content:var(--tw-content);position:absolute}[data-variant=underline] .\[\[data-variant\=underline\]_\&\]\:data-\[state\=active\]\:after\:inset-x-0[data-state=active]:after{content:var(--tw-content);inset-inline:var(--spacing-0)}[data-variant=underline] .\[\[data-variant\=underline\]_\&\]\:data-\[state\=active\]\:after\:-bottom-px[data-state=active]:after{content:var(--tw-content);bottom:-1px;bottom:calc(var(--spacing-px) * -1)}[data-variant=underline] .\[\[data-variant\=underline\]_\&\]\:data-\[state\=active\]\:after\:h-0\.5[data-state=active]:after{content:var(--tw-content);height:var(--spacing-0_5)}[data-variant=underline] .\[\[data-variant\=underline\]_\&\]\:data-\[state\=active\]\:after\:bg-accent[data-state=active]:after{content:var(--tw-content);background-color:var(--accent)}.ring-focus{--tw-outline-style:none;box-shadow:0 0 0 2px var(--ring-offset),0 0 0 4px var(--ring);outline-style:none}.border-hairline{border-style:solid;border-width:1px}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--background:#fff;--background-subtle:#f8fafc;--background-muted:#f1f5f9;--foreground:#0f1729;--foreground-muted:#48566a;--foreground-subtle:#65758b;--border:#e1e7ef;--border-strong:#cbd5e1;--card:#fff;--card-foreground:#0f1729;--popover:#fff;--popover-foreground:#0f1729;--accent:#3e43bb;--accent-foreground:#fff;--accent-subtle:#f0f2ff;--accent-subtle-foreground:#353897;--success-subtle:#edfdf5;--success-border:#abedce;--success-foreground:#147156;--success-solid:#1e8a68;--warning-subtle:#fffbeb;--warning-border:#fce292;--warning-foreground:#934515;--warning-solid:#b85b14;--danger-subtle:#fef1f1;--danger-border:#fec8c8;--danger-foreground:#ba1c1c;--danger-solid:#dc2828;--info-subtle:#f0f2ff;--info-border:#c4caf8;--info-foreground:#353897;--info-solid:#3e43bb;--ring:#595dcf;--ring-offset:#fff;--selection:#e0e4ff;--selection-foreground:#353897}.dark{--background:#080a17;--background-subtle:#0c1322;--background-muted:#161f2c;--foreground:#f8fafc;--foreground-muted:#cbd5e1;--foreground-subtle:#94a3b8;--border:#1d283a;--border-strong:#344256;--card:#0c1322;--card-foreground:#f8fafc;--popover:#0c1322;--popover-foreground:#f8fafc;--accent:#595dcf;--accent-foreground:#080a17;--accent-subtle:#14163d;--accent-subtle-foreground:#9fa7ef;--success-subtle:#04251d;--success-border:#0e4e3c;--success-foreground:#6cdaab;--success-solid:#39c690;--warning-subtle:#29140a;--warning-border:#713614;--warning-foreground:#f8c154;--warning-solid:#f4a02a;--danger-subtle:#360808;--danger-border:#981b1b;--danger-foreground:#f87272;--danger-solid:#ef4343;--info-subtle:#14163d;--info-border:#2f3175;--info-foreground:#9fa7ef;--info-solid:#595dcf;--ring:#787cdd;--ring-offset:#080a17;--selection:#2f3175;--selection-foreground:#f0f2ff}[data-accent=blue]{--color-accent-700:oklch(47% .16 250);--color-accent-800:oklch(39% .14 250)}:root[data-accent=blue]{--accent:oklch(55% .16 250);--accent-subtle:oklch(96% .03 250);--accent-subtle-foreground:oklch(45% .15 250);--ring:oklch(62% .16 250)}.dark[data-accent=blue]{--accent:oklch(64% .15 250);--accent-subtle:oklch(24% .06 250);--accent-subtle-foreground:oklch(82% .1 250);--ring:oklch(68% .15 250)}[data-accent=violet]{--color-accent-700:oklch(45% .18 295);--color-accent-800:oklch(38% .16 295)}:root[data-accent=violet]{--accent:oklch(53% .2 295);--accent-subtle:oklch(96% .03 295);--accent-subtle-foreground:oklch(46% .18 295);--ring:oklch(60% .2 295)}.dark[data-accent=violet]{--accent:oklch(64% .18 295);--accent-subtle:oklch(25% .07 295);--accent-subtle-foreground:oklch(83% .12 295);--ring:oklch(68% .18 295)}[data-accent=emerald]{--color-accent-700:oklch(47% .13 160);--color-accent-800:oklch(39% .12 160)}:root[data-accent=emerald]{--accent:oklch(55% .13 160);--accent-subtle:oklch(96% .03 160);--accent-subtle-foreground:oklch(42% .12 160);--ring:oklch(60% .13 160)}.dark[data-accent=emerald]{--accent:oklch(64% .14 160);--accent-subtle:oklch(23% .05 160);--accent-subtle-foreground:oklch(80% .12 160);--ring:oklch(68% .14 160)}[data-accent=rose]{--color-accent-700:oklch(49% .18 12);--color-accent-800:oklch(41% .16 12)}:root[data-accent=rose]{--accent:oklch(57% .19 12);--accent-subtle:oklch(96% .03 12);--accent-subtle-foreground:oklch(48% .18 12);--ring:oklch(62% .19 12)}.dark[data-accent=rose]{--accent:oklch(65% .18 12);--accent-subtle:oklch(25% .07 12);--accent-subtle-foreground:oklch(83% .12 12);--ring:oklch(70% .18 12)}[data-accent=amber]{--color-accent-700:oklch(54% .13 65);--color-accent-800:oklch(46% .12 65)}:root[data-accent=amber]{--accent:oklch(62% .14 65);--accent-subtle:oklch(96% .04 75);--accent-subtle-foreground:oklch(48% .12 65);--ring:oklch(66% .14 65)}.dark[data-accent=amber]{--accent:oklch(66% .14 65);--accent-subtle:oklch(26% .05 70);--accent-subtle-foreground:oklch(85% .12 80);--ring:oklch(72% .14 65)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}to{height:0}}.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient( var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50% );--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient( var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50% );--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:-moz-fit-content;max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}

package/package.json

@@ -1,16 +1,17 @@
 {
   "name": "@craftzbay/ui",
-  "version": "0.7.1",
-  "description": "Refined-minimal Tailwind v4 + React design system — 40+ accessible primitives and ready-made page patterns.",
+  "version": "0.8.1",
+  "description": "Refined-minimal Tailwind v4 + React design system — 50+ accessible, themeable primitives.",
   "license": "MIT",
   "author": "craftzbay",
-  "homepage": "https://design.runestonetechnologies.com",
+  "homepage": "https://components.runestonetechnologies.com",
   "repository": {
     "type": "git",
-    "url": "https://github.com/craftzbay/design-system.git"
+    "url": "https://github.com/craftzbay/craftzbay-ui.git",
+    "directory": "packages/ui"
   },
   "bugs": {
-    "url": "https://github.com/craftzbay/design-system/issues"
+    "url": "https://github.com/craftzbay/craftzbay-ui/issues"
   },
   "keywords": [
     "react",
@@ -46,20 +47,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "build:lib": "BUILD_TARGET=lib vite build",
-    "typecheck": "tsc --noEmit",
-    "lint": "eslint . --ext .ts,.tsx",
-    "format": "prettier --write .",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "changeset": "changeset",
-    "changeset:version": "changeset version",
-    "changeset:release": "pnpm build:lib && changeset publish",
-    "prepublishOnly": "pnpm build:lib"
-  },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.2",
     "@radix-ui/react-avatar": "^1.1.2",
@@ -113,8 +100,10 @@
     "prettier": "^3.4.2",
     "prettier-plugin-tailwindcss": "^0.6.9",
     "react": "^18.3.1",
+    "react-docgen-typescript": "^2.4.0",
     "react-dom": "^18.3.1",
     "tailwindcss": "^4.0.0",
+    "tsx": "^4.22.1",
     "tw-animate-css": "^1.4.0",
     "typescript": "^5.7.2",
     "vite": "^6.0.3",
@@ -124,5 +113,16 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "typecheck": "tsc --noEmit",
+    "format": "prettier --write .",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "changeset": "changeset",
+    "changeset:version": "changeset version",
+    "changeset:release": "pnpm build && changeset publish"
   }
-}
+}

package/dist-lib/catalog.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-export interface CatalogEntry {
-    name: string;
-    storyId: string;
-    group: string;
-    render: () => ReactNode;
-}
-export declare function useCatalogEntries(): CatalogEntry[];

package/dist-lib/components/patterns/AppShell.d.ts

@@ -1,150 +0,0 @@
-import { ReactNode } from 'react';
-/**
- * Legacy nav keys retained for back-compat. The `active` prop now accepts
- * any string — these are kept as a typed alias for consumers that hard-code
- * one of the original demo values.
- */
-export type AppShellNavKey = 'home' | 'projects' | 'inbox' | 'members' | 'insights' | 'bookmarks' | 'apps' | 'settings' | 'integrations' | 'help';
-export interface AppShellNavItem {
-    /** Active-state identifier — matches AppShell's `active` prop. */
-    key: string;
-    label: ReactNode;
-    /** Leading icon. */
-    icon?: ReactNode;
-    /** Destination. Renders as <a href>; for SPAs intercept onClick. */
-    href?: string;
-    /** Right-aligned content (Badge, count). */
-    trailing?: ReactNode;
-    /** Optional click handler. */
-    onClick?: () => void;
-}
-export interface AppShellNavSection {
-    /** Section heading shown above the items. */
-    label?: ReactNode;
-    items: AppShellNavItem[];
-}
-export interface AppShellUser {
-    name: ReactNode;
-    email?: ReactNode;
-    /** 1–2 char initials for the Avatar fallback. */
-    initials: string;
-    /** Online status — drives the Avatar status dot. */
-    status?: 'online' | 'busy' | 'away' | 'offline';
-}
-export interface AppShellNotification {
-    id: string;
-    who: {
-        name: string;
-        initials: string;
-    };
-    action: ReactNode;
-    target: ReactNode;
-    when: ReactNode;
-    unread?: boolean;
-    onClick?: () => void;
-}
-export interface AppShellProfileMenuItem {
-    label: ReactNode;
-    icon?: ReactNode;
-    trailing?: ReactNode;
-    onSelect?: () => void;
-    /** Renders a separator before this item. */
-    separatorAbove?: boolean;
-}
-export interface AppShellProps {
-    /** Page content. */
-    children: ReactNode;
-    /** Logo / wordmark rendered at the top of the sidebar. */
-    brand: ReactNode;
-    /** Which sidebar item is active. Matches `AppShellNavItem.key`. Defaults to `'home'`. */
-    active?: string;
-    /**
-     * Sidebar nav sections. Defaults to the built-in demo nav. Pass an empty
-     * array to hide the nav entirely, or use `sidebar` for a fully custom rail.
-     */
-    navSections?: AppShellNavSection[];
-    /**
-     * Escape hatch: replace the entire Sidebar contents. Takes precedence over
-     * `navSections`. Use when you need custom section components, groups, etc.
-     */
-    sidebar?: ReactNode;
-    /** Slot for additional topbar actions (left of notifications). */
-    topbarActions?: ReactNode;
-    /** Topbar search input — pass `false` to hide. */
-    search?: ReactNode | false;
-    /** Currently signed-in user, shown in the sidebar footer + profile menu. */
-    user?: AppShellUser;
-    /** Profile dropdown items. Defaults to the demo Profile / Settings / Sign out menu. */
-    profileMenu?: AppShellProfileMenuItem[];
-    /** Notification feed. Set to an empty array to hide the bell entirely. */
-    notifications?: AppShellNotification[];
-    /** Fires when the user clicks "Mark all read". */
-    onMarkAllNotificationsRead?: () => void;
-    /** Fires when the user clicks "View all" in the notifications menu. */
-    onViewAllNotifications?: () => void;
-}
-/**
- * AppShell — sticky sidebar + topbar shell for SaaS dashboards.
- *
- * @example Default — uses the built-in demo nav, user, notifications
- *   <AppShell brand={<Logo />} active="home">
- *     <Dashboard />
- *   </AppShell>
- *
- * @example Custom nav + user
- *   <AppShell
- *     brand={<Logo />}
- *     active="projects"
- *     user={{ name: 'Avery Long', email: 'avery@acme.com', initials: 'AL', status: 'online' }}
- *     navSections={[
- *       { label: 'Workspace', items: [
- *         { key: 'home', label: 'Home', icon: <Home />, href: '/' },
- *         { key: 'projects', label: 'Projects', icon: <Folder />, href: '/projects',
- *           trailing: <Badge tone="neutral">{count}</Badge> },
- *       ]},
- *     ]}
- *     notifications={data?.notifications ?? []}
- *   >
- *     <ProjectsPage />
- *   </AppShell>
- */
-export declare function AppShell({ children, brand, active, navSections, sidebar, topbarActions, search, user, profileMenu, notifications, onMarkAllNotificationsRead, onViewAllNotifications, }: AppShellProps): import("react/jsx-runtime").JSX.Element;
-export interface DashboardStat {
-    label: ReactNode;
-    value: ReactNode;
-    delta?: {
-        value: string;
-        positive?: boolean;
-    };
-}
-export interface DashboardActivityRow {
-    id: string;
-    who: {
-        name: string;
-        initials: string;
-    };
-    action: ReactNode;
-    target: ReactNode;
-    when: ReactNode;
-}
-export interface DashboardProps {
-    /** Top heading. */
-    title?: ReactNode;
-    /** Subtitle below the heading. */
-    subtitle?: ReactNode;
-    /** Top-right slot (date-range picker, segmented control, …). */
-    headerActions?: ReactNode;
-    /** Stat cards rendered in a responsive grid. */
-    stats?: DashboardStat[];
-    /** Chart card — any ReactNode (Chart component, SVG, image, placeholder). */
-    chart?: ReactNode;
-    /** Title above the chart. */
-    chartTitle?: ReactNode;
-    /** Subtitle under the chart title. */
-    chartDescription?: ReactNode;
-    /** Activity table rows. */
-    activity?: DashboardActivityRow[];
-    /** Title for the activity table. */
-    activityTitle?: ReactNode;
-}
-export declare function Dashboard({ title, subtitle, headerActions, stats, chart, chartTitle, chartDescription, activity, activityTitle, }?: DashboardProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/patterns/Authentication.d.ts

@@ -1,45 +0,0 @@
-import { ReactNode } from 'react';
-export interface AuthLayoutProps {
-    /** Brand mark shown above the title. */
-    brand?: ReactNode;
-    /** Page heading. */
-    title: ReactNode;
-    /** Secondary line under the title. */
-    subtitle?: ReactNode;
-    /** Form / content. */
-    children: ReactNode;
-    /** Footer slot — "Don't have an account? Sign up". */
-    footer?: ReactNode;
-}
-export declare function AuthLayout({ brand, title, subtitle, children, footer }: AuthLayoutProps): import("react/jsx-runtime").JSX.Element;
-export interface SignInFormProps {
-    onSubmit: (data: {
-        email: string;
-        password: string;
-    }) => void | Promise<void>;
-    loading?: boolean;
-    error?: ReactNode;
-    forgotHref?: string;
-}
-export declare function SignInForm({ onSubmit, loading, error, forgotHref }: SignInFormProps): import("react/jsx-runtime").JSX.Element;
-export interface SignUpFormProps {
-    onSubmit: (data: {
-        name: string;
-        email: string;
-        password: string;
-    }) => void | Promise<void>;
-    loading?: boolean;
-    error?: ReactNode;
-}
-export declare function SignUpForm({ onSubmit, loading, error }: SignUpFormProps): import("react/jsx-runtime").JSX.Element;
-export interface ForgotPasswordFormProps {
-    onSubmit: (email: string) => void | Promise<void>;
-    loading?: boolean;
-    error?: ReactNode;
-}
-export declare function ForgotPasswordForm({ onSubmit, loading, error }: ForgotPasswordFormProps): import("react/jsx-runtime").JSX.Element;
-export interface MagicLinkSentProps {
-    email: string;
-    onResend?: () => void;
-}
-export declare function MagicLinkSent({ email, onResend }: MagicLinkSentProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/patterns/DataTablePage.d.ts

@@ -1,81 +0,0 @@
-import { ReactNode } from 'react';
-import { ButtonProps } from '../ui/Button';
-import { DataGridColumn } from '../ui/DataGrid';
-export interface DataTableFilter {
-    /** Field key used by the default predicate, and as the React key. */
-    key: string;
-    label: string;
-    /** First option should be the "all" / cleared value. */
-    options: {
-        value: string;
-        label: string;
-    }[];
-    /** Initial value. Defaults to the first option's value. */
-    defaultValue?: string;
-}
-export interface DataTableBulkAction<T> {
-    label: string;
-    /** Optional leading icon. */
-    icon?: ReactNode;
-    variant?: ButtonProps['variant'];
-    /** Receives the selected rows. Awaited — toolbar shows a spinner while pending. */
-    onAction: (selected: T[]) => void | Promise<void>;
-}
-export interface DataTablePageProps<T extends {
-    id: string | number;
-}> {
-    /** Page heading. */
-    title?: ReactNode;
-    /** Optional subtitle — defaults to a row-count line. */
-    subtitle?: ReactNode;
-    /** Right-aligned header actions (e.g. New / Import buttons). */
-    headerActions?: ReactNode;
-    /** Row data. */
-    rows?: T[];
-    /** Column descriptors. */
-    columns?: DataGridColumn<T>[];
-    /** Filter selects to render in the toolbar. */
-    filters?: DataTableFilter[];
-    /** Custom predicate. Receives the row + the active filter values. */
-    predicate?: (row: T, filterValues: Record<string, string>, search: string) => boolean;
-    /** Search placeholder. */
-    searchPlaceholder?: string;
-    /** Available rows-per-page sizes. */
-    pageSizeOptions?: number[];
-    /** Initial page size. */
-    defaultPageSize?: number;
-    /** Bulk-action buttons shown when rows are selected. */
-    bulkActions?: DataTableBulkAction<T>[];
-    /** EmptyState rendered when the filtered rows are empty. */
-    emptyState?: ReactNode;
-    className?: string;
-}
-/**
- * Generic data-table page.
- *
- * @example
- *   interface User { id: string; name: string; role: string; status: 'active' | 'invited' }
- *
- *   <DataTablePage<User>
- *     title="Members"
- *     rows={users}
- *     columns={[
- *       { key: 'name', header: 'Name', sortable: true },
- *       { key: 'role', header: 'Role' },
- *       { key: 'status', header: 'Status', cell: (r) => <Badge>{r.status}</Badge> },
- *     ]}
- *     filters={[
- *       { key: 'status', label: 'Status', options: [
- *         { value: 'all', label: 'All' },
- *         { value: 'active', label: 'Active' },
- *         { value: 'invited', label: 'Invited' },
- *       ]},
- *     ]}
- *     bulkActions={[
- *       { label: 'Remove', variant: 'destructive', onAction: (rows) => api.remove(rows) },
- *     ]}
- *   />
- */
-export declare function DataTablePage<T extends {
-    id: string | number;
-}>({ title, subtitle, headerActions, rows: rowsProp, columns: columnsProp, filters: filtersProp, predicate, searchPlaceholder, pageSizeOptions, defaultPageSize, bulkActions: bulkActionsProp, emptyState, className, }?: DataTablePageProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/patterns/FirstRunEmpty.d.ts

@@ -1,39 +0,0 @@
-import { ReactNode } from 'react';
-export interface FirstRunNextStep {
-    icon?: ReactNode;
-    title: string;
-    description: string;
-    cta: string;
-    onSelect?: () => void;
-}
-export interface FirstRunEmptyProps {
-    /** Hero icon — typically a folder, sparkles, or product mark. */
-    heroIcon?: ReactNode;
-    /** Hero title. */
-    title?: ReactNode;
-    /** Hero subtitle. */
-    description?: ReactNode;
-    /** Primary CTA inside the hero (top tutorial / overview action). */
-    primaryAction?: ReactNode;
-    /** Next-step cards rendered below the hero. */
-    steps?: FirstRunNextStep[];
-    className?: string;
-}
-/**
- * First-run empty product state.
- *
- * @example Default (uses built-in placeholder copy)
- *   <FirstRunEmpty />
- *
- * @example Customized
- *   <FirstRunEmpty
- *     heroIcon={<Illustrations.InboxEmpty className="size-16" />}
- *     title="Welcome to Atlas"
- *     description="Pick a starting point."
- *     steps={[
- *       { icon: <Plus />, title: 'New project', description: '…', cta: 'Create' },
- *       { icon: <Github />, title: 'Import repo', description: '…', cta: 'Connect' },
- *     ]}
- *   />
- */
-export declare function FirstRunEmpty({ heroIcon, title, description, primaryAction, steps, className, }?: FirstRunEmptyProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/patterns/Onboarding.d.ts

@@ -1,65 +0,0 @@
-import { ReactNode } from 'react';
-export interface OnboardingStepContext<T = unknown> {
-    /** Move to the next step. */
-    next: () => void;
-    /** Move to the previous step. */
-    prev: () => void;
-    /** Jump to a step by index. */
-    goTo: (index: number) => void;
-    /** Finish the flow — calls onComplete. */
-    finish: () => void;
-    /** Current accumulated data across steps. */
-    data: T;
-    /** Patch the accumulated data. */
-    setData: (patch: Partial<T>) => void;
-}
-export interface OnboardingStep<T = unknown> {
-    /** Stable id used for keys + analytics. */
-    id: string;
-    /** Title shown in the Stepper. */
-    title: string;
-    /** Optional sub-description shown only in vertical Stepper. */
-    description?: string;
-    /** Card heading rendered when the step is active. */
-    heading: ReactNode;
-    /** Card description rendered under the heading. */
-    subheading?: ReactNode;
-    /** Step body. Receives navigation controls + shared data. */
-    render: (ctx: OnboardingStepContext<T>) => ReactNode;
-    /** Override the Continue / Finish button label. */
-    ctaLabel?: string;
-    /** Hide the default Back/Next bar — render your own inside `render`. */
-    hideNavigation?: boolean;
-}
-export interface OnboardingProps<T = unknown> {
-    steps?: OnboardingStep<T>[];
-    /** Initial accumulated data. */
-    initialData?: T;
-    /** Called when the user advances past the last step. */
-    onComplete?: (data: T) => void | Promise<void>;
-    className?: string;
-}
-interface DemoData {
-    workspaceName?: string;
-    slug?: string;
-    inviteEmail?: string;
-    role?: string;
-    source?: string;
-}
-/**
- * Multi-step onboarding wizard.
- *
- * @example
- *   <Onboarding<{ name: string; email: string }>
- *     initialData={{ name: '', email: '' }}
- *     steps={[
- *       { id: 'name', title: 'Name', heading: 'What should we call you?',
- *         render: ({ data, setData }) =>
- *           <Input value={data.name} onChange={(e) => setData({ name: e.target.value })} /> },
- *       …
- *     ]}
- *     onComplete={async (data) => api.completeOnboarding(data)}
- *   />
- */
-export declare function Onboarding<T = DemoData>({ steps, initialData, onComplete, className, }?: OnboardingProps<T>): import("react/jsx-runtime").JSX.Element;
-export {};