@nextlyhq/ui 0.0.2-alpha.4 → 0.0.2-alpha.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/README.md +98 -23
  2. package/dist/index.cjs +1070 -1084
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +72 -250
  5. package/dist/index.d.ts +72 -250
  6. package/dist/index.mjs +830 -826
  7. package/dist/index.mjs.map +1 -1
  8. package/dist/styles.css +2 -0
  9. package/dist/styles.scoped.css +2 -0
  10. package/dist/tailwind-preset.cjs +98 -0
  11. package/dist/tailwind-preset.cjs.map +1 -0
  12. package/dist/tailwind-preset.d.cts +80 -0
  13. package/dist/tailwind-preset.d.ts +80 -0
  14. package/dist/tailwind-preset.mjs +93 -0
  15. package/dist/tailwind-preset.mjs.map +1 -0
  16. package/dist/theme.css +893 -0
  17. package/dist/utils.cjs +13 -0
  18. package/dist/utils.cjs.map +1 -0
  19. package/dist/utils.d.cts +17 -0
  20. package/dist/utils.d.ts +17 -0
  21. package/dist/utils.mjs +11 -0
  22. package/dist/utils.mjs.map +1 -0
  23. package/docs/plugin-ui-authoring.md +178 -0
  24. package/package.json +56 -15
package/dist/styles.css ADDED
@@ -0,0 +1,2 @@
1
+ /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
2
+ @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-border-style:solid;--tw-leading: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-content:"";--tw-space-x-reverse:0}}}@layer theme{:root,:host{--color-red-100:#fee2e2;--color-red-700:#b91c1c;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--text-xs--line-height:calc(1 / .75);--text-sm--line-height:calc(1.25 / .875);--text-base--line-height:calc(1.5 / 1);--text-lg--line-height:calc(1.75 / 1.125);--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.75rem;--text-2xl--line-height:calc(2 / 1.5);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-inter), Inter, sans-serif;--default-mono-font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-background:var(--nx-background);--color-primary:var(--nx-primary);--color-warning-700:var(--nx-warning)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-warning-700:color-mix(in srgb, var(--nx-warning), black 30%)}}:root,:host{--color-card:var(--nx-card);--color-popover:var(--nx-popover);--color-sidebar-background:var(--nx-sidebar-background);--ease-premium:cubic-bezier(.2, .8, .2, 1)}}@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%;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;-webkit-text-decoration: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}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::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]){appearance:button}::file-selector-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(--nx-border)}}@layer components;@layer utilities{.\@container\/panel{container:panel/inline-size}.\@container{container-type:inline-size}.pointer-events-none{pointer-events:none}.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:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.top-\[50\%\]{top:50%}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:0}.left-0{left:0}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-30{z-index:30}.z-50{z-index:50}.z-51{z-index:51}.z-9999{z-index:9999}.z-\[51\]{z-index:51}.z-\[99\]{z-index:99}.z-\[100\]{z-index:100}.z-\[9999\]\!{z-index:9999!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-4{margin:calc(var(--spacing) * 4)}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.my-1{margin-block:var(--spacing)}.my-2{margin-block:calc(var(--spacing) * 2)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.-mb-0\.5{margin-bottom:calc(var(--spacing) * -.5)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.ml-1{margin-left:var(--spacing)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-full{width:100%;height:100%}.h-\(--radix-select-trigger-height\){height:var(--radix-select-trigger-height)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-\[1\.15rem\]{height:1.15rem}.h-\[22px\]{height:22px}.h-\[125px\]{height:125px}.h-\[var\(--nx-control-height\)\]{height:var(--nx-control-height)}.h-\[var\(--nx-control-height-lg\)\]{height:var(--nx-control-height-lg)}.h-\[var\(--nx-control-height-md\)\]{height:var(--nx-control-height-md)}.h-\[var\(--nx-control-height-sm\)\]{height:var(--nx-control-height-sm)}.h-full{height:100%}.h-px{height:1px}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-\[85vh\]{max-height:85vh}.max-h-\[400px\]{max-height:400px}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.min-h-\[44px\]{min-height:44px}.min-h-\[80px\]{min-height:80px}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-72{width:calc(var(--spacing) * 72)}.w-\[60\%\]{width:60%}.w-\[70\%\]{width:70%}.w-\[70px\]{width:70px}.w-\[80px\]{width:80px}.w-\[120px\]{width:120px}.w-\[200px\]{width:200px}.w-\[250px\]{width:250px}.w-\[var\(--nx-control-height\)\]{width:var(--nx-control-height)}.w-\[var\(--nx-control-height-lg\)\]{width:var(--nx-control-height-lg)}.w-\[var\(--nx-control-height-md\)\]{width:var(--nx-control-height-md)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[120px\]{max-width:120px}.max-w-\[180px\]{max-width:180px}.max-w-\[250px\]{max-width:250px}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-sm{max-width:var(--container-sm)}.min-w-\(--radix-select-trigger-width\){min-width:var(--radix-select-trigger-width)}.min-w-0{min-width:0}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-\[8rem\]{min-width:8rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.caption-bottom{caption-side:bottom}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:--radix-dropdown-menu-content-transform-origin}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:--radix-popover-content-transform-origin}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform-\[translateZ\(0\)\]{transform:translateZ(0)}.animate-accordion-down{animation:.3s cubic-bezier(.87,0,.13,1) accordion-down}.animate-accordion-up{animation:.3s cubic-bezier(.87,0,.13,1) accordion-up}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.resize-y{resize:vertical}.scroll-my-1{scroll-margin-block:var(--spacing)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.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}.gap-0{gap:0}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(.25rem * var(--tw-space-y-reverse));margin-block-end:calc(.25rem * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(.5rem * var(--tw-space-y-reverse));margin-block-end:calc(.5rem * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(.75rem * var(--tw-space-y-reverse));margin-block-end:calc(.75rem * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(1rem * var(--tw-space-y-reverse));margin-block-end:calc(1rem * calc(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible\!{overflow:visible!important}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-none{border-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.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-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-accent-foreground\/20{border-color:var(--nx-accent-foreground)}@supports (color:color-mix(in lab, red, red)){.border-accent-foreground\/20{border-color:color-mix(in oklab, var(--nx-accent-foreground) 20%, transparent)}}.border-black\/5{border-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.border-black\/5{border-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.border-border{border-color:var(--nx-border)}.border-border\!{border-color:var(--nx-border)!important}.border-destructive-200{border-color:var(--nx-destructive)}@supports (color:color-mix(in lab, red, red)){.border-destructive-200{border-color:color-mix(in srgb, var(--nx-destructive), white 70%)}}.border-input{border-color:var(--nx-input)}.border-primary{border-color:var(--nx-primary)}.border-primary-foreground\/30{border-color:var(--nx-primary-foreground)}@supports (color:color-mix(in lab, red, red)){.border-primary-foreground\/30{border-color:color-mix(in oklab, var(--nx-primary-foreground) 30%, transparent)}}.border-primary\/10{border-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/10{border-color:color-mix(in oklab, var(--nx-primary) 10%, transparent)}}.border-primary\/\[0\.08\]{border-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/\[0\.08\]{border-color:color-mix(in oklab, var(--nx-primary) 8%, transparent)}}.border-primary\/\[0\.18\]{border-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/\[0\.18\]{border-color:color-mix(in oklab, var(--nx-primary) 18%, transparent)}}.border-success-200{border-color:var(--nx-success)}@supports (color:color-mix(in lab, red, red)){.border-success-200{border-color:color-mix(in srgb, var(--nx-success), white 70%)}}.border-success-900\/50{border-color:var(--nx-success)}@supports (color:color-mix(in lab, red, red)){.border-success-900\/50{border-color:color-mix(in oklab, color-mix(in srgb, var(--nx-success), black 70%) 50%, transparent)}}.border-transparent{border-color:#0000}.border-warning-200{border-color:var(--nx-warning)}@supports (color:color-mix(in lab, red, red)){.border-warning-200{border-color:color-mix(in srgb, var(--nx-warning), white 70%)}}.border-warning-200\/50{border-color:var(--nx-warning)}@supports (color:color-mix(in lab, red, red)){.border-warning-200\/50{border-color:color-mix(in oklab, color-mix(in srgb, var(--nx-warning), white 70%) 50%, transparent)}}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.border-white\/5{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.border-l-destructive{border-left-color:var(--nx-destructive)}.border-l-success{border-left-color:var(--nx-success)}.border-l-warning{border-left-color:var(--nx-warning)}.bg-accent{background-color:var(--nx-accent)}.bg-background{background-color:var(--nx-background)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-black\/75{background-color:#000000bf}@supports (color:color-mix(in lab, red, red)){.bg-black\/75{background-color:color-mix(in oklab, var(--color-black) 75%, transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-border{background-color:var(--nx-border)}.bg-card{background-color:var(--nx-card)}.bg-destructive,.bg-destructive-50{background-color:var(--nx-destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive-50{background-color:color-mix(in srgb, var(--nx-destructive), white 95%)}}.bg-destructive-100{background-color:var(--nx-destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive-100{background-color:color-mix(in srgb, var(--nx-destructive), white 90%)}}.bg-destructive-700{background-color:var(--nx-destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive-700{background-color:color-mix(in srgb, var(--nx-destructive), black 30%)}}.bg-destructive-solid{background-color:var(--nx-destructive-solid)}.bg-muted{background-color:var(--nx-muted)}.bg-popover{background-color:var(--nx-popover)}.bg-primary,.bg-primary-500,.bg-primary\/5{background-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/5{background-color:color-mix(in oklab, var(--nx-primary) 5%, transparent)}}.bg-primary\/10{background-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--nx-primary) 10%, transparent)}}.bg-primary\/20{background-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/20{background-color:color-mix(in oklab, var(--nx-primary) 20%, transparent)}}.bg-success-50{background-color:var(--nx-success)}@supports (color:color-mix(in lab, red, red)){.bg-success-50{background-color:color-mix(in srgb, var(--nx-success), white 95%)}}.bg-success-100{background-color:var(--nx-success)}@supports (color:color-mix(in lab, red, red)){.bg-success-100{background-color:color-mix(in srgb, var(--nx-success), white 90%)}}.bg-success-500{background-color:var(--nx-success)}.bg-transparent{background-color:#0000}.bg-transparent\!{background-color:#0000!important}.bg-warning-50{background-color:var(--nx-warning)}@supports (color:color-mix(in lab, red, red)){.bg-warning-50{background-color:color-mix(in srgb, var(--nx-warning), white 95%)}}.bg-warning-100{background-color:var(--nx-warning)}@supports (color:color-mix(in lab, red, red)){.bg-warning-100{background-color:color-mix(in srgb, var(--nx-warning), white 90%)}}.fill-current{fill:currentColor}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-12{padding:calc(var(--spacing) * 12)}.p-16{padding:calc(var(--spacing) * 16)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-0{padding-top:0}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-medium{font-family:500}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-semibold{font-family:600}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:1rem;line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:1.125rem;line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:.875rem;line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/50{font-size:.875rem;line-height:calc(var(--spacing) * 50)}.text-xl{font-size:1.25rem;line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:.75rem;line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:1.625;line-height:1.625}.leading-tight{--tw-leading:1.25;line-height:1.25}.tracking-tight{--tw-tracking:-.025em;letter-spacing:-.025em}.tracking-wider{--tw-tracking:.05em;letter-spacing:.05em}.tracking-widest{--tw-tracking:.1em;letter-spacing:.1em}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-accent-foreground{color:var(--nx-accent-foreground)}.text-current{color:currentColor}.text-destructive,.text-destructive-700{color:var(--nx-destructive)}@supports (color:color-mix(in lab, red, red)){.text-destructive-700{color:color-mix(in srgb, var(--nx-destructive), black 30%)}}.text-destructive-900{color:var(--nx-destructive)}@supports (color:color-mix(in lab, red, red)){.text-destructive-900{color:color-mix(in srgb, var(--nx-destructive), black 70%)}}.text-destructive-foreground{color:var(--nx-destructive-foreground)}.text-foreground{color:var(--nx-foreground)}.text-muted-foreground{color:var(--nx-muted-foreground)}.text-muted\/10{color:var(--nx-muted)}@supports (color:color-mix(in lab, red, red)){.text-muted\/10{color:color-mix(in oklab, var(--nx-muted) 10%, transparent)}}.text-popover-foreground{color:var(--nx-popover-foreground)}.text-primary{color:var(--nx-primary)}.text-primary-foreground,.text-primary-foreground\/80{color:var(--nx-primary-foreground)}@supports (color:color-mix(in lab, red, red)){.text-primary-foreground\/80{color:color-mix(in oklab, var(--nx-primary-foreground) 80%, transparent)}}.text-primary\/20{color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.text-primary\/20{color:color-mix(in oklab, var(--nx-primary) 20%, transparent)}}.text-primary\/30{color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.text-primary\/30{color:color-mix(in oklab, var(--nx-primary) 30%, transparent)}}.text-primary\/40{color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.text-primary\/40{color:color-mix(in oklab, var(--nx-primary) 40%, transparent)}}.text-primary\/50{color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.text-primary\/50{color:color-mix(in oklab, var(--nx-primary) 50%, transparent)}}.text-primary\/80{color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.text-primary\/80{color:color-mix(in oklab, var(--nx-primary) 80%, transparent)}}.text-success-700{color:var(--nx-success)}@supports (color:color-mix(in lab, red, red)){.text-success-700{color:color-mix(in srgb, var(--nx-success), black 30%)}}.text-success-900{color:var(--nx-success)}@supports (color:color-mix(in lab, red, red)){.text-success-900{color:color-mix(in srgb, var(--nx-success), black 70%)}}.text-warning-700{color:var(--nx-warning)}@supports (color:color-mix(in lab, red, red)){.text-warning-700{color:color-mix(in srgb, var(--nx-warning), black 30%)}}.text-warning-900{color:var(--nx-warning)}@supports (color:color-mix(in lab, red, red)){.text-warning-900{color:color-mix(in srgb, var(--nx-warning), black 70%)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);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 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -2px var(--tw-shadow-color,#0000000d);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 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -1px 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-none{--tw-shadow:0 0 #0000;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 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 10px 10px -5px 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-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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-border\/10{--tw-ring-color:var(--nx-border)}@supports (color:color-mix(in lab, red, red)){.ring-border\/10{--tw-ring-color:color-mix(in oklab, var(--nx-border) 10%, transparent)}}.ring-border\/50{--tw-ring-color:var(--nx-border)}@supports (color:color-mix(in lab, red, red)){.ring-border\/50{--tw-ring-color:color-mix(in oklab, var(--nx-border) 50%, transparent)}}.ring-destructive-500\/20{--tw-ring-color:var(--nx-destructive)}@supports (color:color-mix(in lab, red, red)){.ring-destructive-500\/20{--tw-ring-color:color-mix(in oklab, var(--nx-destructive) 20%, transparent)}}.ring-destructive-500\/40{--tw-ring-color:var(--nx-destructive)}@supports (color:color-mix(in lab, red, red)){.ring-destructive-500\/40{--tw-ring-color:color-mix(in oklab, var(--nx-destructive) 40%, transparent)}}.ring-foreground\/40{--tw-ring-color:var(--nx-foreground)}@supports (color:color-mix(in lab, red, red)){.ring-foreground\/40{--tw-ring-color:color-mix(in oklab, var(--nx-foreground) 40%, transparent)}}.ring-muted\/5{--tw-ring-color:var(--nx-muted)}@supports (color:color-mix(in lab, red, red)){.ring-muted\/5{--tw-ring-color:color-mix(in oklab, var(--nx-muted) 5%, transparent)}}.ring-primary\/20{--tw-ring-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.ring-primary\/20{--tw-ring-color:color-mix(in oklab, var(--nx-primary) 20%, transparent)}}.ring-primary\/40{--tw-ring-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.ring-primary\/40{--tw-ring-color:color-mix(in oklab, var(--nx-primary) 40%, transparent)}}.ring-primary\/\[0\.08\]{--tw-ring-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.ring-primary\/\[0\.08\]{--tw-ring-color:color-mix(in oklab, var(--nx-primary) 8%, transparent)}}.ring-success-500\/20{--tw-ring-color:var(--nx-success)}@supports (color:color-mix(in lab, red, red)){.ring-success-500\/20{--tw-ring-color:color-mix(in oklab, var(--nx-success) 20%, transparent)}}.ring-success-500\/40{--tw-ring-color:var(--nx-success)}@supports (color:color-mix(in lab, red, red)){.ring-success-500\/40{--tw-ring-color:color-mix(in oklab, var(--nx-success) 40%, transparent)}}.ring-offset-background{--tw-ring-offset-color:var(--nx-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-sm{--tw-backdrop-blur:blur(var(--blur-sm));-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{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;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-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-\(--ease-premium\){--tw-ease:var(--ease-premium);transition-timing-function:var(--ease-premium)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.will-change-\[height\]{will-change:height}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.selection\:bg-primary ::selection{background-color:var(--nx-primary)}.selection\:bg-primary::selection{background-color:var(--nx-primary)}.selection\:text-primary-foreground ::selection{color:var(--nx-primary-foreground)}.selection\:text-primary-foreground::selection{color:var(--nx-primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing) * 7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:font-medium::file-selector-button{font-family:500}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:text-foreground::file-selector-button{color:var(--nx-foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--nx-muted-foreground)}.placeholder\:opacity-50::placeholder{opacity:.5}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:left-1\/2:before{content:var(--tw-content);left:50%}.before\:h-6:before{content:var(--tw-content);height:calc(var(--spacing) * 6)}.before\:w-6:before{content:var(--tw-content);width:calc(var(--spacing) * 6)}.before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.before\:-translate-y-1\/2:before{content:var(--tw-content);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.hover\:border-primary:hover,.hover\:border-primary\/70:hover{border-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/70:hover{border-color:color-mix(in oklab, var(--nx-primary) 70%, transparent)}}.hover\:bg-destructive-700:hover{background-color:var(--nx-destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive-700:hover{background-color:color-mix(in srgb, var(--nx-destructive), black 30%)}}.hover\:bg-primary\/5:hover{background-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/5:hover{background-color:color-mix(in oklab, var(--nx-primary) 5%, transparent)}}.hover\:text-foreground:hover{color:var(--nx-foreground)}.hover\:text-primary:hover{color:var(--nx-primary)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}}.focus\:border-primary\!:focus{border-color:var(--nx-primary)!important}.focus\:bg-primary\/5:focus{background-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.focus\:bg-primary\/5:focus{background-color:color-mix(in oklab, var(--nx-primary) 5%, transparent)}}.focus\:text-foreground:focus{color:var(--nx-foreground)}.focus\:text-primary:focus{color:var(--nx-primary)}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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\:ring-2:focus{--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\:ring-ring:focus{--tw-ring-color:var(--nx-ring)}.focus\:ring-offset-0:focus{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:border-primary:focus-visible{border-color:var(--nx-primary)}.focus-visible\:border-primary\!:focus-visible{border-color:var(--nx-primary)!important}.focus-visible\:ring-1:focus-visible{--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)}.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-ring:focus-visible{--tw-ring-color:var(--nx-ring)}.focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px;--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-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\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-\[0\.98\]:active{scale:.98}.active\:scale-\[0\.99\]:active{scale:.99}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-primary\/5:disabled{background-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-primary\/5:disabled{background-color:color-mix(in oklab, var(--nx-primary) 5%, transparent)}}.disabled\:opacity-50:disabled{opacity:.5}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--nx-destructive)}.aria-invalid\:focus\:border-destructive\![aria-invalid=true]:focus,.aria-invalid\:focus-visible\:border-destructive\![aria-invalid=true]:focus-visible{border-color:var(--nx-destructive)!important}.aria-selected\:bg-primary\/5[aria-selected=true]{background-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.aria-selected\:bg-primary\/5[aria-selected=true]{background-color:color-mix(in oklab, var(--nx-primary) 5%, transparent)}}.aria-selected\:text-primary[aria-selected=true]{color:var(--nx-primary)}.aria-\[invalid\=true\]\:border-destructive[aria-invalid=true]{border-color:var(--nx-destructive)}.aria-\[invalid\=true\]\:focus\:border-destructive\![aria-invalid=true]:focus{border-color:var(--nx-destructive)!important}.data-disabled\:pointer-events-none[data-disabled]{pointer-events:none}.data-disabled\:opacity-50[data-disabled]{opacity:.5}.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-muted[data-highlighted]{background-color:var(--nx-muted)}.data-\[highlighted\]\:text-foreground[data-highlighted]{color:var(--nx-foreground)}.data-\[invalid\=true\]\:border-destructive[data-invalid=true]{border-color:var(--nx-destructive)}.data-\[invalid\=true\]\:focus\:border-destructive\![data-invalid=true]:focus{border-color:var(--nx-destructive)!important}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--nx-muted-foreground)}.data-\[selected\=true\]\:bg-primary\/5[data-selected=true]{background-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.data-\[selected\=true\]\:bg-primary\/5[data-selected=true]{background-color:color-mix(in oklab, var(--nx-primary) 5%, transparent)}}.data-\[selected\=true\]\:text-primary[data-selected=true]{color:var(--nx-primary)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:animate-slide-in-from-top-2[data-side=bottom]{animation:.2s ease-out slide-in-from-top-2}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:animate-slide-in-from-right-2[data-side=left]{animation:.2s ease-out slide-in-from-right-2}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:animate-slide-in-from-left-2[data-side=right]{animation:.2s ease-out slide-in-from-left-2}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:animate-slide-in-from-bottom-2[data-side=top]{animation:.2s ease-out slide-in-from-bottom-2}.data-\[state\=active\]\:border-b-primary\![data-state=active]{border-bottom-color:var(--nx-primary)!important}.data-\[state\=active\]\:text-primary[data-state=active]{color:var(--nx-primary)}.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked]{--tw-translate-x:calc(100% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:border-\[5px\][data-state=checked]{border-style:var(--tw-border-style);border-width:5px}.data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--nx-primary)}.data-\[state\=checked\]\:border-primary\![data-state=checked]{border-color:var(--nx-primary)!important}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--nx-primary)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--nx-primary-foreground)}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:.3s cubic-bezier(.87,0,.13,1) accordion-up}.data-\[state\=closed\]\:animate-zoom-out-95[data-state=closed]{animation:.1s ease-in zoom-out-95}.data-\[state\=closed\]\:duration-150[data-state=closed]{--tw-duration:.15s;transition-duration:.15s}.data-\[state\=inactive\]\:border-transparent[data-state=inactive]{border-color:#0000}.data-\[state\=inactive\]\:text-muted-foreground[data-state=inactive]{color:var(--nx-muted-foreground)}.data-\[state\=indeterminate\]\:border-primary[data-state=indeterminate]{border-color:var(--nx-primary)}.data-\[state\=indeterminate\]\:bg-primary[data-state=indeterminate]{background-color:var(--nx-primary)}.data-\[state\=indeterminate\]\:text-primary-foreground[data-state=indeterminate]{color:var(--nx-primary-foreground)}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:.3s cubic-bezier(.87,0,.13,1) accordion-down}.data-\[state\=open\]\:animate-zoom-in-95[data-state=open]{animation:.1s ease-out zoom-in-95}.data-\[state\=open\]\:bg-muted[data-state=open]{background-color:var(--nx-muted)}.data-\[state\=open\]\:text-foreground[data-state=open]{color:var(--nx-foreground)}.data-\[state\=open\]\:duration-150[data-state=open]{--tw-duration:.15s;transition-duration:.15s}.data-\[state\=selected\]\:bg-primary\/5[data-state=selected]{background-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=selected\]\:bg-primary\/5[data-state=selected]{background-color:color-mix(in oklab, var(--nx-primary) 5%, transparent)}}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:border-border[data-state=unchecked]{border-color:var(--nx-border)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--nx-input)}@media (prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}}@media (min-width:40rem){.sm\:m-0{margin:0}.sm\:mt-0{margin-top:0}.sm\:min-h-\[36px\]{min-height:36px}.sm\:max-w-\[calc\(100vw-4rem\)\]{max-width:calc(100vw - 4rem)}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(.5rem * var(--tw-space-x-reverse));margin-inline-end:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:text-left{text-align:left}.sm\:text-sm{font-size:.875rem;line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:48rem){.md\:hidden{display:none}.md\:text-sm{font-size:.875rem;line-height:var(--tw-leading,var(--text-sm--line-height))}}@container panel (min-width:42rem){.\@2xl\/panel\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.dark\:border-border\!:where(.dark,.dark *){border-color:var(--nx-border)!important}.dark\:border-destructive-900:where(.dark,.dark *){border-color:var(--nx-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:border-destructive-900:where(.dark,.dark *){border-color:color-mix(in srgb, var(--nx-destructive), black 70%)}}.dark\:border-success-900:where(.dark,.dark *){border-color:var(--nx-success)}@supports (color:color-mix(in lab, red, red)){.dark\:border-success-900:where(.dark,.dark *){border-color:color-mix(in srgb, var(--nx-success), black 70%)}}.dark\:border-warning-900:where(.dark,.dark *){border-color:var(--nx-warning)}@supports (color:color-mix(in lab, red, red)){.dark\:border-warning-900:where(.dark,.dark *){border-color:color-mix(in srgb, var(--nx-warning), black 70%)}}.dark\:border-l-destructive:where(.dark,.dark *){border-left-color:var(--nx-destructive)}.dark\:border-l-success:where(.dark,.dark *){border-left-color:var(--nx-success)}.dark\:border-l-warning:where(.dark,.dark *){border-left-color:var(--nx-warning)}.dark\:bg-destructive-900:where(.dark,.dark *){background-color:var(--nx-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive-900:where(.dark,.dark *){background-color:color-mix(in srgb, var(--nx-destructive), black 70%)}}.dark\:bg-destructive-950:where(.dark,.dark *){background-color:var(--nx-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive-950:where(.dark,.dark *){background-color:color-mix(in srgb, var(--nx-destructive), black 85%)}}.dark\:bg-primary\/20:where(.dark,.dark *){background-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-primary\/20:where(.dark,.dark *){background-color:color-mix(in oklab, var(--nx-primary) 20%, transparent)}}.dark\:bg-success-900:where(.dark,.dark *){background-color:var(--nx-success)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-success-900:where(.dark,.dark *){background-color:color-mix(in srgb, var(--nx-success), black 70%)}}.dark\:bg-success-950:where(.dark,.dark *){background-color:var(--nx-success)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-success-950:where(.dark,.dark *){background-color:color-mix(in srgb, var(--nx-success), black 85%)}}.dark\:bg-warning-900:where(.dark,.dark *){background-color:var(--nx-warning)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-warning-900:where(.dark,.dark *){background-color:color-mix(in srgb, var(--nx-warning), black 70%)}}.dark\:bg-warning-950:where(.dark,.dark *){background-color:var(--nx-warning)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-warning-950:where(.dark,.dark *){background-color:color-mix(in srgb, var(--nx-warning), black 85%)}}.dark\:text-destructive-100:where(.dark,.dark *){color:var(--nx-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:text-destructive-100:where(.dark,.dark *){color:color-mix(in srgb, var(--nx-destructive), white 90%)}}.dark\:text-muted-foreground:where(.dark,.dark *){color:var(--nx-muted-foreground)}.dark\:text-success-100:where(.dark,.dark *){color:var(--nx-success)}@supports (color:color-mix(in lab, red, red)){.dark\:text-success-100:where(.dark,.dark *){color:color-mix(in srgb, var(--nx-success), white 90%)}}.dark\:text-warning-100:where(.dark,.dark *){color:var(--nx-warning)}@supports (color:color-mix(in lab, red, red)){.dark\:text-warning-100:where(.dark,.dark *){color:color-mix(in srgb, var(--nx-warning), white 90%)}}.dark\:data-\[state\=checked\]\:bg-primary-foreground:where(.dark,.dark *)[data-state=checked]{background-color:var(--nx-primary-foreground)}.dark\:data-\[state\=unchecked\]\:bg-foreground:where(.dark,.dark *)[data-state=unchecked]{background-color:var(--nx-foreground)}.dark\:data-\[state\=unchecked\]\:bg-input\/80:where(.dark,.dark *)[data-state=unchecked]{background-color:var(--nx-input)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[state\=unchecked\]\:bg-input\/80:where(.dark,.dark *)[data-state=unchecked]{background-color:color-mix(in oklab, var(--nx-input) 80%, transparent)}}.\[\&_\[cmdk-group-heading\]\]\:px-3 [cmdk-group-heading]{padding-inline:calc(var(--spacing) * 3)}.\[\&_\[cmdk-group-heading\]\]\:py-2 [cmdk-group-heading]{padding-block:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group-heading\]\]\:font-semibold [cmdk-group-heading]{font-family:600}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:tracking-wide [cmdk-group-heading]{--tw-tracking:.025em;letter-spacing:.025em}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:var(--nx-muted-foreground)}.\[\&_\[cmdk-group-heading\]\]\:uppercase [cmdk-group-heading]{text-transform:uppercase}.\[\&_\[cmdk-group\]\]\:mb-2 [cmdk-group]{margin-bottom:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing) * 12)}.\[\&_\[cmdk-item\]\]\:px-3 [cmdk-item]{padding-inline:calc(var(--spacing) * 3)}.\[\&_\[cmdk-item\]\]\:py-2 [cmdk-item]{padding-block:calc(var(--spacing) * 2)}.\[\&_\[cmdk-item\]_svg\]\:h-4 [cmdk-item] svg{height:calc(var(--spacing) * 4)}.\[\&_\[cmdk-item\]_svg\]\:w-4 [cmdk-item] svg{width:calc(var(--spacing) * 4)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\]\:text-current svg{color:currentColor}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}}@keyframes brand-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes brand-pulse{0%,to{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--nx-primary) 8%, transparent));transform:scale(.97)}50%{filter:drop-shadow(0 0 20px color-mix(in srgb, var(--nx-primary) 22%, transparent));transform:scale(1.03)}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes zoom-in-95{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes zoom-out-95{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slide-in-from-top-2{0%{transform:translateY(-.5rem)}to{transform:translateY(0)}}@keyframes slide-in-from-bottom-2{0%{transform:translateY(.5rem)}to{transform:translateY(0)}}@keyframes slide-in-from-left-2{0%{transform:translate(-.5rem)}to{transform:translate(0)}}@keyframes slide-in-from-right-2{0%{transform:translate(.5rem)}to{transform:translate(0)}}:root{--nx-background:oklch(100% 0 0);--nx-page-background:oklch(98.18% 0 0);--nx-foreground:oklch(20.79% .0399 265.73);--nx-card:oklch(100% 0 0);--nx-card-foreground:oklch(20.79% .0399 265.73);--nx-popover:oklch(100% 0 0);--nx-popover-foreground:oklch(20.79% .0399 265.73);--nx-primary:oklch(0% 0 0);--nx-primary-foreground:oklch(100% 0 0);--nx-secondary:oklch(96.84% .0068 247.9);--nx-secondary-foreground:oklch(20.79% .0399 265.73);--nx-muted:oklch(96.96% 0 0);--nx-muted-foreground:oklch(54% .0407 257.44);--nx-accent:oklch(55.47% .0407 257.44);--nx-accent-foreground:oklch(100% 0 0);--nx-destructive:oklch(57.78% .2078 25.33);--nx-destructive-solid:oklch(57.78% .2078 25.33);--nx-destructive-foreground:oklch(100% 0 0);--nx-success:oklch(53% .17 149.2);--nx-success-solid:oklch(53% .17 149.2);--nx-success-foreground:oklch(100% 0 0);--nx-warning:oklch(56.5% .1646 70.11);--nx-warning-foreground:oklch(20.79% .0399 265.73);--nx-highlight:oklch(92.97% .1638 101.06);--nx-highlight-foreground:oklch(20.79% .0399 265.73);--nx-code-bg:oklch(97.61% .0035 247.86);--nx-code-fg:oklch(20.79% .0399 265.73);--nx-code-comment:oklch(54.1% .0407 257.44);--nx-code-keyword:oklch(48.82% .2172 303.9);--nx-code-string:oklch(44.78% .1189 152.1);--nx-code-number:oklch(51.06% .1518 44.2);--nx-code-function:oklch(47.57% .1444 254.6);--nx-code-operator:oklch(49.36% .1418 8.4);--nx-code-punctuation:oklch(54.1% .0407 257.44);--nx-code-variable:oklch(46.94% .1173 62.3);--nx-code-tag:oklch(50.54% .1905 27.5);--nx-code-deleted:oklch(50.54% .1905 27.5);--nx-code-inserted:oklch(44.78% .1189 152.1);--nx-border-subtle:oklch(0% 0 0/.08);--nx-border:oklch(0% 0 0/.445);--nx-border-strong:oklch(0% 0 0/.502);--nx-input:oklch(64.54% .0116 286.11);--nx-ring:var(--nx-primary);--nx-chart-1:var(--nx-primary);--nx-chart-2:oklch(73.99% .1277 209.34);--nx-chart-3:oklch(62.73% .17 149.2);--nx-chart-4:oklch(76.86% .1646 70.11);--nx-chart-5:oklch(63.68% .2078 25.33);--radius:0px;--nx-control-height:2.5rem;--nx-control-height-sm:calc(var(--nx-control-height) - .5rem);--nx-control-height-md:calc(var(--nx-control-height) - .25rem);--nx-control-height-lg:calc(var(--nx-control-height) + .25rem);--nx-focus-ring:var(--nx-primary);--nx-focus-ring-offset:oklch(100% 0 0);--nx-sidebar-background:var(--nx-background);--nx-sidebar-foreground:oklch(37.2% .0392 257.3);--nx-sidebar-primary:oklch(20.79% .0399 265.73);--nx-sidebar-primary-foreground:oklch(98.38% .0035 247.86);--nx-sidebar-accent:oklch(96.84% .0068 247.9);--nx-sidebar-accent-foreground:oklch(20.79% .0399 265.73);--nx-sidebar-border:oklch(64.46% .0126 255.53);--nx-sidebar-ring:var(--nx-primary);--nx-table-row-hover:oklch(98.48% 0 0);--nx-table-row-selected:var(--nx-primary);--nx-table-border:var(--nx-border)}.dark{--nx-background:oklch(13.58% .0163 262.71);--nx-page-background:oklch(13.58% .0163 262.71);--nx-foreground:oklch(98.38% .0035 247.86);--nx-card:oklch(19.16% .0228 266.36);--nx-card-foreground:oklch(98.38% .0035 247.86);--nx-popover:oklch(24% .0249 257.44);--nx-popover-foreground:oklch(98.38% .0035 247.86);--nx-primary:oklch(100% 0 0);--nx-primary-foreground:oklch(20.79% .0399 265.73);--nx-secondary:oklch(28% .0369 259.97);--nx-secondary-foreground:oklch(98.38% .0035 247.86);--nx-muted:oklch(28% .0369 259.97);--nx-muted-foreground:oklch(71.07% .0351 256.79);--nx-accent:oklch(55.47% .0407 257.44);--nx-accent-foreground:oklch(100% 0 0);--nx-destructive:oklch(65% .2078 25.33);--nx-destructive-solid:oklch(57.78% .2078 25.33);--nx-destructive-foreground:oklch(100% 0 0);--nx-success:oklch(60% .1921 149.58);--nx-success-solid:oklch(52.25% .1921 149.58);--nx-success-foreground:oklch(100% 0 0);--nx-warning:oklch(76.86% .1646 70.11);--nx-warning-foreground:oklch(20.79% .0399 265.73);--nx-highlight:oklch(80% .1425 101.06);--nx-highlight-foreground:oklch(20.79% .0399 265.73);--nx-code-bg:oklch(19.16% .0228 266.36);--nx-code-fg:oklch(98.38% .0035 247.86);--nx-code-comment:oklch(66.26% .0364 256.79);--nx-code-keyword:oklch(74.82% .1235 303.9);--nx-code-string:oklch(76.54% .1476 152.1);--nx-code-number:oklch(78.07% .1189 44.2);--nx-code-function:oklch(73.65% .1163 254.6);--nx-code-operator:oklch(75.49% .1234 8.4);--nx-code-punctuation:oklch(66.26% .0364 256.79);--nx-code-variable:oklch(79.38% .1052 62.3);--nx-code-tag:oklch(71.18% .1476 27.5);--nx-code-deleted:oklch(71.18% .1476 27.5);--nx-code-inserted:oklch(76.54% .1476 152.1);--nx-border-subtle:oklch(100% 0 0/.08);--nx-border:oklch(100% 0 0/.366);--nx-border-strong:oklch(100% 0 0/.418);--nx-input:oklch(54% .0128 285.92);--nx-ring:var(--nx-primary);--nx-chart-1:var(--nx-primary);--nx-chart-2:oklch(73.99% .1277 209.34);--nx-chart-3:oklch(72.29% .1921 149.58);--nx-chart-4:oklch(76.86% .1646 70.11);--nx-chart-5:oklch(63.68% .2078 25.33);--nx-sidebar-background:var(--nx-background);--nx-sidebar-foreground:oklch(98.38% .0035 247.86);--nx-sidebar-primary:oklch(98.38% .0035 247.86);--nx-sidebar-primary-foreground:oklch(20.79% .0399 265.73);--nx-sidebar-accent:oklch(28% .0369 259.97);--nx-sidebar-accent-foreground:oklch(98.38% .0035 247.86);--nx-sidebar-border:oklch(49.75% .0129 257.43);--nx-sidebar-ring:var(--nx-primary);--nx-table-row-hover:oklch(28% .0369 259.97);--nx-table-row-selected:var(--nx-primary);--nx-table-border:var(--nx-border)}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{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-content{syntax:"*";inherits:false;initial-value:""}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
package/dist/styles.scoped.css ADDED
@@ -0,0 +1,2 @@
1
+ /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
2
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.nextly-ui *,.nextly-ui :before,.nextly-ui :after,.nextly-ui ::backdrop{--nx-tw-translate-x:0;--nx-tw-translate-y:0;--nx-tw-translate-z:0;--nx-tw-rotate-x:initial;--nx-tw-rotate-y:initial;--nx-tw-rotate-z:initial;--nx-tw-skew-x:initial;--nx-tw-skew-y:initial;--nx-tw-space-y-reverse:0;--nx-tw-border-style:solid;--nx-tw-leading:initial;--nx-tw-tracking:initial;--nx-tw-shadow:0 0 #0000;--nx-tw-shadow-color:initial;--nx-tw-shadow-alpha:100%;--nx-tw-inset-shadow:0 0 #0000;--nx-tw-inset-shadow-color:initial;--nx-tw-inset-shadow-alpha:100%;--nx-tw-ring-color:initial;--nx-tw-ring-shadow:0 0 #0000;--nx-tw-inset-ring-color:initial;--nx-tw-inset-ring-shadow:0 0 #0000;--nx-tw-ring-inset:initial;--nx-tw-ring-offset-width:0px;--nx-tw-ring-offset-color:#fff;--nx-tw-ring-offset-shadow:0 0 #0000;--nx-tw-outline-style:solid;--nx-tw-blur:initial;--nx-tw-brightness:initial;--nx-tw-contrast:initial;--nx-tw-grayscale:initial;--nx-tw-hue-rotate:initial;--nx-tw-invert:initial;--nx-tw-opacity:initial;--nx-tw-saturate:initial;--nx-tw-sepia:initial;--nx-tw-drop-shadow:initial;--nx-tw-drop-shadow-color:initial;--nx-tw-drop-shadow-alpha:100%;--nx-tw-drop-shadow-size:initial;--nx-tw-backdrop-blur:initial;--nx-tw-backdrop-brightness:initial;--nx-tw-backdrop-contrast:initial;--nx-tw-backdrop-grayscale:initial;--nx-tw-backdrop-hue-rotate:initial;--nx-tw-backdrop-invert:initial;--nx-tw-backdrop-opacity:initial;--nx-tw-backdrop-saturate:initial;--nx-tw-backdrop-sepia:initial;--nx-tw-duration:initial;--nx-tw-ease:initial;--nx-tw-content:"";--nx-tw-space-x-reverse:0}}}@layer theme{.nextly-ui,.nextly-ui{--color-red-100:#fee2e2;--color-red-700:#b91c1c;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--text-xs--line-height:calc(1 / .75);--text-sm--line-height:calc(1.25 / .875);--text-base--line-height:calc(1.5 / 1);--text-lg--line-height:calc(1.75 / 1.125);--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.75rem;--text-2xl--line-height:calc(2 / 1.5);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:nx-spin 1s linear infinite;--animate-pulse:nx-pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-inter), Inter, sans-serif;--default-mono-font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-background:var(--nx-background);--color-primary:var(--nx-primary);--color-warning-700:var(--nx-warning)}@supports (color:color-mix(in lab, red, red)){.nextly-ui,.nextly-ui{--color-warning-700:color-mix(in srgb, var(--nx-warning), black 30%)}}.nextly-ui,.nextly-ui{--color-card:var(--nx-card);--color-popover:var(--nx-popover);--color-sidebar-background:var(--nx-sidebar-background);--ease-premium:cubic-bezier(.2, .8, .2, 1)}}@layer base{.nextly-ui *,.nextly-ui :after,.nextly-ui :before,.nextly-ui ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}.nextly-ui ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}.nextly-ui,.nextly-ui{-webkit-text-size-adjust:100%;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}.nextly-ui hr{height:0;color:inherit;border-top-width:1px}.nextly-ui abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.nextly-ui h1,.nextly-ui h2,.nextly-ui h3,.nextly-ui h4,.nextly-ui h5,.nextly-ui h6{font-size:inherit;font-weight:inherit}.nextly-ui a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.nextly-ui b,.nextly-ui strong{font-weight:bolder}.nextly-ui code,.nextly-ui kbd,.nextly-ui samp,.nextly-ui 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}.nextly-ui small{font-size:80%}.nextly-ui sub,.nextly-ui sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}.nextly-ui sub{bottom:-.25em}.nextly-ui sup{top:-.5em}.nextly-ui table{text-indent:0;border-color:inherit;border-collapse:collapse}.nextly-ui :-moz-focusring{outline:auto}.nextly-ui progress{vertical-align:baseline}.nextly-ui summary{display:list-item}.nextly-ui ol,.nextly-ui ul,.nextly-ui menu{list-style:none}.nextly-ui img,.nextly-ui svg,.nextly-ui video,.nextly-ui canvas,.nextly-ui audio,.nextly-ui iframe,.nextly-ui embed,.nextly-ui object{vertical-align:middle;display:block}.nextly-ui img,.nextly-ui video{max-width:100%;height:auto}.nextly-ui button,.nextly-ui input,.nextly-ui select,.nextly-ui optgroup,.nextly-ui textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.nextly-ui ::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}.nextly-ui :where(select:is([multiple],[size])) optgroup{font-weight:bolder}.nextly-ui :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}.nextly-ui ::file-selector-button{margin-inline-end:4px}.nextly-ui ::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){.nextly-ui ::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){.nextly-ui ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}.nextly-ui textarea{resize:vertical}.nextly-ui ::-webkit-search-decoration{-webkit-appearance:none}.nextly-ui ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}.nextly-ui ::-webkit-datetime-edit{display:inline-flex}.nextly-ui ::-webkit-datetime-edit-fields-wrapper{padding:0}.nextly-ui ::-webkit-datetime-edit{padding-block:0}.nextly-ui ::-webkit-datetime-edit-year-field{padding-block:0}.nextly-ui ::-webkit-datetime-edit-month-field{padding-block:0}.nextly-ui ::-webkit-datetime-edit-day-field{padding-block:0}.nextly-ui ::-webkit-datetime-edit-hour-field{padding-block:0}.nextly-ui ::-webkit-datetime-edit-minute-field{padding-block:0}.nextly-ui ::-webkit-datetime-edit-second-field{padding-block:0}.nextly-ui ::-webkit-datetime-edit-millisecond-field{padding-block:0}.nextly-ui ::-webkit-datetime-edit-meridiem-field{padding-block:0}.nextly-ui ::-webkit-calendar-picker-indicator{line-height:1}.nextly-ui :-moz-ui-invalid{box-shadow:none}.nextly-ui button,.nextly-ui input:where([type=button],[type=reset],[type=submit]){appearance:button}.nextly-ui ::file-selector-button{appearance:button}.nextly-ui ::-webkit-inner-spin-button{height:auto}.nextly-ui ::-webkit-outer-spin-button{height:auto}.nextly-ui [hidden]:where(:not([hidden=until-found])){display:none!important}.nextly-ui *,.nextly-ui :before,.nextly-ui :after{border-color:var(--nx-border)}}@layer components;@layer utilities{.nextly-ui .\@container\/panel{container:panel/inline-size}.nextly-ui .\@container{container-type:inline-size}.nextly-ui .pointer-events-none{pointer-events:none}.nextly-ui .invisible{visibility:hidden}.nextly-ui .visible{visibility:visible}.nextly-ui .sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nextly-ui .absolute{position:absolute}.nextly-ui .fixed{position:fixed}.nextly-ui .relative{position:relative}.nextly-ui .static{position:static}.nextly-ui .sticky{position:sticky}.nextly-ui .inset-0{inset:0}.nextly-ui .inset-x-0{inset-inline:0}.nextly-ui .inset-y-0{inset-block:0}.nextly-ui .top-0{top:0}.nextly-ui .top-1\/2{top:50%}.nextly-ui .top-4{top:calc(var(--spacing) * 4)}.nextly-ui .top-\[50\%\]{top:50%}.nextly-ui .right-0{right:0}.nextly-ui .right-2{right:calc(var(--spacing) * 2)}.nextly-ui .right-3{right:calc(var(--spacing) * 3)}.nextly-ui .right-4{right:calc(var(--spacing) * 4)}.nextly-ui .bottom-0{bottom:0}.nextly-ui .left-0{left:0}.nextly-ui .left-2{left:calc(var(--spacing) * 2)}.nextly-ui .left-3{left:calc(var(--spacing) * 3)}.nextly-ui .left-\[50\%\]{left:50%}.nextly-ui .isolate{isolation:isolate}.nextly-ui .z-30{z-index:30}.nextly-ui .z-50{z-index:50}.nextly-ui .z-51{z-index:51}.nextly-ui .z-9999{z-index:9999}.nextly-ui .z-\[51\]{z-index:51}.nextly-ui .z-\[99\]{z-index:99}.nextly-ui .z-\[100\]{z-index:100}.nextly-ui .z-\[9999\]\!{z-index:9999!important}.nextly-ui .container{width:100%}@media (min-width:40rem){.nextly-ui .container{max-width:40rem}}@media (min-width:48rem){.nextly-ui .container{max-width:48rem}}@media (min-width:64rem){.nextly-ui .container{max-width:64rem}}@media (min-width:80rem){.nextly-ui .container{max-width:80rem}}@media (min-width:96rem){.nextly-ui .container{max-width:96rem}}.nextly-ui .m-4{margin:calc(var(--spacing) * 4)}.nextly-ui .-mx-1{margin-inline:calc(var(--spacing) * -1)}.nextly-ui .my-1{margin-block:var(--spacing)}.nextly-ui .my-2{margin-block:calc(var(--spacing) * 2)}.nextly-ui .mt-2{margin-top:calc(var(--spacing) * 2)}.nextly-ui .mt-4{margin-top:calc(var(--spacing) * 4)}.nextly-ui .mr-2{margin-right:calc(var(--spacing) * 2)}.nextly-ui .mr-3{margin-right:calc(var(--spacing) * 3)}.nextly-ui .-mb-0\.5{margin-bottom:calc(var(--spacing) * -.5)}.nextly-ui .mb-1{margin-bottom:var(--spacing)}.nextly-ui .mb-2{margin-bottom:calc(var(--spacing) * 2)}.nextly-ui .ml-1{margin-left:var(--spacing)}.nextly-ui .ml-auto{margin-left:auto}.nextly-ui .block{display:block}.nextly-ui .flex{display:flex}.nextly-ui .grid{display:grid}.nextly-ui .hidden{display:none}.nextly-ui .inline{display:inline}.nextly-ui .inline-flex{display:inline-flex}.nextly-ui .table{display:table}.nextly-ui .aspect-square{aspect-ratio:1}.nextly-ui .size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.nextly-ui .size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.nextly-ui .size-full{width:100%;height:100%}.nextly-ui .h-\(--radix-select-trigger-height\){height:var(--radix-select-trigger-height)}.nextly-ui .h-2{height:calc(var(--spacing) * 2)}.nextly-ui .h-3{height:calc(var(--spacing) * 3)}.nextly-ui .h-3\.5{height:calc(var(--spacing) * 3.5)}.nextly-ui .h-4{height:calc(var(--spacing) * 4)}.nextly-ui .h-5{height:calc(var(--spacing) * 5)}.nextly-ui .h-6{height:calc(var(--spacing) * 6)}.nextly-ui .h-8{height:calc(var(--spacing) * 8)}.nextly-ui .h-10{height:calc(var(--spacing) * 10)}.nextly-ui .h-11{height:calc(var(--spacing) * 11)}.nextly-ui .h-12{height:calc(var(--spacing) * 12)}.nextly-ui .h-16{height:calc(var(--spacing) * 16)}.nextly-ui .h-20{height:calc(var(--spacing) * 20)}.nextly-ui .h-\[1\.15rem\]{height:1.15rem}.nextly-ui .h-\[22px\]{height:22px}.nextly-ui .h-\[125px\]{height:125px}.nextly-ui .h-\[var\(--nx-control-height\)\]{height:var(--nx-control-height)}.nextly-ui .h-\[var\(--nx-control-height-lg\)\]{height:var(--nx-control-height-lg)}.nextly-ui .h-\[var\(--nx-control-height-md\)\]{height:var(--nx-control-height-md)}.nextly-ui .h-\[var\(--nx-control-height-sm\)\]{height:var(--nx-control-height-sm)}.nextly-ui .h-full{height:100%}.nextly-ui .h-px{height:1px}.nextly-ui .max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.nextly-ui .max-h-\[85vh\]{max-height:85vh}.nextly-ui .max-h-\[400px\]{max-height:400px}.nextly-ui .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.nextly-ui .min-h-\[44px\]{min-height:44px}.nextly-ui .min-h-\[80px\]{min-height:80px}.nextly-ui .w-2{width:calc(var(--spacing) * 2)}.nextly-ui .w-3{width:calc(var(--spacing) * 3)}.nextly-ui .w-3\.5{width:calc(var(--spacing) * 3.5)}.nextly-ui .w-3\/4{width:75%}.nextly-ui .w-4{width:calc(var(--spacing) * 4)}.nextly-ui .w-5{width:calc(var(--spacing) * 5)}.nextly-ui .w-6{width:calc(var(--spacing) * 6)}.nextly-ui .w-8{width:calc(var(--spacing) * 8)}.nextly-ui .w-9{width:calc(var(--spacing) * 9)}.nextly-ui .w-10{width:calc(var(--spacing) * 10)}.nextly-ui .w-11{width:calc(var(--spacing) * 11)}.nextly-ui .w-12{width:calc(var(--spacing) * 12)}.nextly-ui .w-16{width:calc(var(--spacing) * 16)}.nextly-ui .w-20{width:calc(var(--spacing) * 20)}.nextly-ui .w-72{width:calc(var(--spacing) * 72)}.nextly-ui .w-\[60\%\]{width:60%}.nextly-ui .w-\[70\%\]{width:70%}.nextly-ui .w-\[70px\]{width:70px}.nextly-ui .w-\[80px\]{width:80px}.nextly-ui .w-\[120px\]{width:120px}.nextly-ui .w-\[200px\]{width:200px}.nextly-ui .w-\[250px\]{width:250px}.nextly-ui .w-\[var\(--nx-control-height\)\]{width:var(--nx-control-height)}.nextly-ui .w-\[var\(--nx-control-height-lg\)\]{width:var(--nx-control-height-lg)}.nextly-ui .w-\[var\(--nx-control-height-md\)\]{width:var(--nx-control-height-md)}.nextly-ui .w-full{width:100%}.nextly-ui .max-w-2xl{max-width:var(--container-2xl)}.nextly-ui .max-w-4xl{max-width:var(--container-4xl)}.nextly-ui .max-w-\[120px\]{max-width:120px}.nextly-ui .max-w-\[180px\]{max-width:180px}.nextly-ui .max-w-\[250px\]{max-width:250px}.nextly-ui .max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.nextly-ui .max-w-full{max-width:100%}.nextly-ui .max-w-lg{max-width:var(--container-lg)}.nextly-ui .max-w-sm{max-width:var(--container-sm)}.nextly-ui .min-w-\(--radix-select-trigger-width\){min-width:var(--radix-select-trigger-width)}.nextly-ui .min-w-0{min-width:0}.nextly-ui .min-w-32{min-width:calc(var(--spacing) * 32)}.nextly-ui .min-w-\[8rem\]{min-width:8rem}.nextly-ui .flex-1{flex:1}.nextly-ui .shrink-0{flex-shrink:0}.nextly-ui .grow{flex-grow:1}.nextly-ui .caption-bottom{caption-side:bottom}.nextly-ui .origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:--radix-dropdown-menu-content-transform-origin}.nextly-ui .origin-\[--radix-popover-content-transform-origin\]{transform-origin:--radix-popover-content-transform-origin}.nextly-ui .translate-x-\[-50\%\]{--nx-tw-translate-x:-50%;translate:var(--nx-tw-translate-x) var(--nx-tw-translate-y)}.nextly-ui .-translate-y-1\/2{--nx-tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--nx-tw-translate-x) var(--nx-tw-translate-y)}.nextly-ui .translate-y-\[-50\%\]{--nx-tw-translate-y:-50%;translate:var(--nx-tw-translate-x) var(--nx-tw-translate-y)}.nextly-ui .transform{transform:var(--nx-tw-rotate-x,) var(--nx-tw-rotate-y,) var(--nx-tw-rotate-z,) var(--nx-tw-skew-x,) var(--nx-tw-skew-y,)}.nextly-ui .transform-\[translateZ\(0\)\]{transform:translateZ(0)}.nextly-ui .animate-accordion-down{animation:.3s cubic-bezier(.87,0,.13,1) nx-accordion-down}.nextly-ui .animate-accordion-up{animation:.3s cubic-bezier(.87,0,.13,1) nx-accordion-up}.nextly-ui .animate-pulse{animation:var(--animate-pulse)}.nextly-ui .animate-spin{animation:var(--animate-spin)}.nextly-ui .cursor-default{cursor:default}.nextly-ui .cursor-help{cursor:help}.nextly-ui .cursor-pointer{cursor:pointer}.nextly-ui .resize-y{resize:vertical}.nextly-ui .scroll-my-1{scroll-margin-block:var(--spacing)}.nextly-ui .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.nextly-ui .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.nextly-ui .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.nextly-ui .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.nextly-ui .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.nextly-ui .flex-col{flex-direction:column}.nextly-ui .flex-col-reverse{flex-direction:column-reverse}.nextly-ui .flex-row{flex-direction:row}.nextly-ui .items-center{align-items:center}.nextly-ui .items-start{align-items:flex-start}.nextly-ui .justify-between{justify-content:space-between}.nextly-ui .justify-center{justify-content:center}.nextly-ui .justify-end{justify-content:flex-end}.nextly-ui .gap-0{gap:0}.nextly-ui .gap-1{gap:var(--spacing)}.nextly-ui .gap-1\.5{gap:calc(var(--spacing) * 1.5)}.nextly-ui .gap-2{gap:calc(var(--spacing) * 2)}.nextly-ui .gap-3{gap:calc(var(--spacing) * 3)}.nextly-ui .gap-4{gap:calc(var(--spacing) * 4)}.nextly-ui .gap-6{gap:calc(var(--spacing) * 6)}.nextly-ui .gap-8{gap:calc(var(--spacing) * 8)}.nextly-ui :where(.nextly-ui .space-y-1>:not(:last-child)){--nx-tw-space-y-reverse:0;margin-block-start:calc(.25rem * var(--nx-tw-space-y-reverse));margin-block-end:calc(.25rem * calc(1 - var(--nx-tw-space-y-reverse)))}.nextly-ui :where(.nextly-ui .space-y-1\.5>:not(:last-child)){--nx-tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--nx-tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--nx-tw-space-y-reverse)))}.nextly-ui :where(.nextly-ui .space-y-2>:not(:last-child)){--nx-tw-space-y-reverse:0;margin-block-start:calc(.5rem * var(--nx-tw-space-y-reverse));margin-block-end:calc(.5rem * calc(1 - var(--nx-tw-space-y-reverse)))}.nextly-ui :where(.nextly-ui .space-y-3>:not(:last-child)){--nx-tw-space-y-reverse:0;margin-block-start:calc(.75rem * var(--nx-tw-space-y-reverse));margin-block-end:calc(.75rem * calc(1 - var(--nx-tw-space-y-reverse)))}.nextly-ui :where(.nextly-ui .space-y-4>:not(:last-child)){--nx-tw-space-y-reverse:0;margin-block-start:calc(1rem * var(--nx-tw-space-y-reverse));margin-block-end:calc(1rem * calc(1 - var(--nx-tw-space-y-reverse)))}.nextly-ui .overflow-auto{overflow:auto}.nextly-ui .overflow-hidden{overflow:hidden}.nextly-ui .overflow-visible\!{overflow:visible!important}.nextly-ui .overflow-x-hidden{overflow-x:hidden}.nextly-ui .overflow-y-auto{overflow-y:auto}.nextly-ui .rounded-none{border-radius:0}.nextly-ui .border{border-style:var(--nx-tw-border-style);border-width:1px}.nextly-ui .border-0{border-style:var(--nx-tw-border-style);border-width:0}.nextly-ui .border-t{border-top-style:var(--nx-tw-border-style);border-top-width:1px}.nextly-ui .border-r{border-right-style:var(--nx-tw-border-style);border-right-width:1px}.nextly-ui .border-b{border-bottom-style:var(--nx-tw-border-style);border-bottom-width:1px}.nextly-ui .border-b-2{border-bottom-style:var(--nx-tw-border-style);border-bottom-width:2px}.nextly-ui .border-l{border-left-style:var(--nx-tw-border-style);border-left-width:1px}.nextly-ui .border-l-4{border-left-style:var(--nx-tw-border-style);border-left-width:4px}.nextly-ui .border-accent-foreground\/20{border-color:var(--nx-accent-foreground)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .border-accent-foreground\/20{border-color:color-mix(in oklab, var(--nx-accent-foreground) 20%, transparent)}}.nextly-ui .border-black\/5{border-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.nextly-ui .border-black\/5{border-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.nextly-ui .border-border{border-color:var(--nx-border)}.nextly-ui .border-border\!{border-color:var(--nx-border)!important}.nextly-ui .border-destructive-200{border-color:var(--nx-destructive)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .border-destructive-200{border-color:color-mix(in srgb, var(--nx-destructive), white 70%)}}.nextly-ui .border-input{border-color:var(--nx-input)}.nextly-ui .border-primary{border-color:var(--nx-primary)}.nextly-ui .border-primary-foreground\/30{border-color:var(--nx-primary-foreground)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .border-primary-foreground\/30{border-color:color-mix(in oklab, var(--nx-primary-foreground) 30%, transparent)}}.nextly-ui .border-primary\/10{border-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .border-primary\/10{border-color:color-mix(in oklab, var(--nx-primary) 10%, transparent)}}.nextly-ui .border-primary\/\[0\.08\]{border-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .border-primary\/\[0\.08\]{border-color:color-mix(in oklab, var(--nx-primary) 8%, transparent)}}.nextly-ui .border-primary\/\[0\.18\]{border-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .border-primary\/\[0\.18\]{border-color:color-mix(in oklab, var(--nx-primary) 18%, transparent)}}.nextly-ui .border-success-200{border-color:var(--nx-success)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .border-success-200{border-color:color-mix(in srgb, var(--nx-success), white 70%)}}.nextly-ui .border-success-900\/50{border-color:var(--nx-success)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .border-success-900\/50{border-color:color-mix(in oklab, color-mix(in srgb, var(--nx-success), black 70%) 50%, transparent)}}.nextly-ui .border-transparent{border-color:#0000}.nextly-ui .border-warning-200{border-color:var(--nx-warning)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .border-warning-200{border-color:color-mix(in srgb, var(--nx-warning), white 70%)}}.nextly-ui .border-warning-200\/50{border-color:var(--nx-warning)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .border-warning-200\/50{border-color:color-mix(in oklab, color-mix(in srgb, var(--nx-warning), white 70%) 50%, transparent)}}.nextly-ui .border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.nextly-ui .border-white\/5{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.nextly-ui .border-l-destructive{border-left-color:var(--nx-destructive)}.nextly-ui .border-l-success{border-left-color:var(--nx-success)}.nextly-ui .border-l-warning{border-left-color:var(--nx-warning)}.nextly-ui .bg-accent{background-color:var(--nx-accent)}.nextly-ui .bg-background{background-color:var(--nx-background)}.nextly-ui .bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.nextly-ui .bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.nextly-ui .bg-black\/75{background-color:#000000bf}@supports (color:color-mix(in lab, red, red)){.nextly-ui .bg-black\/75{background-color:color-mix(in oklab, var(--color-black) 75%, transparent)}}.nextly-ui .bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.nextly-ui .bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.nextly-ui .bg-border{background-color:var(--nx-border)}.nextly-ui .bg-card{background-color:var(--nx-card)}.nextly-ui .bg-destructive,.nextly-ui .bg-destructive-50{background-color:var(--nx-destructive)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .bg-destructive-50{background-color:color-mix(in srgb, var(--nx-destructive), white 95%)}}.nextly-ui .bg-destructive-100{background-color:var(--nx-destructive)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .bg-destructive-100{background-color:color-mix(in srgb, var(--nx-destructive), white 90%)}}.nextly-ui .bg-destructive-700{background-color:var(--nx-destructive)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .bg-destructive-700{background-color:color-mix(in srgb, var(--nx-destructive), black 30%)}}.nextly-ui .bg-destructive-solid{background-color:var(--nx-destructive-solid)}.nextly-ui .bg-muted{background-color:var(--nx-muted)}.nextly-ui .bg-popover{background-color:var(--nx-popover)}.nextly-ui .bg-primary,.nextly-ui .bg-primary-500,.nextly-ui .bg-primary\/5{background-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .bg-primary\/5{background-color:color-mix(in oklab, var(--nx-primary) 5%, transparent)}}.nextly-ui .bg-primary\/10{background-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .bg-primary\/10{background-color:color-mix(in oklab, var(--nx-primary) 10%, transparent)}}.nextly-ui .bg-primary\/20{background-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .bg-primary\/20{background-color:color-mix(in oklab, var(--nx-primary) 20%, transparent)}}.nextly-ui .bg-success-50{background-color:var(--nx-success)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .bg-success-50{background-color:color-mix(in srgb, var(--nx-success), white 95%)}}.nextly-ui .bg-success-100{background-color:var(--nx-success)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .bg-success-100{background-color:color-mix(in srgb, var(--nx-success), white 90%)}}.nextly-ui .bg-success-500{background-color:var(--nx-success)}.nextly-ui .bg-transparent{background-color:#0000}.nextly-ui .bg-transparent\!{background-color:#0000!important}.nextly-ui .bg-warning-50{background-color:var(--nx-warning)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .bg-warning-50{background-color:color-mix(in srgb, var(--nx-warning), white 95%)}}.nextly-ui .bg-warning-100{background-color:var(--nx-warning)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .bg-warning-100{background-color:color-mix(in srgb, var(--nx-warning), white 90%)}}.nextly-ui .fill-current{fill:currentColor}.nextly-ui .p-0{padding:0}.nextly-ui .p-0\.5{padding:calc(var(--spacing) * .5)}.nextly-ui .p-1{padding:var(--spacing)}.nextly-ui .p-2{padding:calc(var(--spacing) * 2)}.nextly-ui .p-4{padding:calc(var(--spacing) * 4)}.nextly-ui .p-6{padding:calc(var(--spacing) * 6)}.nextly-ui .p-8{padding:calc(var(--spacing) * 8)}.nextly-ui .p-12{padding:calc(var(--spacing) * 12)}.nextly-ui .p-16{padding:calc(var(--spacing) * 16)}.nextly-ui .px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.nextly-ui .px-2{padding-inline:calc(var(--spacing) * 2)}.nextly-ui .px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.nextly-ui .px-3{padding-inline:calc(var(--spacing) * 3)}.nextly-ui .px-4{padding-inline:calc(var(--spacing) * 4)}.nextly-ui .px-6{padding-inline:calc(var(--spacing) * 6)}.nextly-ui .px-8{padding-inline:calc(var(--spacing) * 8)}.nextly-ui .py-0\.5{padding-block:calc(var(--spacing) * .5)}.nextly-ui .py-1{padding-block:var(--spacing)}.nextly-ui .py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.nextly-ui .py-2{padding-block:calc(var(--spacing) * 2)}.nextly-ui .py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.nextly-ui .py-3{padding-block:calc(var(--spacing) * 3)}.nextly-ui .py-4{padding-block:calc(var(--spacing) * 4)}.nextly-ui .py-8{padding-block:calc(var(--spacing) * 8)}.nextly-ui .pt-0{padding-top:0}.nextly-ui .pr-2{padding-right:calc(var(--spacing) * 2)}.nextly-ui .pr-8{padding-right:calc(var(--spacing) * 8)}.nextly-ui .pr-10{padding-right:calc(var(--spacing) * 10)}.nextly-ui .pb-4{padding-bottom:calc(var(--spacing) * 4)}.nextly-ui .pl-2{padding-left:calc(var(--spacing) * 2)}.nextly-ui .pl-8{padding-left:calc(var(--spacing) * 8)}.nextly-ui .pl-10{padding-left:calc(var(--spacing) * 10)}.nextly-ui .text-center{text-align:center}.nextly-ui .text-left{text-align:left}.nextly-ui .align-middle{vertical-align:middle}.nextly-ui .font-medium{font-family:500}.nextly-ui .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.nextly-ui .font-semibold{font-family:600}.nextly-ui .text-2xl{font-size:var(--text-2xl);line-height:var(--nx-tw-leading,var(--text-2xl--line-height))}.nextly-ui .text-base{font-size:1rem;line-height:var(--nx-tw-leading,var(--text-base--line-height))}.nextly-ui .text-lg{font-size:1.125rem;line-height:var(--nx-tw-leading,var(--text-lg--line-height))}.nextly-ui .text-sm{font-size:.875rem;line-height:var(--nx-tw-leading,var(--text-sm--line-height))}.nextly-ui .text-sm\/50{font-size:.875rem;line-height:calc(var(--spacing) * 50)}.nextly-ui .text-xl{font-size:1.25rem;line-height:var(--nx-tw-leading,var(--text-xl--line-height))}.nextly-ui .text-xs{font-size:.75rem;line-height:var(--nx-tw-leading,var(--text-xs--line-height))}.nextly-ui .text-\[12px\]{font-size:12px}.nextly-ui .text-\[13px\]{font-size:13px}.nextly-ui .leading-none{--nx-tw-leading:1;line-height:1}.nextly-ui .leading-relaxed{--nx-tw-leading:1.625;line-height:1.625}.nextly-ui .leading-tight{--nx-tw-leading:1.25;line-height:1.25}.nextly-ui .tracking-tight{--nx-tw-tracking:-.025em;letter-spacing:-.025em}.nextly-ui .tracking-wider{--nx-tw-tracking:.05em;letter-spacing:.05em}.nextly-ui .tracking-widest{--nx-tw-tracking:.1em;letter-spacing:.1em}.nextly-ui .break-words{overflow-wrap:break-word}.nextly-ui .whitespace-nowrap{white-space:nowrap}.nextly-ui .text-accent-foreground{color:var(--nx-accent-foreground)}.nextly-ui .text-current{color:currentColor}.nextly-ui .text-destructive,.nextly-ui .text-destructive-700{color:var(--nx-destructive)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .text-destructive-700{color:color-mix(in srgb, var(--nx-destructive), black 30%)}}.nextly-ui .text-destructive-900{color:var(--nx-destructive)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .text-destructive-900{color:color-mix(in srgb, var(--nx-destructive), black 70%)}}.nextly-ui .text-destructive-foreground{color:var(--nx-destructive-foreground)}.nextly-ui .text-foreground{color:var(--nx-foreground)}.nextly-ui .text-muted-foreground{color:var(--nx-muted-foreground)}.nextly-ui .text-muted\/10{color:var(--nx-muted)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .text-muted\/10{color:color-mix(in oklab, var(--nx-muted) 10%, transparent)}}.nextly-ui .text-popover-foreground{color:var(--nx-popover-foreground)}.nextly-ui .text-primary{color:var(--nx-primary)}.nextly-ui .text-primary-foreground,.nextly-ui .text-primary-foreground\/80{color:var(--nx-primary-foreground)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .text-primary-foreground\/80{color:color-mix(in oklab, var(--nx-primary-foreground) 80%, transparent)}}.nextly-ui .text-primary\/20{color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .text-primary\/20{color:color-mix(in oklab, var(--nx-primary) 20%, transparent)}}.nextly-ui .text-primary\/30{color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .text-primary\/30{color:color-mix(in oklab, var(--nx-primary) 30%, transparent)}}.nextly-ui .text-primary\/40{color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .text-primary\/40{color:color-mix(in oklab, var(--nx-primary) 40%, transparent)}}.nextly-ui .text-primary\/50{color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .text-primary\/50{color:color-mix(in oklab, var(--nx-primary) 50%, transparent)}}.nextly-ui .text-primary\/80{color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .text-primary\/80{color:color-mix(in oklab, var(--nx-primary) 80%, transparent)}}.nextly-ui .text-success-700{color:var(--nx-success)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .text-success-700{color:color-mix(in srgb, var(--nx-success), black 30%)}}.nextly-ui .text-success-900{color:var(--nx-success)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .text-success-900{color:color-mix(in srgb, var(--nx-success), black 70%)}}.nextly-ui .text-warning-700{color:var(--nx-warning)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .text-warning-700{color:color-mix(in srgb, var(--nx-warning), black 30%)}}.nextly-ui .text-warning-900{color:var(--nx-warning)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .text-warning-900{color:color-mix(in srgb, var(--nx-warning), black 70%)}}.nextly-ui .text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.nextly-ui .text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.nextly-ui .text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.nextly-ui .text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.nextly-ui .text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.nextly-ui .text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.nextly-ui .uppercase{text-transform:uppercase}.nextly-ui .underline{text-decoration-line:underline}.nextly-ui .underline-offset-4{text-underline-offset:4px}.nextly-ui .opacity-50{opacity:.5}.nextly-ui .opacity-60{opacity:.6}.nextly-ui .shadow{--nx-tw-shadow:0 1px 3px 0 var(--nx-tw-shadow-color,#0000001a), 0 1px 2px -1px var(--nx-tw-shadow-color,#0000001a);box-shadow:var(--nx-tw-inset-shadow), var(--nx-tw-inset-ring-shadow), var(--nx-tw-ring-offset-shadow), var(--nx-tw-ring-shadow), var(--nx-tw-shadow)}.nextly-ui .shadow-lg{--nx-tw-shadow:0 10px 15px -3px var(--nx-tw-shadow-color,#0000001a), 0 4px 6px -2px var(--nx-tw-shadow-color,#0000000d);box-shadow:var(--nx-tw-inset-shadow), var(--nx-tw-inset-ring-shadow), var(--nx-tw-ring-offset-shadow), var(--nx-tw-ring-shadow), var(--nx-tw-shadow)}.nextly-ui .shadow-md{--nx-tw-shadow:0 4px 6px -1px var(--nx-tw-shadow-color,#0000001a), 0 2px 4px -1px var(--nx-tw-shadow-color,#0000000f);box-shadow:var(--nx-tw-inset-shadow), var(--nx-tw-inset-ring-shadow), var(--nx-tw-ring-offset-shadow), var(--nx-tw-ring-shadow), var(--nx-tw-shadow)}.nextly-ui .shadow-none{--nx-tw-shadow:0 0 #0000;box-shadow:var(--nx-tw-inset-shadow), var(--nx-tw-inset-ring-shadow), var(--nx-tw-ring-offset-shadow), var(--nx-tw-ring-shadow), var(--nx-tw-shadow)}.nextly-ui .shadow-xl{--nx-tw-shadow:0 20px 25px -5px var(--nx-tw-shadow-color,#0000001a), 0 10px 10px -5px var(--nx-tw-shadow-color,#0000000a);box-shadow:var(--nx-tw-inset-shadow), var(--nx-tw-inset-ring-shadow), var(--nx-tw-ring-offset-shadow), var(--nx-tw-ring-shadow), var(--nx-tw-shadow)}.nextly-ui .ring{--nx-tw-ring-shadow:var(--nx-tw-ring-inset,) 0 0 0 calc(1px + var(--nx-tw-ring-offset-width)) var(--nx-tw-ring-color,currentcolor);box-shadow:var(--nx-tw-inset-shadow), var(--nx-tw-inset-ring-shadow), var(--nx-tw-ring-offset-shadow), var(--nx-tw-ring-shadow), var(--nx-tw-shadow)}.nextly-ui .ring-0{--nx-tw-ring-shadow:var(--nx-tw-ring-inset,) 0 0 0 calc(0px + var(--nx-tw-ring-offset-width)) var(--nx-tw-ring-color,currentcolor);box-shadow:var(--nx-tw-inset-shadow), var(--nx-tw-inset-ring-shadow), var(--nx-tw-ring-offset-shadow), var(--nx-tw-ring-shadow), var(--nx-tw-shadow)}.nextly-ui .ring-border\/10{--nx-tw-ring-color:var(--nx-border)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .ring-border\/10{--nx-tw-ring-color:color-mix(in oklab, var(--nx-border) 10%, transparent)}}.nextly-ui .ring-border\/50{--nx-tw-ring-color:var(--nx-border)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .ring-border\/50{--nx-tw-ring-color:color-mix(in oklab, var(--nx-border) 50%, transparent)}}.nextly-ui .ring-destructive-500\/20{--nx-tw-ring-color:var(--nx-destructive)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .ring-destructive-500\/20{--nx-tw-ring-color:color-mix(in oklab, var(--nx-destructive) 20%, transparent)}}.nextly-ui .ring-destructive-500\/40{--nx-tw-ring-color:var(--nx-destructive)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .ring-destructive-500\/40{--nx-tw-ring-color:color-mix(in oklab, var(--nx-destructive) 40%, transparent)}}.nextly-ui .ring-foreground\/40{--nx-tw-ring-color:var(--nx-foreground)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .ring-foreground\/40{--nx-tw-ring-color:color-mix(in oklab, var(--nx-foreground) 40%, transparent)}}.nextly-ui .ring-muted\/5{--nx-tw-ring-color:var(--nx-muted)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .ring-muted\/5{--nx-tw-ring-color:color-mix(in oklab, var(--nx-muted) 5%, transparent)}}.nextly-ui .ring-primary\/20{--nx-tw-ring-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .ring-primary\/20{--nx-tw-ring-color:color-mix(in oklab, var(--nx-primary) 20%, transparent)}}.nextly-ui .ring-primary\/40{--nx-tw-ring-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .ring-primary\/40{--nx-tw-ring-color:color-mix(in oklab, var(--nx-primary) 40%, transparent)}}.nextly-ui .ring-primary\/\[0\.08\]{--nx-tw-ring-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .ring-primary\/\[0\.08\]{--nx-tw-ring-color:color-mix(in oklab, var(--nx-primary) 8%, transparent)}}.nextly-ui .ring-success-500\/20{--nx-tw-ring-color:var(--nx-success)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .ring-success-500\/20{--nx-tw-ring-color:color-mix(in oklab, var(--nx-success) 20%, transparent)}}.nextly-ui .ring-success-500\/40{--nx-tw-ring-color:var(--nx-success)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .ring-success-500\/40{--nx-tw-ring-color:color-mix(in oklab, var(--nx-success) 40%, transparent)}}.nextly-ui .ring-offset-background{--nx-tw-ring-offset-color:var(--nx-background)}.nextly-ui .outline{outline-style:var(--nx-tw-outline-style);outline-width:1px}.nextly-ui .blur{--nx-tw-blur:blur(8px);filter:var(--nx-tw-blur,) var(--nx-tw-brightness,) var(--nx-tw-contrast,) var(--nx-tw-grayscale,) var(--nx-tw-hue-rotate,) var(--nx-tw-invert,) var(--nx-tw-saturate,) var(--nx-tw-sepia,) var(--nx-tw-drop-shadow,)}.nextly-ui .filter{filter:var(--nx-tw-blur,) var(--nx-tw-brightness,) var(--nx-tw-contrast,) var(--nx-tw-grayscale,) var(--nx-tw-hue-rotate,) var(--nx-tw-invert,) var(--nx-tw-saturate,) var(--nx-tw-sepia,) var(--nx-tw-drop-shadow,)}.nextly-ui .backdrop-blur-sm{--nx-tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--nx-tw-backdrop-blur,) var(--nx-tw-backdrop-brightness,) var(--nx-tw-backdrop-contrast,) var(--nx-tw-backdrop-grayscale,) var(--nx-tw-backdrop-hue-rotate,) var(--nx-tw-backdrop-invert,) var(--nx-tw-backdrop-opacity,) var(--nx-tw-backdrop-saturate,) var(--nx-tw-backdrop-sepia,);backdrop-filter:var(--nx-tw-backdrop-blur,) var(--nx-tw-backdrop-brightness,) var(--nx-tw-backdrop-contrast,) var(--nx-tw-backdrop-grayscale,) var(--nx-tw-backdrop-hue-rotate,) var(--nx-tw-backdrop-invert,) var(--nx-tw-backdrop-opacity,) var(--nx-tw-backdrop-saturate,) var(--nx-tw-backdrop-sepia,)}.nextly-ui .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--nx-tw-gradient-from,--nx-tw-gradient-via,--nx-tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--nx-tw-ease,var(--default-transition-timing-function));transition-duration:var(--nx-tw-duration,var(--default-transition-duration))}.nextly-ui .transition-all{transition-property:all;transition-timing-function:var(--nx-tw-ease,var(--default-transition-timing-function));transition-duration:var(--nx-tw-duration,var(--default-transition-duration))}.nextly-ui .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--nx-tw-gradient-from,--nx-tw-gradient-via,--nx-tw-gradient-to;transition-timing-function:var(--nx-tw-ease,var(--default-transition-timing-function));transition-duration:var(--nx-tw-duration,var(--default-transition-duration))}.nextly-ui .transition-opacity{transition-property:opacity;transition-timing-function:var(--nx-tw-ease,var(--default-transition-timing-function));transition-duration:var(--nx-tw-duration,var(--default-transition-duration))}.nextly-ui .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--nx-tw-ease,var(--default-transition-timing-function));transition-duration:var(--nx-tw-duration,var(--default-transition-duration))}.nextly-ui .duration-150{--nx-tw-duration:.15s;transition-duration:.15s}.nextly-ui .duration-200{--nx-tw-duration:.2s;transition-duration:.2s}.nextly-ui .ease-\(--ease-premium\){--nx-tw-ease:var(--ease-premium);transition-timing-function:var(--ease-premium)}.nextly-ui .ease-in-out{--nx-tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.nextly-ui .will-change-\[height\]{will-change:height}.nextly-ui .will-change-transform{will-change:transform}.nextly-ui .outline-none{--nx-tw-outline-style:none;outline-style:none}.nextly-ui .select-none{-webkit-user-select:none;user-select:none}.nextly-ui .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.nextly-ui .group)[data-disabled=true] *){pointer-events:none}.nextly-ui .group-data-\[disabled\=true\]\:opacity-50:is(:where(.nextly-ui .group)[data-disabled=true] *){opacity:.5}.nextly-ui .peer-disabled\:cursor-not-allowed:is(:where(.nextly-ui .peer):disabled~*){cursor:not-allowed}.nextly-ui .peer-disabled\:opacity-50:is(:where(.nextly-ui .peer):disabled~*){opacity:.5}.nextly-ui .selection\:bg-primary ::selection{background-color:var(--nx-primary)}.nextly-ui .selection\:bg-primary::selection{background-color:var(--nx-primary)}.nextly-ui .selection\:text-primary-foreground ::selection{color:var(--nx-primary-foreground)}.nextly-ui .selection\:text-primary-foreground::selection{color:var(--nx-primary-foreground)}.nextly-ui .file\:inline-flex::file-selector-button{display:inline-flex}.nextly-ui .file\:h-7::file-selector-button{height:calc(var(--spacing) * 7)}.nextly-ui .file\:border-0::file-selector-button{border-style:var(--nx-tw-border-style);border-width:0}.nextly-ui .file\:bg-transparent::file-selector-button{background-color:#0000}.nextly-ui .file\:font-medium::file-selector-button{font-family:500}.nextly-ui .file\:text-sm::file-selector-button{font-size:.875rem;line-height:var(--nx-tw-leading,var(--text-sm--line-height))}.nextly-ui .file\:text-foreground::file-selector-button{color:var(--nx-foreground)}.nextly-ui .placeholder\:text-muted-foreground::placeholder{color:var(--nx-muted-foreground)}.nextly-ui .placeholder\:opacity-50::placeholder{opacity:.5}.nextly-ui .before\:absolute:before{content:var(--nx-tw-content);position:absolute}.nextly-ui .before\:top-1\/2:before{content:var(--nx-tw-content);top:50%}.nextly-ui .before\:left-1\/2:before{content:var(--nx-tw-content);left:50%}.nextly-ui .before\:h-6:before{content:var(--nx-tw-content);height:calc(var(--spacing) * 6)}.nextly-ui .before\:w-6:before{content:var(--nx-tw-content);width:calc(var(--spacing) * 6)}.nextly-ui .before\:-translate-x-1\/2:before{content:var(--nx-tw-content);--nx-tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--nx-tw-translate-x) var(--nx-tw-translate-y)}.nextly-ui .before\:-translate-y-1\/2:before{content:var(--nx-tw-content);--nx-tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--nx-tw-translate-x) var(--nx-tw-translate-y)}.nextly-ui .before\:content-\[\'\'\]:before{--nx-tw-content:"";content:var(--nx-tw-content)}@media (hover:hover){.nextly-ui .hover\:border-primary:hover,.nextly-ui .hover\:border-primary\/70:hover{border-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .hover\:border-primary\/70:hover{border-color:color-mix(in oklab, var(--nx-primary) 70%, transparent)}}.nextly-ui .hover\:bg-destructive-700:hover{background-color:var(--nx-destructive)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .hover\:bg-destructive-700:hover{background-color:color-mix(in srgb, var(--nx-destructive), black 30%)}}.nextly-ui .hover\:bg-primary\/5:hover{background-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .hover\:bg-primary\/5:hover{background-color:color-mix(in oklab, var(--nx-primary) 5%, transparent)}}.nextly-ui .hover\:text-foreground:hover{color:var(--nx-foreground)}.nextly-ui .hover\:text-primary:hover{color:var(--nx-primary)}.nextly-ui .hover\:underline:hover{text-decoration-line:underline}.nextly-ui .hover\:opacity-90:hover{opacity:.9}}.nextly-ui .focus\:border-primary\!:focus{border-color:var(--nx-primary)!important}.nextly-ui .focus\:bg-primary\/5:focus{background-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .focus\:bg-primary\/5:focus{background-color:color-mix(in oklab, var(--nx-primary) 5%, transparent)}}.nextly-ui .focus\:text-foreground:focus{color:var(--nx-foreground)}.nextly-ui .focus\:text-primary:focus{color:var(--nx-primary)}.nextly-ui .focus\:ring-0:focus{--nx-tw-ring-shadow:var(--nx-tw-ring-inset,) 0 0 0 calc(0px + var(--nx-tw-ring-offset-width)) var(--nx-tw-ring-color,currentcolor);box-shadow:var(--nx-tw-inset-shadow), var(--nx-tw-inset-ring-shadow), var(--nx-tw-ring-offset-shadow), var(--nx-tw-ring-shadow), var(--nx-tw-shadow)}.nextly-ui .focus\:ring-2:focus{--nx-tw-ring-shadow:var(--nx-tw-ring-inset,) 0 0 0 calc(2px + var(--nx-tw-ring-offset-width)) var(--nx-tw-ring-color,currentcolor);box-shadow:var(--nx-tw-inset-shadow), var(--nx-tw-inset-ring-shadow), var(--nx-tw-ring-offset-shadow), var(--nx-tw-ring-shadow), var(--nx-tw-shadow)}.nextly-ui .focus\:ring-ring:focus{--nx-tw-ring-color:var(--nx-ring)}.nextly-ui .focus\:ring-offset-0:focus{--nx-tw-ring-offset-width:0px;--nx-tw-ring-offset-shadow:var(--nx-tw-ring-inset,) 0 0 0 var(--nx-tw-ring-offset-width) var(--nx-tw-ring-offset-color)}.nextly-ui .focus\:outline-none:focus{--nx-tw-outline-style:none;outline-style:none}.nextly-ui .focus-visible\:border-primary:focus-visible{border-color:var(--nx-primary)}.nextly-ui .focus-visible\:border-primary\!:focus-visible{border-color:var(--nx-primary)!important}.nextly-ui .focus-visible\:ring-1:focus-visible{--nx-tw-ring-shadow:var(--nx-tw-ring-inset,) 0 0 0 calc(1px + var(--nx-tw-ring-offset-width)) var(--nx-tw-ring-color,currentcolor);box-shadow:var(--nx-tw-inset-shadow), var(--nx-tw-inset-ring-shadow), var(--nx-tw-ring-offset-shadow), var(--nx-tw-ring-shadow), var(--nx-tw-shadow)}.nextly-ui .focus-visible\:ring-2:focus-visible{--nx-tw-ring-shadow:var(--nx-tw-ring-inset,) 0 0 0 calc(2px + var(--nx-tw-ring-offset-width)) var(--nx-tw-ring-color,currentcolor);box-shadow:var(--nx-tw-inset-shadow), var(--nx-tw-inset-ring-shadow), var(--nx-tw-ring-offset-shadow), var(--nx-tw-ring-shadow), var(--nx-tw-shadow)}.nextly-ui .focus-visible\:ring-ring:focus-visible{--nx-tw-ring-color:var(--nx-ring)}.nextly-ui .focus-visible\:ring-offset-0:focus-visible{--nx-tw-ring-offset-width:0px;--nx-tw-ring-offset-shadow:var(--nx-tw-ring-inset,) 0 0 0 var(--nx-tw-ring-offset-width) var(--nx-tw-ring-offset-color)}.nextly-ui .focus-visible\:ring-offset-2:focus-visible{--nx-tw-ring-offset-width:2px;--nx-tw-ring-offset-shadow:var(--nx-tw-ring-inset,) 0 0 0 var(--nx-tw-ring-offset-width) var(--nx-tw-ring-offset-color)}.nextly-ui .focus-visible\:outline-none:focus-visible{--nx-tw-outline-style:none;outline-style:none}.nextly-ui .active\:scale-\[0\.98\]:active{scale:.98}.nextly-ui .active\:scale-\[0\.99\]:active{scale:.99}.nextly-ui .disabled\:pointer-events-none:disabled{pointer-events:none}.nextly-ui .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.nextly-ui .disabled\:bg-primary\/5:disabled{background-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .disabled\:bg-primary\/5:disabled{background-color:color-mix(in oklab, var(--nx-primary) 5%, transparent)}}.nextly-ui .disabled\:opacity-50:disabled{opacity:.5}.nextly-ui .aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--nx-destructive)}.nextly-ui .aria-invalid\:focus\:border-destructive\![aria-invalid=true]:focus,.nextly-ui .aria-invalid\:focus-visible\:border-destructive\![aria-invalid=true]:focus-visible{border-color:var(--nx-destructive)!important}.nextly-ui .aria-selected\:bg-primary\/5[aria-selected=true]{background-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .aria-selected\:bg-primary\/5[aria-selected=true]{background-color:color-mix(in oklab, var(--nx-primary) 5%, transparent)}}.nextly-ui .aria-selected\:text-primary[aria-selected=true]{color:var(--nx-primary)}.nextly-ui .aria-\[invalid\=true\]\:border-destructive[aria-invalid=true]{border-color:var(--nx-destructive)}.nextly-ui .aria-\[invalid\=true\]\:focus\:border-destructive\![aria-invalid=true]:focus{border-color:var(--nx-destructive)!important}.nextly-ui .data-disabled\:pointer-events-none[data-disabled]{pointer-events:none}.nextly-ui .data-disabled\:opacity-50[data-disabled]{opacity:.5}.nextly-ui .data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.nextly-ui .data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.nextly-ui .data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.nextly-ui .data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.nextly-ui .data-\[highlighted\]\:bg-muted[data-highlighted]{background-color:var(--nx-muted)}.nextly-ui .data-\[highlighted\]\:text-foreground[data-highlighted]{color:var(--nx-foreground)}.nextly-ui .data-\[invalid\=true\]\:border-destructive[data-invalid=true]{border-color:var(--nx-destructive)}.nextly-ui .data-\[invalid\=true\]\:focus\:border-destructive\![data-invalid=true]:focus{border-color:var(--nx-destructive)!important}.nextly-ui .data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.nextly-ui .data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.nextly-ui .data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.nextly-ui .data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.nextly-ui .data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--nx-muted-foreground)}.nextly-ui .data-\[selected\=true\]\:bg-primary\/5[data-selected=true]{background-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .data-\[selected\=true\]\:bg-primary\/5[data-selected=true]{background-color:color-mix(in oklab, var(--nx-primary) 5%, transparent)}}.nextly-ui .data-\[selected\=true\]\:text-primary[data-selected=true]{color:var(--nx-primary)}.nextly-ui .data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--nx-tw-translate-y:var(--spacing);translate:var(--nx-tw-translate-x) var(--nx-tw-translate-y)}.nextly-ui .data-\[side\=bottom\]\:animate-slide-in-from-top-2[data-side=bottom]{animation:.2s ease-out nx-slide-in-from-top-2}.nextly-ui .data-\[side\=left\]\:-translate-x-1[data-side=left]{--nx-tw-translate-x:calc(var(--spacing) * -1);translate:var(--nx-tw-translate-x) var(--nx-tw-translate-y)}.nextly-ui .data-\[side\=left\]\:animate-slide-in-from-right-2[data-side=left]{animation:.2s ease-out nx-slide-in-from-right-2}.nextly-ui .data-\[side\=right\]\:translate-x-1[data-side=right]{--nx-tw-translate-x:var(--spacing);translate:var(--nx-tw-translate-x) var(--nx-tw-translate-y)}.nextly-ui .data-\[side\=right\]\:animate-slide-in-from-left-2[data-side=right]{animation:.2s ease-out nx-slide-in-from-left-2}.nextly-ui .data-\[side\=top\]\:-translate-y-1[data-side=top]{--nx-tw-translate-y:calc(var(--spacing) * -1);translate:var(--nx-tw-translate-x) var(--nx-tw-translate-y)}.nextly-ui .data-\[side\=top\]\:animate-slide-in-from-bottom-2[data-side=top]{animation:.2s ease-out nx-slide-in-from-bottom-2}.nextly-ui .data-\[state\=active\]\:border-b-primary\![data-state=active]{border-bottom-color:var(--nx-primary)!important}.nextly-ui .data-\[state\=active\]\:text-primary[data-state=active]{color:var(--nx-primary)}.nextly-ui .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked]{--nx-tw-translate-x:calc(100% - 2px);translate:var(--nx-tw-translate-x) var(--nx-tw-translate-y)}.nextly-ui .data-\[state\=checked\]\:border-\[5px\][data-state=checked]{border-style:var(--nx-tw-border-style);border-width:5px}.nextly-ui .data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--nx-primary)}.nextly-ui .data-\[state\=checked\]\:border-primary\![data-state=checked]{border-color:var(--nx-primary)!important}.nextly-ui .data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--nx-primary)}.nextly-ui .data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--nx-primary-foreground)}.nextly-ui .data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:.3s cubic-bezier(.87,0,.13,1) nx-accordion-up}.nextly-ui .data-\[state\=closed\]\:animate-zoom-out-95[data-state=closed]{animation:.1s ease-in nx-zoom-out-95}.nextly-ui .data-\[state\=closed\]\:duration-150[data-state=closed]{--nx-tw-duration:.15s;transition-duration:.15s}.nextly-ui .data-\[state\=inactive\]\:border-transparent[data-state=inactive]{border-color:#0000}.nextly-ui .data-\[state\=inactive\]\:text-muted-foreground[data-state=inactive]{color:var(--nx-muted-foreground)}.nextly-ui .data-\[state\=indeterminate\]\:border-primary[data-state=indeterminate]{border-color:var(--nx-primary)}.nextly-ui .data-\[state\=indeterminate\]\:bg-primary[data-state=indeterminate]{background-color:var(--nx-primary)}.nextly-ui .data-\[state\=indeterminate\]\:text-primary-foreground[data-state=indeterminate]{color:var(--nx-primary-foreground)}.nextly-ui .data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:.3s cubic-bezier(.87,0,.13,1) nx-accordion-down}.nextly-ui .data-\[state\=open\]\:animate-zoom-in-95[data-state=open]{animation:.1s ease-out nx-zoom-in-95}.nextly-ui .data-\[state\=open\]\:bg-muted[data-state=open]{background-color:var(--nx-muted)}.nextly-ui .data-\[state\=open\]\:text-foreground[data-state=open]{color:var(--nx-foreground)}.nextly-ui .data-\[state\=open\]\:duration-150[data-state=open]{--nx-tw-duration:.15s;transition-duration:.15s}.nextly-ui .data-\[state\=selected\]\:bg-primary\/5[data-state=selected]{background-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .data-\[state\=selected\]\:bg-primary\/5[data-state=selected]{background-color:color-mix(in oklab, var(--nx-primary) 5%, transparent)}}.nextly-ui .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--nx-tw-translate-x:0;translate:var(--nx-tw-translate-x) var(--nx-tw-translate-y)}.nextly-ui .data-\[state\=unchecked\]\:border-border[data-state=unchecked]{border-color:var(--nx-border)}.nextly-ui .data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--nx-input)}@media (prefers-reduced-motion:reduce){.nextly-ui .motion-reduce\:animate-none{animation:none}}@media (min-width:40rem){.nextly-ui .sm\:m-0{margin:0}.nextly-ui .sm\:mt-0{margin-top:0}.nextly-ui .sm\:min-h-\[36px\]{min-height:36px}.nextly-ui .sm\:max-w-\[calc\(100vw-4rem\)\]{max-width:calc(100vw - 4rem)}.nextly-ui .sm\:max-w-lg{max-width:var(--container-lg)}.nextly-ui .sm\:max-w-sm{max-width:var(--container-sm)}.nextly-ui .sm\:flex-row{flex-direction:row}.nextly-ui .sm\:justify-end{justify-content:flex-end}.nextly-ui :where(.nextly-ui .sm\:space-x-2>:not(:last-child)){--nx-tw-space-x-reverse:0;margin-inline-start:calc(.5rem * var(--nx-tw-space-x-reverse));margin-inline-end:calc(.5rem * calc(1 - var(--nx-tw-space-x-reverse)))}.nextly-ui .sm\:text-left{text-align:left}.nextly-ui .sm\:text-sm{font-size:.875rem;line-height:var(--nx-tw-leading,var(--text-sm--line-height))}}@media (min-width:48rem){.nextly-ui .md\:hidden{display:none}.nextly-ui .md\:text-sm{font-size:.875rem;line-height:var(--nx-tw-leading,var(--text-sm--line-height))}}@container panel (min-width:42rem){.nextly-ui .\@2xl\/panel\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.nextly-ui .dark\:border-border\!:where(.nextly-ui.dark,.nextly-ui.dark *){border-color:var(--nx-border)!important}.nextly-ui .dark\:border-destructive-900:where(.nextly-ui.dark,.nextly-ui.dark *){border-color:var(--nx-destructive)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .dark\:border-destructive-900:where(.nextly-ui.dark,.nextly-ui.dark *){border-color:color-mix(in srgb, var(--nx-destructive), black 70%)}}.nextly-ui .dark\:border-success-900:where(.nextly-ui.dark,.nextly-ui.dark *){border-color:var(--nx-success)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .dark\:border-success-900:where(.nextly-ui.dark,.nextly-ui.dark *){border-color:color-mix(in srgb, var(--nx-success), black 70%)}}.nextly-ui .dark\:border-warning-900:where(.nextly-ui.dark,.nextly-ui.dark *){border-color:var(--nx-warning)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .dark\:border-warning-900:where(.nextly-ui.dark,.nextly-ui.dark *){border-color:color-mix(in srgb, var(--nx-warning), black 70%)}}.nextly-ui .dark\:border-l-destructive:where(.nextly-ui.dark,.nextly-ui.dark *){border-left-color:var(--nx-destructive)}.nextly-ui .dark\:border-l-success:where(.nextly-ui.dark,.nextly-ui.dark *){border-left-color:var(--nx-success)}.nextly-ui .dark\:border-l-warning:where(.nextly-ui.dark,.nextly-ui.dark *){border-left-color:var(--nx-warning)}.nextly-ui .dark\:bg-destructive-900:where(.nextly-ui.dark,.nextly-ui.dark *){background-color:var(--nx-destructive)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .dark\:bg-destructive-900:where(.nextly-ui.dark,.nextly-ui.dark *){background-color:color-mix(in srgb, var(--nx-destructive), black 70%)}}.nextly-ui .dark\:bg-destructive-950:where(.nextly-ui.dark,.nextly-ui.dark *){background-color:var(--nx-destructive)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .dark\:bg-destructive-950:where(.nextly-ui.dark,.nextly-ui.dark *){background-color:color-mix(in srgb, var(--nx-destructive), black 85%)}}.nextly-ui .dark\:bg-primary\/20:where(.nextly-ui.dark,.nextly-ui.dark *){background-color:var(--nx-primary)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .dark\:bg-primary\/20:where(.nextly-ui.dark,.nextly-ui.dark *){background-color:color-mix(in oklab, var(--nx-primary) 20%, transparent)}}.nextly-ui .dark\:bg-success-900:where(.nextly-ui.dark,.nextly-ui.dark *){background-color:var(--nx-success)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .dark\:bg-success-900:where(.nextly-ui.dark,.nextly-ui.dark *){background-color:color-mix(in srgb, var(--nx-success), black 70%)}}.nextly-ui .dark\:bg-success-950:where(.nextly-ui.dark,.nextly-ui.dark *){background-color:var(--nx-success)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .dark\:bg-success-950:where(.nextly-ui.dark,.nextly-ui.dark *){background-color:color-mix(in srgb, var(--nx-success), black 85%)}}.nextly-ui .dark\:bg-warning-900:where(.nextly-ui.dark,.nextly-ui.dark *){background-color:var(--nx-warning)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .dark\:bg-warning-900:where(.nextly-ui.dark,.nextly-ui.dark *){background-color:color-mix(in srgb, var(--nx-warning), black 70%)}}.nextly-ui .dark\:bg-warning-950:where(.nextly-ui.dark,.nextly-ui.dark *){background-color:var(--nx-warning)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .dark\:bg-warning-950:where(.nextly-ui.dark,.nextly-ui.dark *){background-color:color-mix(in srgb, var(--nx-warning), black 85%)}}.nextly-ui .dark\:text-destructive-100:where(.nextly-ui.dark,.nextly-ui.dark *){color:var(--nx-destructive)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .dark\:text-destructive-100:where(.nextly-ui.dark,.nextly-ui.dark *){color:color-mix(in srgb, var(--nx-destructive), white 90%)}}.nextly-ui .dark\:text-muted-foreground:where(.nextly-ui.dark,.nextly-ui.dark *){color:var(--nx-muted-foreground)}.nextly-ui .dark\:text-success-100:where(.nextly-ui.dark,.nextly-ui.dark *){color:var(--nx-success)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .dark\:text-success-100:where(.nextly-ui.dark,.nextly-ui.dark *){color:color-mix(in srgb, var(--nx-success), white 90%)}}.nextly-ui .dark\:text-warning-100:where(.nextly-ui.dark,.nextly-ui.dark *){color:var(--nx-warning)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .dark\:text-warning-100:where(.nextly-ui.dark,.nextly-ui.dark *){color:color-mix(in srgb, var(--nx-warning), white 90%)}}.nextly-ui .dark\:data-\[state\=checked\]\:bg-primary-foreground:where(.nextly-ui.dark,.nextly-ui.dark *)[data-state=checked]{background-color:var(--nx-primary-foreground)}.nextly-ui .dark\:data-\[state\=unchecked\]\:bg-foreground:where(.nextly-ui.dark,.nextly-ui.dark *)[data-state=unchecked]{background-color:var(--nx-foreground)}.nextly-ui .dark\:data-\[state\=unchecked\]\:bg-input\/80:where(.nextly-ui.dark,.nextly-ui.dark *)[data-state=unchecked]{background-color:var(--nx-input)}@supports (color:color-mix(in lab, red, red)){.nextly-ui .dark\:data-\[state\=unchecked\]\:bg-input\/80:where(.nextly-ui.dark,.nextly-ui.dark *)[data-state=unchecked]{background-color:color-mix(in oklab, var(--nx-input) 80%, transparent)}}.nextly-ui .\[\&_\[cmdk-group-heading\]\]\:px-3 [cmdk-group-heading]{padding-inline:calc(var(--spacing) * 3)}.nextly-ui .\[\&_\[cmdk-group-heading\]\]\:py-2 [cmdk-group-heading]{padding-block:calc(var(--spacing) * 2)}.nextly-ui .\[\&_\[cmdk-group-heading\]\]\:font-semibold [cmdk-group-heading]{font-family:600}.nextly-ui .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:var(--nx-tw-leading,var(--text-xs--line-height))}.nextly-ui .\[\&_\[cmdk-group-heading\]\]\:tracking-wide [cmdk-group-heading]{--nx-tw-tracking:.025em;letter-spacing:.025em}.nextly-ui .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:var(--nx-muted-foreground)}.nextly-ui .\[\&_\[cmdk-group-heading\]\]\:uppercase [cmdk-group-heading]{text-transform:uppercase}.nextly-ui .\[\&_\[cmdk-group\]\]\:mb-2 [cmdk-group]{margin-bottom:calc(var(--spacing) * 2)}.nextly-ui .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.nextly-ui .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing) * 5)}.nextly-ui .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing) * 5)}.nextly-ui .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing) * 12)}.nextly-ui .\[\&_\[cmdk-item\]\]\:px-3 [cmdk-item]{padding-inline:calc(var(--spacing) * 3)}.nextly-ui .\[\&_\[cmdk-item\]\]\:py-2 [cmdk-item]{padding-block:calc(var(--spacing) * 2)}.nextly-ui .\[\&_\[cmdk-item\]_svg\]\:h-4 [cmdk-item] svg{height:calc(var(--spacing) * 4)}.nextly-ui .\[\&_\[cmdk-item\]_svg\]\:w-4 [cmdk-item] svg{width:calc(var(--spacing) * 4)}.nextly-ui .\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.nextly-ui .\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.nextly-ui .\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.nextly-ui .\[\&_svg\]\:text-current svg{color:currentColor}.nextly-ui .\[\&_tr\]\:border-b tr{border-bottom-style:var(--nx-tw-border-style);border-bottom-width:1px}.nextly-ui .\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--nx-tw-border-style);border-width:0}.nextly-ui .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.nextly-ui .\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--nx-tw-border-style);border-bottom-width:0}.nextly-ui .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}}@keyframes nx-brand-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes nx-brand-pulse{0%,to{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--nx-primary) 8%, transparent));transform:scale(.97)}50%{filter:drop-shadow(0 0 20px color-mix(in srgb, var(--nx-primary) 22%, transparent));transform:scale(1.03)}}@keyframes nx-accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes nx-accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}@keyframes nx-fade-in{0%{opacity:0}to{opacity:1}}@keyframes nx-fade-out{0%{opacity:1}to{opacity:0}}@keyframes nx-zoom-in-95{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes nx-zoom-out-95{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes nx-slide-in-from-top-2{0%{transform:translateY(-.5rem)}to{transform:translateY(0)}}@keyframes nx-slide-in-from-bottom-2{0%{transform:translateY(.5rem)}to{transform:translateY(0)}}@keyframes nx-slide-in-from-left-2{0%{transform:translate(-.5rem)}to{transform:translate(0)}}@keyframes nx-slide-in-from-right-2{0%{transform:translate(.5rem)}to{transform:translate(0)}}.nextly-ui{--nx-background:oklch(100% 0 0);--nx-page-background:oklch(98.18% 0 0);--nx-foreground:oklch(20.79% .0399 265.73);--nx-card:oklch(100% 0 0);--nx-card-foreground:oklch(20.79% .0399 265.73);--nx-popover:oklch(100% 0 0);--nx-popover-foreground:oklch(20.79% .0399 265.73);--nx-primary:oklch(0% 0 0);--nx-primary-foreground:oklch(100% 0 0);--nx-secondary:oklch(96.84% .0068 247.9);--nx-secondary-foreground:oklch(20.79% .0399 265.73);--nx-muted:oklch(96.96% 0 0);--nx-muted-foreground:oklch(54% .0407 257.44);--nx-accent:oklch(55.47% .0407 257.44);--nx-accent-foreground:oklch(100% 0 0);--nx-destructive:oklch(57.78% .2078 25.33);--nx-destructive-solid:oklch(57.78% .2078 25.33);--nx-destructive-foreground:oklch(100% 0 0);--nx-success:oklch(53% .17 149.2);--nx-success-solid:oklch(53% .17 149.2);--nx-success-foreground:oklch(100% 0 0);--nx-warning:oklch(56.5% .1646 70.11);--nx-warning-foreground:oklch(20.79% .0399 265.73);--nx-highlight:oklch(92.97% .1638 101.06);--nx-highlight-foreground:oklch(20.79% .0399 265.73);--nx-code-bg:oklch(97.61% .0035 247.86);--nx-code-fg:oklch(20.79% .0399 265.73);--nx-code-comment:oklch(54.1% .0407 257.44);--nx-code-keyword:oklch(48.82% .2172 303.9);--nx-code-string:oklch(44.78% .1189 152.1);--nx-code-number:oklch(51.06% .1518 44.2);--nx-code-function:oklch(47.57% .1444 254.6);--nx-code-operator:oklch(49.36% .1418 8.4);--nx-code-punctuation:oklch(54.1% .0407 257.44);--nx-code-variable:oklch(46.94% .1173 62.3);--nx-code-tag:oklch(50.54% .1905 27.5);--nx-code-deleted:oklch(50.54% .1905 27.5);--nx-code-inserted:oklch(44.78% .1189 152.1);--nx-border-subtle:oklch(0% 0 0/.08);--nx-border:oklch(0% 0 0/.445);--nx-border-strong:oklch(0% 0 0/.502);--nx-input:oklch(64.54% .0116 286.11);--nx-ring:var(--nx-primary);--nx-chart-1:var(--nx-primary);--nx-chart-2:oklch(73.99% .1277 209.34);--nx-chart-3:oklch(62.73% .17 149.2);--nx-chart-4:oklch(76.86% .1646 70.11);--nx-chart-5:oklch(63.68% .2078 25.33);--radius:0px;--nx-control-height:2.5rem;--nx-control-height-sm:calc(var(--nx-control-height) - .5rem);--nx-control-height-md:calc(var(--nx-control-height) - .25rem);--nx-control-height-lg:calc(var(--nx-control-height) + .25rem);--nx-focus-ring:var(--nx-primary);--nx-focus-ring-offset:oklch(100% 0 0);--nx-sidebar-background:var(--nx-background);--nx-sidebar-foreground:oklch(37.2% .0392 257.3);--nx-sidebar-primary:oklch(20.79% .0399 265.73);--nx-sidebar-primary-foreground:oklch(98.38% .0035 247.86);--nx-sidebar-accent:oklch(96.84% .0068 247.9);--nx-sidebar-accent-foreground:oklch(20.79% .0399 265.73);--nx-sidebar-border:oklch(64.46% .0126 255.53);--nx-sidebar-ring:var(--nx-primary);--nx-table-row-hover:oklch(98.48% 0 0);--nx-table-row-selected:var(--nx-primary);--nx-table-border:var(--nx-border)}.nextly-ui.dark{--nx-background:oklch(13.58% .0163 262.71);--nx-page-background:oklch(13.58% .0163 262.71);--nx-foreground:oklch(98.38% .0035 247.86);--nx-card:oklch(19.16% .0228 266.36);--nx-card-foreground:oklch(98.38% .0035 247.86);--nx-popover:oklch(24% .0249 257.44);--nx-popover-foreground:oklch(98.38% .0035 247.86);--nx-primary:oklch(100% 0 0);--nx-primary-foreground:oklch(20.79% .0399 265.73);--nx-secondary:oklch(28% .0369 259.97);--nx-secondary-foreground:oklch(98.38% .0035 247.86);--nx-muted:oklch(28% .0369 259.97);--nx-muted-foreground:oklch(71.07% .0351 256.79);--nx-accent:oklch(55.47% .0407 257.44);--nx-accent-foreground:oklch(100% 0 0);--nx-destructive:oklch(65% .2078 25.33);--nx-destructive-solid:oklch(57.78% .2078 25.33);--nx-destructive-foreground:oklch(100% 0 0);--nx-success:oklch(60% .1921 149.58);--nx-success-solid:oklch(52.25% .1921 149.58);--nx-success-foreground:oklch(100% 0 0);--nx-warning:oklch(76.86% .1646 70.11);--nx-warning-foreground:oklch(20.79% .0399 265.73);--nx-highlight:oklch(80% .1425 101.06);--nx-highlight-foreground:oklch(20.79% .0399 265.73);--nx-code-bg:oklch(19.16% .0228 266.36);--nx-code-fg:oklch(98.38% .0035 247.86);--nx-code-comment:oklch(66.26% .0364 256.79);--nx-code-keyword:oklch(74.82% .1235 303.9);--nx-code-string:oklch(76.54% .1476 152.1);--nx-code-number:oklch(78.07% .1189 44.2);--nx-code-function:oklch(73.65% .1163 254.6);--nx-code-operator:oklch(75.49% .1234 8.4);--nx-code-punctuation:oklch(66.26% .0364 256.79);--nx-code-variable:oklch(79.38% .1052 62.3);--nx-code-tag:oklch(71.18% .1476 27.5);--nx-code-deleted:oklch(71.18% .1476 27.5);--nx-code-inserted:oklch(76.54% .1476 152.1);--nx-border-subtle:oklch(100% 0 0/.08);--nx-border:oklch(100% 0 0/.366);--nx-border-strong:oklch(100% 0 0/.418);--nx-input:oklch(54% .0128 285.92);--nx-ring:var(--nx-primary);--nx-chart-1:var(--nx-primary);--nx-chart-2:oklch(73.99% .1277 209.34);--nx-chart-3:oklch(72.29% .1921 149.58);--nx-chart-4:oklch(76.86% .1646 70.11);--nx-chart-5:oklch(63.68% .2078 25.33);--nx-sidebar-background:var(--nx-background);--nx-sidebar-foreground:oklch(98.38% .0035 247.86);--nx-sidebar-primary:oklch(98.38% .0035 247.86);--nx-sidebar-primary-foreground:oklch(20.79% .0399 265.73);--nx-sidebar-accent:oklch(28% .0369 259.97);--nx-sidebar-accent-foreground:oklch(98.38% .0035 247.86);--nx-sidebar-border:oklch(49.75% .0129 257.43);--nx-sidebar-ring:var(--nx-primary);--nx-table-row-hover:oklch(28% .0369 259.97);--nx-table-row-selected:var(--nx-primary);--nx-table-border:var(--nx-border)}@property --nx-tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --nx-tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --nx-tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --nx-tw-rotate-x{syntax:"*";inherits:false}@property --nx-tw-rotate-y{syntax:"*";inherits:false}@property --nx-tw-rotate-z{syntax:"*";inherits:false}@property --nx-tw-skew-x{syntax:"*";inherits:false}@property --nx-tw-skew-y{syntax:"*";inherits:false}@property --nx-tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --nx-tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --nx-tw-leading{syntax:"*";inherits:false}@property --nx-tw-tracking{syntax:"*";inherits:false}@property --nx-tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --nx-tw-shadow-color{syntax:"*";inherits:false}@property --nx-tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --nx-tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --nx-tw-inset-shadow-color{syntax:"*";inherits:false}@property --nx-tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --nx-tw-ring-color{syntax:"*";inherits:false}@property --nx-tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --nx-tw-inset-ring-color{syntax:"*";inherits:false}@property --nx-tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --nx-tw-ring-inset{syntax:"*";inherits:false}@property --nx-tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --nx-tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --nx-tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --nx-tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --nx-tw-blur{syntax:"*";inherits:false}@property --nx-tw-brightness{syntax:"*";inherits:false}@property --nx-tw-contrast{syntax:"*";inherits:false}@property --nx-tw-grayscale{syntax:"*";inherits:false}@property --nx-tw-hue-rotate{syntax:"*";inherits:false}@property --nx-tw-invert{syntax:"*";inherits:false}@property --nx-tw-opacity{syntax:"*";inherits:false}@property --nx-tw-saturate{syntax:"*";inherits:false}@property --nx-tw-sepia{syntax:"*";inherits:false}@property --nx-tw-drop-shadow{syntax:"*";inherits:false}@property --nx-tw-drop-shadow-color{syntax:"*";inherits:false}@property --nx-tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --nx-tw-drop-shadow-size{syntax:"*";inherits:false}@property --nx-tw-backdrop-blur{syntax:"*";inherits:false}@property --nx-tw-backdrop-brightness{syntax:"*";inherits:false}@property --nx-tw-backdrop-contrast{syntax:"*";inherits:false}@property --nx-tw-backdrop-grayscale{syntax:"*";inherits:false}@property --nx-tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --nx-tw-backdrop-invert{syntax:"*";inherits:false}@property --nx-tw-backdrop-opacity{syntax:"*";inherits:false}@property --nx-tw-backdrop-saturate{syntax:"*";inherits:false}@property --nx-tw-backdrop-sepia{syntax:"*";inherits:false}@property --nx-tw-duration{syntax:"*";inherits:false}@property --nx-tw-ease{syntax:"*";inherits:false}@property --nx-tw-content{syntax:"*";inherits:false;initial-value:""}@property --nx-tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@keyframes nx-spin{to{transform:rotate(360deg)}}@keyframes nx-pulse{50%{opacity:.5}}
package/dist/tailwind-preset.cjs ADDED
@@ -0,0 +1,98 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ // src/tailwind-preset.ts
6
+ var statusScale = (base) => ({
7
+ 50: `color-mix(in srgb, var(${base}), white 95%)`,
8
+ 100: `color-mix(in srgb, var(${base}), white 90%)`,
9
+ 200: `color-mix(in srgb, var(${base}), white 70%)`,
10
+ 300: `color-mix(in srgb, var(${base}), white 50%)`,
11
+ 400: `color-mix(in srgb, var(${base}), white 30%)`,
12
+ 500: `var(${base})`,
13
+ 600: `color-mix(in srgb, var(${base}), black 10%)`,
14
+ 700: `color-mix(in srgb, var(${base}), black 30%)`,
15
+ 800: `color-mix(in srgb, var(${base}), black 50%)`,
16
+ 900: `color-mix(in srgb, var(${base}), black 70%)`,
17
+ 950: `color-mix(in srgb, var(${base}), black 85%)`
18
+ });
19
+ var uiPreset = {
20
+ theme: {
21
+ extend: {
22
+ colors: {
23
+ border: "var(--nx-border)",
24
+ input: "var(--nx-input)",
25
+ ring: "var(--nx-ring)",
26
+ background: "var(--nx-background)",
27
+ foreground: "var(--nx-foreground)",
28
+ primary: {
29
+ DEFAULT: "var(--nx-primary)",
30
+ foreground: "var(--nx-primary-foreground)"
31
+ },
32
+ secondary: {
33
+ DEFAULT: "var(--nx-secondary)",
34
+ foreground: "var(--nx-secondary-foreground)"
35
+ },
36
+ destructive: {
37
+ DEFAULT: "var(--nx-destructive)",
38
+ // Saturated fill for solid buttons, distinct from the text-tuned base.
39
+ solid: "var(--nx-destructive-solid)",
40
+ foreground: "var(--nx-destructive-foreground)",
41
+ ...statusScale("--nx-destructive")
42
+ },
43
+ success: {
44
+ DEFAULT: "var(--nx-success)",
45
+ solid: "var(--nx-success-solid)",
46
+ foreground: "var(--nx-success-foreground)",
47
+ ...statusScale("--nx-success")
48
+ },
49
+ warning: {
50
+ DEFAULT: "var(--nx-warning)",
51
+ foreground: "var(--nx-warning-foreground)",
52
+ ...statusScale("--nx-warning")
53
+ },
54
+ muted: {
55
+ DEFAULT: "var(--nx-muted)",
56
+ foreground: "var(--nx-muted-foreground)"
57
+ },
58
+ accent: {
59
+ DEFAULT: "var(--nx-accent)",
60
+ foreground: "var(--nx-accent-foreground)"
61
+ },
62
+ popover: {
63
+ DEFAULT: "var(--nx-popover)",
64
+ foreground: "var(--nx-popover-foreground)"
65
+ },
66
+ card: {
67
+ DEFAULT: "var(--nx-card)",
68
+ foreground: "var(--nx-card-foreground)"
69
+ }
70
+ },
71
+ borderRadius: {
72
+ lg: "var(--radius)",
73
+ md: "calc(var(--radius) - 2px)",
74
+ sm: "calc(var(--radius) - 4px)"
75
+ },
76
+ keyframes: {
77
+ "accordion-down": {
78
+ from: { height: "0" },
79
+ to: { height: "var(--radix-accordion-content-height)" }
80
+ },
81
+ "accordion-up": {
82
+ from: { height: "var(--radix-accordion-content-height)" },
83
+ to: { height: "0" }
84
+ }
85
+ },
86
+ animation: {
87
+ "accordion-down": "accordion-down 0.3s cubic-bezier(0.87, 0, 0.13, 1)",
88
+ "accordion-up": "accordion-up 0.3s cubic-bezier(0.87, 0, 0.13, 1)"
89
+ }
90
+ }
91
+ }
92
+ };
93
+ var tailwind_preset_default = uiPreset;
94
+
95
+ exports.default = tailwind_preset_default;
96
+ exports.uiPreset = uiPreset;
97
+ //# sourceMappingURL=tailwind-preset.cjs.map
98
+ //# sourceMappingURL=tailwind-preset.cjs.map
package/dist/tailwind-preset.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/tailwind-preset.ts"],"names":[],"mappings":";;;;;AAyBA,IAAM,WAAA,GAAc,CAAC,IAAA,MAA0C;AAAA,EAC7D,EAAA,EAAI,0BAA0B,IAAI,CAAA,aAAA,CAAA;AAAA,EAClC,GAAA,EAAK,0BAA0B,IAAI,CAAA,aAAA,CAAA;AAAA,EACnC,GAAA,EAAK,0BAA0B,IAAI,CAAA,aAAA,CAAA;AAAA,EACnC,GAAA,EAAK,0BAA0B,IAAI,CAAA,aAAA,CAAA;AAAA,EACnC,GAAA,EAAK,0BAA0B,IAAI,CAAA,aAAA,CAAA;AAAA,EACnC,GAAA,EAAK,OAAO,IAAI,CAAA,CAAA,CAAA;AAAA,EAChB,GAAA,EAAK,0BAA0B,IAAI,CAAA,aAAA,CAAA;AAAA,EACnC,GAAA,EAAK,0BAA0B,IAAI,CAAA,aAAA,CAAA;AAAA,EACnC,GAAA,EAAK,0BAA0B,IAAI,CAAA,aAAA,CAAA;AAAA,EACnC,GAAA,EAAK,0BAA0B,IAAI,CAAA,aAAA,CAAA;AAAA,EACnC,GAAA,EAAK,0BAA0B,IAAI,CAAA,aAAA;AACrC,CAAA,CAAA;AAEA,IAAM,QAAA,GAAW;AAAA,EACf,KAAA,EAAO;AAAA,IACL,MAAA,EAAQ;AAAA,MACN,MAAA,EAAQ;AAAA,QACN,MAAA,EAAQ,kBAAA;AAAA,QACR,KAAA,EAAO,iBAAA;AAAA,QACP,IAAA,EAAM,gBAAA;AAAA,QACN,UAAA,EAAY,sBAAA;AAAA,QACZ,UAAA,EAAY,sBAAA;AAAA,QACZ,OAAA,EAAS;AAAA,UACP,OAAA,EAAS,mBAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,SAAA,EAAW;AAAA,UACT,OAAA,EAAS,qBAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,WAAA,EAAa;AAAA,UACX,OAAA,EAAS,uBAAA;AAAA;AAAA,UAET,KAAA,EAAO,6BAAA;AAAA,UACP,UAAA,EAAY,kCAAA;AAAA,UACZ,GAAG,YAAY,kBAAkB;AAAA,SACnC;AAAA,QACA,OAAA,EAAS;AAAA,UACP,OAAA,EAAS,mBAAA;AAAA,UACT,KAAA,EAAO,yBAAA;AAAA,UACP,UAAA,EAAY,8BAAA;AAAA,UACZ,GAAG,YAAY,cAAc;AAAA,SAC/B;AAAA,QACA,OAAA,EAAS;AAAA,UACP,OAAA,EAAS,mBAAA;AAAA,UACT,UAAA,EAAY,8BAAA;AAAA,UACZ,GAAG,YAAY,cAAc;AAAA,SAC/B;AAAA,QACA,KAAA,EAAO;AAAA,UACL,OAAA,EAAS,iBAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,MAAA,EAAQ;AAAA,UACN,OAAA,EAAS,kBAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,OAAA,EAAS;AAAA,UACP,OAAA,EAAS,mBAAA;AAAA,UACT,UAAA,EAAY;AAAA,SACd;AAAA,QACA,IAAA,EAAM;AAAA,UACJ,OAAA,EAAS,gBAAA;AAAA,UACT,UAAA,EAAY;AAAA;AACd,OACF;AAAA,MACA,YAAA,EAAc;AAAA,QACZ,EAAA,EAAI,eAAA;AAAA,QACJ,EAAA,EAAI,2BAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,SAAA,EAAW;AAAA,QACT,gBAAA,EAAkB;AAAA,UAChB,IAAA,EAAM,EAAE,MAAA,EAAQ,GAAA,EAAI;AAAA,UACpB,EAAA,EAAI,EAAE,MAAA,EAAQ,uCAAA;AAAwC,SACxD;AAAA,QACA,cAAA,EAAgB;AAAA,UACd,IAAA,EAAM,EAAE,MAAA,EAAQ,uCAAA,EAAwC;AAAA,UACxD,EAAA,EAAI,EAAE,MAAA,EAAQ,GAAA;AAAI;AACpB,OACF;AAAA,MACA,SAAA,EAAW;AAAA,QACT,gBAAA,EAAkB,oDAAA;AAAA,QAClB,cAAA,EAAgB;AAAA;AAClB;AACF;AAEJ;AAOA,IAAO,uBAAA,GAAQ","file":"tailwind-preset.cjs","sourcesContent":["/**\n * Tailwind CSS preset for @nextlyhq/ui components.\n *\n * Defines the CSS custom property contract that all UI components expect.\n * Consumers must provide the actual CSS variable values in their stylesheets.\n *\n * Usage (Tailwind v3, ESM):\n * // tailwind.config.ts\n * import uiPreset from \"@nextlyhq/ui/tailwind-preset\";\n * export default { presets: [uiPreset], ... };\n *\n * Usage (Tailwind v3, CommonJS):\n * // tailwind.config.js\n * const { uiPreset } = require(\"@nextlyhq/ui/tailwind-preset\");\n * module.exports = { presets: [uiPreset], ... };\n *\n * Usage (Tailwind v4 with @config):\n * Consumers define the equivalent @theme tokens in their CSS.\n * This file serves as the reference contract.\n */\n/**\n * The numbered shade scale for a status color, mixed from its base the same way\n * the v4 `@theme` block does, so v3 preset consumers get the same utilities the\n * components emit (`bg-destructive-700`, `bg-success-100 text-success-700`, ...).\n */\nconst statusScale = (base: string): Record<number, string> => ({\n 50: `color-mix(in srgb, var(${base}), white 95%)`,\n 100: `color-mix(in srgb, var(${base}), white 90%)`,\n 200: `color-mix(in srgb, var(${base}), white 70%)`,\n 300: `color-mix(in srgb, var(${base}), white 50%)`,\n 400: `color-mix(in srgb, var(${base}), white 30%)`,\n 500: `var(${base})`,\n 600: `color-mix(in srgb, var(${base}), black 10%)`,\n 700: `color-mix(in srgb, var(${base}), black 30%)`,\n 800: `color-mix(in srgb, var(${base}), black 50%)`,\n 900: `color-mix(in srgb, var(${base}), black 70%)`,\n 950: `color-mix(in srgb, var(${base}), black 85%)`,\n});\n\nconst uiPreset = {\n theme: {\n extend: {\n colors: {\n border: \"var(--nx-border)\",\n input: \"var(--nx-input)\",\n ring: \"var(--nx-ring)\",\n background: \"var(--nx-background)\",\n foreground: \"var(--nx-foreground)\",\n primary: {\n DEFAULT: \"var(--nx-primary)\",\n foreground: \"var(--nx-primary-foreground)\",\n },\n secondary: {\n DEFAULT: \"var(--nx-secondary)\",\n foreground: \"var(--nx-secondary-foreground)\",\n },\n destructive: {\n DEFAULT: \"var(--nx-destructive)\",\n // Saturated fill for solid buttons, distinct from the text-tuned base.\n solid: \"var(--nx-destructive-solid)\",\n foreground: \"var(--nx-destructive-foreground)\",\n ...statusScale(\"--nx-destructive\"),\n },\n success: {\n DEFAULT: \"var(--nx-success)\",\n solid: \"var(--nx-success-solid)\",\n foreground: \"var(--nx-success-foreground)\",\n ...statusScale(\"--nx-success\"),\n },\n warning: {\n DEFAULT: \"var(--nx-warning)\",\n foreground: \"var(--nx-warning-foreground)\",\n ...statusScale(\"--nx-warning\"),\n },\n muted: {\n DEFAULT: \"var(--nx-muted)\",\n foreground: \"var(--nx-muted-foreground)\",\n },\n accent: {\n DEFAULT: \"var(--nx-accent)\",\n foreground: \"var(--nx-accent-foreground)\",\n },\n popover: {\n DEFAULT: \"var(--nx-popover)\",\n foreground: \"var(--nx-popover-foreground)\",\n },\n card: {\n DEFAULT: \"var(--nx-card)\",\n foreground: \"var(--nx-card-foreground)\",\n },\n },\n borderRadius: {\n lg: \"var(--radius)\",\n md: \"calc(var(--radius) - 2px)\",\n sm: \"calc(var(--radius) - 4px)\",\n },\n keyframes: {\n \"accordion-down\": {\n from: { height: \"0\" },\n to: { height: \"var(--radix-accordion-content-height)\" },\n },\n \"accordion-up\": {\n from: { height: \"var(--radix-accordion-content-height)\" },\n to: { height: \"0\" },\n },\n },\n animation: {\n \"accordion-down\": \"accordion-down 0.3s cubic-bezier(0.87, 0, 0.13, 1)\",\n \"accordion-up\": \"accordion-up 0.3s cubic-bezier(0.87, 0, 0.13, 1)\",\n },\n },\n },\n};\n\n// Exported both ways on purpose. CommonJS cannot represent a default-only\n// module without `module.exports =`, which makes the emitted declarations\n// disagree with the runtime shape (attw's FalseExportDefault); a named export\n// alongside it keeps `require()` and `import` consistent and typed.\nexport { uiPreset };\nexport default uiPreset;\n"]}
package/dist/tailwind-preset.d.cts ADDED
@@ -0,0 +1,80 @@
1
+ declare const uiPreset: {
2
+ theme: {
3
+ extend: {
4
+ colors: {
5
+ border: string;
6
+ input: string;
7
+ ring: string;
8
+ background: string;
9
+ foreground: string;
10
+ primary: {
11
+ DEFAULT: string;
12
+ foreground: string;
13
+ };
14
+ secondary: {
15
+ DEFAULT: string;
16
+ foreground: string;
17
+ };
18
+ destructive: {
19
+ DEFAULT: string;
20
+ solid: string;
21
+ foreground: string;
22
+ };
23
+ success: {
24
+ DEFAULT: string;
25
+ solid: string;
26
+ foreground: string;
27
+ };
28
+ warning: {
29
+ DEFAULT: string;
30
+ foreground: string;
31
+ };
32
+ muted: {
33
+ DEFAULT: string;
34
+ foreground: string;
35
+ };
36
+ accent: {
37
+ DEFAULT: string;
38
+ foreground: string;
39
+ };
40
+ popover: {
41
+ DEFAULT: string;
42
+ foreground: string;
43
+ };
44
+ card: {
45
+ DEFAULT: string;
46
+ foreground: string;
47
+ };
48
+ };
49
+ borderRadius: {
50
+ lg: string;
51
+ md: string;
52
+ sm: string;
53
+ };
54
+ keyframes: {
55
+ "accordion-down": {
56
+ from: {
57
+ height: string;
58
+ };
59
+ to: {
60
+ height: string;
61
+ };
62
+ };
63
+ "accordion-up": {
64
+ from: {
65
+ height: string;
66
+ };
67
+ to: {
68
+ height: string;
69
+ };
70
+ };
71
+ };
72
+ animation: {
73
+ "accordion-down": string;
74
+ "accordion-up": string;
75
+ };
76
+ };
77
+ };
78
+ };
79
+
80
+ export { uiPreset as default, uiPreset };
package/dist/tailwind-preset.d.ts ADDED
@@ -0,0 +1,80 @@
1
+ declare const uiPreset: {
2
+ theme: {
3
+ extend: {
4
+ colors: {
5
+ border: string;
6
+ input: string;
7
+ ring: string;
8
+ background: string;
9
+ foreground: string;
10
+ primary: {
11
+ DEFAULT: string;
12
+ foreground: string;
13
+ };
14
+ secondary: {
15
+ DEFAULT: string;
16
+ foreground: string;
17
+ };
18
+ destructive: {
19
+ DEFAULT: string;
20
+ solid: string;
21
+ foreground: string;
22
+ };
23
+ success: {
24
+ DEFAULT: string;
25
+ solid: string;
26
+ foreground: string;
27
+ };
28
+ warning: {
29
+ DEFAULT: string;
30
+ foreground: string;
31
+ };
32
+ muted: {
33
+ DEFAULT: string;
34
+ foreground: string;
35
+ };
36
+ accent: {
37
+ DEFAULT: string;
38
+ foreground: string;
39
+ };
40
+ popover: {
41
+ DEFAULT: string;
42
+ foreground: string;
43
+ };
44
+ card: {
45
+ DEFAULT: string;
46
+ foreground: string;
47
+ };
48
+ };
49
+ borderRadius: {
50
+ lg: string;
51
+ md: string;
52
+ sm: string;
53
+ };
54
+ keyframes: {
55
+ "accordion-down": {
56
+ from: {
57
+ height: string;
58
+ };
59
+ to: {
60
+ height: string;
61
+ };
62
+ };
63
+ "accordion-up": {
64
+ from: {
65
+ height: string;
66
+ };
67
+ to: {
68
+ height: string;
69
+ };
70
+ };
71
+ };
72
+ animation: {
73
+ "accordion-down": string;
74
+ "accordion-up": string;
75
+ };
76
+ };
77
+ };
78
+ };
79
+
80
+ export { uiPreset as default, uiPreset };